Жизнь Гигабайта — Развлекательно-информативный портал

Вид "Новостей и статей" под белый дизайн сайта.

Дмитрий — Sun, 14 Jul 2013 08:22:57 GMT

Красивый стиль вида материалов для светлого дизайна. Есть функция сворачивания \ разворачивания (спрятать \ показать) материал.

[admin]Код ниже устанавливаем по такому пути:[/admin]

Цитата

ПУ >>> Каталог новостей либо статей >>> Вид материалов >>> Удаляем весь код и устанавливаем код ниже

Сам код:

Код

$MODER_PANEL$

      $TITLE$

      $MESSAGE$

      Просмотров: $READS$

      $CATEGORY_NAME$

      Добавил: $USERNAME$

      Подробнее: $COMMENTS_NUM$

Страница материалов и комментариев к нему в светлых тонах

Дмитрий — Sun, 14 Jul 2013 07:54:32 GMT

Новенькая красивая страничка материалов и комментариев к нему в светлых тонах с функцией сворачивания\ разворачивания (скрыть\ показать) материала.

Автор: Дмитрий

[moder]Название материала, картинка с увеличением и 5 колонок с информацией:[/moder]
1) Кол-во просмотров
2) Название категории
3) Автор добавления
4) Кол-во комментариев
5) Рейтинг в виде звезд

[admin]Код ниже нужно установить так:[/admin]

Цитата

Заходим в ПУ >>> Управление Дизайном >>> Каталог Новостей либо статей >>> Страница материала и комментариев к нему >>> вставляем код ниже в часть < !-- < body > -- > КОД < !-- < /body > -- >

Сам код:

Код

        $ENTRY_NAME$

$MODER_PANEL$

        $MESSAGE$

     Просмотров: $READS$

        $CATEGORY_NAME$

     Добавил: $USERNAME$

     Комментариев:$COMMENTS_NUM$

Вид материалов для модулей: файлы, новости, статьи

Дмитрий — Sat, 13 Jul 2013 07:36:06 GMT

Цитата

Как добавить новость на сайт

Цитата

1.Активируйте поле в ПУ =>Новости сайта=>Настройки модуля=> Поля для добавления материалов: и поставите галочку

Скрин

А после того, как поставили галочку, нажмите сохранить.

Цитата

2 Нажимаете - добавить новость у себя на сайте и в низу там где вы прописываете Теги есть такое поле

Скрин

Вы нажимаете обзор и выбираете у себя на компьютере изображение новости, как выбрали нажмите добавить новость вот и всё.

Вид материалов со сворачиванием темы.

Дмитрий — Fri, 29 Jun 2012 06:40:14 GMT

Вид материалов со сворачиванием темы и увеличением картинки.
Код ниже вставляем в вид материалов.

Код

$TITLE$

$MESSAGE$

Просмотров: $READS$ | Добавил: $USERNAME$

Подробнее

Мнения о материали Новости сайта от DoZa-CS

Дмитрий — Sat, 02 Jun 2012 13:14:22 GMT

[moder]В Новости сайта или страница комментариев к нему в нужное место ставим.[/moder]

Код

Мнение о материале

[moder]В Новости сайта в страница комментариев к нему после кода $GLOBAL_BFOOTER$ вставляем.[/moder]

Код

Вид материалов новостей сайта

Дмитрий — Wed, 30 May 2012 05:08:01 GMT

Красивый и легко настраиваемый вид материалов для темного дизайна, каталогов статей или новостей. Присутствует увеличение картинки при клике.
[moder]Установка:
В CSS стиль вставляем: [/moder]

Код

vid_1{padding:5px 0 0;width:100%;}
.vid_2_1{background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/6/gig-pro-6.png) left no-repeat;float:left;height:38px;width:100%;}
.vid_2_2{background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/6/gig-pro-7.png) repeat-x;height:38px;}
.vid_2_3{background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/6/gig-pro-8.png) right no-repeat;float:right;height:38px;width:100%;}
.vid_3_1{color:#A2A2A2;font-family:Arial;font-size:12px;font-weight:700;padding:12px 0 4px 4px;white-space:nowrap;}
.vid_3 a{color:#fcaa34;font-family:Arial;font-size:12px;font-weight:700;}
.vid_3 a:hover{color:#fe9702;font-family:Arial;font-size:12px;font-weight:700;text-decoration:underline;}
.vid_4{background:#212121;border:1px solid #0d0d0d;border-top:0;}
.vid_5{border:1px solid #3a3a3a;border-top:0;}
.vid_6{background:#212121;border:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d;border-top:0;height:14px;padding:1px 4px;}
.vid_6 a{color:#f0a332;}
.vid_6 a:hover{color:#f0a332;text-decoration:underline;}
.vid_7,.vid_11{border:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;border-top:0;}
.vid_8{background:#121212 url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/6/gig-pro-9.png);border-style:none;float:left;height:152px;margin:5px;overflow:hidden;position:relative;width:186px;}
.vid_8 img{height:134px;left:9px;position:absolute;top:9px;width:168px;}
.vid_9{overflow:hidden;padding:0 4px;}
.vid_10{padding:3px 5px;}
.vid_12{background:#212121;border:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d;border-top:0;height:27px;padding:3px 0 0 5px;}
.vid_13{padding:2px 0 2px 3px;}
.navih1{color:#A2A2A2;display:inline;font-family:Verdana;font-size:11px;font-weight:700;margin:0;padding:0;}
.vid_3_h{color:#A2A2A2;font-family:Arial;font-size:12px;font-weight:700;margin:0;padding:0;}
.linkbutton,.linkbutton:link,.linkbutton:active,.linkbutton:visited{background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/6/gig-pro-link_button.png) no-repeat 0 0;color:#a2a2a2;cursor:pointer;display:inline-block;font-family:Tahoma;font-size:10px;height:25px;margin:0 1px;padding:0 0 0 9px;text-shadow:1px 1px 1px #080808;text-transform:uppercase;}
.linkbutton:hover{background-position:0 -26px;color:#e98b15;text-decoration:none;text-shadow:1px 1px 1px #080808;}
.linkbutton span{background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/6/gig-pro-link_button.png) no-repeat right 0;cursor:pointer;display:inline-block;height:19px;padding:6px 11px 0 0;}

[moder]Затем заходим:
ПУ-Новости сайта- в вид материалов вставляем код: [/moder]

Код

$MODER_PANEL$

$TITLE$

Просмотров: $READS$ | Дата: $DATE$

$MESSAGE$
Категория: $CATEGORY_NAME$

Добавил:$USERNAME$ |
Комментарии ($COMMENTS_NUM$)

Подробнее / Читать

КНОПКА ДОБАВИТЬ НОВОСТЬ

Дмитрий — Fri, 25 May 2012 12:20:10 GMT

Кнопка добавить новость для белого дизайна.
Установка:
ПУ >>> Редактор страниц >>> Управление страницами сайта >>> Главная страница >>> весь код заменяем на:

Код

$LAST_NEWS$

Готово.

Кнопка - Добавить сайт в избранное

Дмитрий — Tue, 08 May 2012 15:05:46 GMT

Описание:
Данный скрипт добавляет в верхнюю левую часть сайта кнопку, которая добавляет ваш сайт в избранное по клику пользователя. Кнопка имеет прозрачный фон, что не портит ваш дизайн.
Вставляем в шаблон перед (и не забывает вписывать свои данные):

Код

Добавить
сайт в избранное

Код

Вставляем в CSS:

Код

/*Добавить в избранное */
#favorites a {
color:#222222;
text-decoration:none;
font-weight:bold;
filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40;
-khtml-opacity: 0.4;
opacity: 0.4;
background-color:#FFFFFF;
padding:20px;
position:absolute;
top:0;
left:0px;}

Rip menu nwo-team by demon

Дмитрий — Tue, 08 May 2012 15:04:13 GMT

В ксс ставим это:

Код

.gTable {background: #202020; border: 1px solid #303030; text-align:left;}
.gTable2 {background: #272727; border: 1px solid #303030; text-align:left;}
.gTableNews1 {padding:5px;background: #272727; border: 1px solid #3a3a3a;}
.gTableNews2 {padding:1px;background: #272727; border: 1px solid #3a3a3a;}
.eNewsTitle {font-family:Verdana,Arial,Sans-Serif;font-size:11px;font-weight:bold;color:#ababab; padding: 6px; border:0px solid #303030; height:12px; background:url('http://gig-pro.ru/load-ucoz/skripts/vid-materii/3/news_title.gif') repeat-x ;}

       .post-meta {
       text-transform:uppercase;
       margin:15px 0 15px 0;
       font-size:10px;
       color:#7e7a7a;
       display:inline;
       border:none;
       }

       .date {
       background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/3/date.png) no-repeat;
       text-transform:uppercase;
       padding:0 10px 0 15px;
       font-size:10px;
       color:#7e7a7a;
       display:inline;
       border:none;
       }

       .comments {
       background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/3/comments.png) no-repeat;
       text-transform:uppercase;
       padding:0 10px 0 15px;
       font-size:10px;
       color:#7e7a7a;
       display:inline;
       border:none;
       }

       .category {
       background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/3/category.png) no-repeat;
       text-transform:uppercase;
       padding:0 10px 0 15px;
       font-size:10px;
       color:#7e7a7a;
       display:inline;
       border:none;
       }

       .reads {
       background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/3/reads.png) no-repeat;
       text-transform:uppercase;
       padding:0 10px 0 15px;
       font-size:10px;
       color:#7e7a7a;
       display:inline;
       border:none;
       }

       .author {
       background:url(http://gig-pro.ru/load-ucoz/skripts/vid-materii/3/author.png) no-repeat;
       text-transform:uppercase;
       padding:0 10px 0 15px;
       font-size:10px;
       color:#7e7a7a;
       display:inline;
       border:none;
       }

Цитата

А это в вид:

Код

$TITLE$

$USERNAME$

$TIMESTAMP$

$CATEGORY_NAME$

$READS$

$COMMENTS_NUM$

$MESSAGE$

Вид материалов

Дмитрий — Sat, 14 Apr 2012 05:49:48 GMT

Цитата

Заходим ПУ>Управление дизайном>Новости>Вид материалов
удаляем все, и вставляем этот код

Код

$TITLE$
Просмотров: $READS$ \| Добавил: $USERNAME$ \| Дата: $DATE$ $MESSAGE$ Комментарии: ($COMMENTS_NUM$) \| Подробнее $MODER_PANEL$

Цвет #2a61f3 подбираем под свой дизайн