Информер новое в каталоге блог для uCoz - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Информеры


Информер предназначен для модуля блог, который будет выводить самый новый материал на главную страницу, что создан в темном виде. Отличное решение, если каталог установлен не на лице сайта, а сам блог постоянно раскручивается новыми постами. И здесь этим кодом ставим в контейнер , где теперь пользователи и гости портала не пропустят не одной заметки. Да и сделан он понятно, что можно на стилях палитру совершенно другую вывести под свой шаблон.

[ Блог · Материалы · Дата добавления материала D · Материалы: 6 · Колонки: 1 ]
Код
<div class="bloginfo">  
<div class="blogcat">Категория: <a class="ni" target="_blank" href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div>  
<div class="bl"><a class="name" target="_blank" href="$ENTRY_URL$"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> $TITLE$</a></div>  
</div>

CSS:
Код
.bloginfo{  
display: block;  
font-weight: normal !important;  
padding: 5px 12px;  
font-size: 13px !important;  
position: relative;  
color: #6D6D6D;  
text-decoration: none !important;  
font-weight: normal;  
background: #50545d;  
border-radius: 5px;  
width: auto!important;  
box-shadow: 0 0 2px 0 rgba(0,0,0,.15);  
margin-bottom: 3px;  
}  

.bloginfo:hover{  
background:rgb(121, 125, 132);  
}  

.blogcat{  
color: #d0d0d0;  
font-size: 12px;  
text-decoration: none;  
border-bottom: 1px solid #676b71;  
font-family: 'Open Sans', Tahoma, sans-serif;  
padding: 0 0 4px 0;  
}  

.ni{  
padding: 0 10px;  
text-align:left;  
font-size: 12px;  
font-family: 'Roboto Condensed', sans-serif;  
color: #57a1ea;  
text-decoration: none;  
}  

.bl{  
text-decoration:none;  
padding:4px 0 0 0}  

.name{  
font-size: 12px;  
font-family: 'Roboto Condensed', sans-serif;  
color: #d0d0d0;  
text-decoration: none;  
font-weight: normal;  
}
.ni:hover, .name:hover{  
color:#fff;  
text-decoration:none;  
}  

.name i{  
color:#ff5555}

Вот и всё!!!

Источник: TurBo-S.aT.uA

Важно!

При копировании материала указывать ссылку на источник.

- 432
- 31-Октября-2017
- 3
Материал разместил:

Похожий материал
00:38:29 Здравствуйте) первоисточник) TurBo-S.aT.uA - Я его создал, zornet не является первоисточником! ) smile
13:40:57
Приносим свои извинения, всё исправим...
13:51:46 Спасибо, вы не виноват, эта все zornet не указывает авторов и источник, если ему так написать то бан сразу!
Статьи сайта