Приветствую Вас Гость | RSS
Меню
Главная » Файлы » Все для Ucoz » Скрипты для ucoz

Похожие материалы для сайта Ucoz (красивый вид) скачать
похожие материалы для сайта ucoz скачать
 
Всем привет! Добро пожаловать в раздел "Все для ucoz". Здесь я пытаюсь собирать все самое лучшее,рабочее и удобное для сайта на движке ucoz.
В данной статье я хотел бы поделится видом блока "Похожие материалы для сайта Ucoz". Пример данного блока вы можете видеть выше на картинке,либо на страницах этого сайта.
Хотел бы обратить Ваше внимание на то,что весь блок легко редактируется с помощью стилей.Так же,блок "Похожие материалы" заключен в тэг Ucoz-овского условия <?if($RELATED_ENTRIES$(5))?>,это значит,что данные блок будет выводится,если материал содержит 1-5 похожих материалов (по тегам).В ином случае блок не отображается.
 
И так, разберемся с установкой: (После авторизации будет доступна прямая ссылка для скачивания архива с удобными исходниками)
 
1.Это ставим в страницу материала и комментария к нему нужного вам модуля в удобное для вас место! (где будет расположен сам блок)

Код
 <?if($RELATED_ENTRIES$(5))?>
    <div class="newsto">  
<span>Похожие материалы</span>  
<ul class="uRelatedEntries"><?$RELATED_ENTRIES$(5)?></ul>  
   </div>    
<?else?>
<?endif?>


2. Данные стили CSS заливаем в начало или конец "Таблица стилей (CSS)" или перед блоком выше в тег <style></style>

Код:
Код
.newsto {  
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.09), inset 0 0 50px rgba(0,0,0,0.05);  
-moz-box-shadow:0 0 4px rgba(0,0,0,0.09), inset 0 0 50px rgba(0,0,0,0.05);  
box-shadow:0 0 5px rgba(0,0,0,0.09), inset 0 0 50px rgba(0,0,0,0.05);  
border-radius:6px;  
min-height:90px;  
border:1px #eaeaea solid;  
margin-bottom:10px;  
text-align:left;  
background:url(https://www.h1tan.ru/informers/newsto.jpg) left 1.5% center no-repeat;  
padding:5px 5px 5px 50px;  
}  

.newsto span {  
padding-left:80px;  
color:#565656;  
font:bold 17px Arial,Helvetica,sans-serif;  
display:block;  
}  

.newsto li {  
   list-style: none;  
   background: url(https://www.h1tan.ru/informers/a2.jpg) no-repeat left;  
   margin: 7px 0 0;  
   padding: 0 0 0 23px;  
}
/ --------------- \
/ Как нужно качать? \

Категория: Скрипты для ucoz | Просмотров: 832 | Добавил: drak-zp | Рейтинг: 5.0/5 | Загрузок: 19


avatar
-->