Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 04:55
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Изменяем стиль вывода похожих материалов ucoz

Изменяем стиль вывода похожих материалов ucoz Изменяем, стиль, вывода, похожих, материалов, ucoz
Пользователь нашего сайта http://ucozon.ru попросил выставить стиль самого блока полезных или похожих материалов, ну вот я и решил выдать его, не чего сложного и сверхъестественного в нем нету, просто собрал стиль под дизайн своего сайта о фильмах.
Стиль простой по себе до ужаса, но всё равно полезный для новичков, в том что бы сделать свой дизайн более приятным и красивым для глаза пользователя который посещает ваш сайт.
По умолчанию каждый пользователь на сайте может выводить сколько угодно в количестве похожих материалов, по тегам из названия материала, при условие что они введены в нужное поле при создание новости. используется условный оператор $RELATED_ENTRIES$
Для этого я хочу со временем добавить скрипт который будет подставлять нумерацию, и ранжирование этих новостей при выводе на странице сайта.

Установка:
В таблицу стилей CSS вставляем стиль , который по умолчанию, будет работать на всех сайтах, где вы используете условный оператор вывода похожих материалов $RELATED_ENTRIES$
Code
ul.uRelatedEntries {list-style:none; margin:2; padding:3;border: 1px solid #EAEAEA;-moz-border-radius:2px;}
ul.uRelatedEntries:hover {background:#F0F0F0; list-style:none; margin:2; padding:3;border: 1px solid #CCC;-moz-border-radius:2px;}
li.uRelatedEntry {border: 1px solid #EAEAEA;padding: 2px;padding-left: 4px;margin: 1px;-moz-border-radius:2px;}
li.uRelatedEntry:hover {background:#F9F9F9; border: 1px solid #CCC;padding: 2px;padding-left: 4px;margin: 1px;-moz-border-radius:2px;}

Настройка:
uRelatedEntries стиль присвоенный <UL>
uRelatedEntry стиль присвоенный <LI>
#EAEAEA - цвет бордюра в простом состояние
#CCC - цвет бордюра при наведение курсора

Если вам нужно положение вывода блока как нечто отдельное и похожее как на скрине то вот вам код моего варианта который я расположил на сайте avtos.do.am
Code
<?if($TAGS$)?><br>
  <table class="cBlock1" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>  
  <td style="padding: 6px; background: url("http://avtos.do.am/img/comment/comment-dark.png") no-repeat scroll right bottom transparent;">
<span class="com-name"><strong>Похожие Фильмы на "$ENTRY_NAME$<?if($OTHER5$)?> ($OTHER5$ часть)<?endif?>"</strong></span>
<?$RELATED_ENTRIES$(50)?>
<div class="cMessage" style="padding: 2px 0pt;"><!--<s5399>-->Схожие киноленты выбраны по тегам<!--</s>-->: $TAGS$</div>
</td></tr></tbody></table>  
<hr><?endif?>
Автор\Источник: http://ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 5577 | Комментарии: 4 | Рейтинг: 4.0/4 | |Категория: Скрипты Вид новостей | Добавил: mdbaner | Дата: 06.12.2011 | Скачали: 0 | Теги: материалов, Изменяем, стиль, похожих, вывода, ucoz
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 4
4 HoBa   Дата: 07.12.2011  Время: 18:43   [№ 11407]
а для каталога файлов не подойдет??

3 belekas   Дата: 06.12.2011  Время: 21:21   [№ 11398]
отлично уже поставил лови +

2 мир   Дата: 06.12.2011  Время: 17:47   [№ 11386]
Еще пронумеровать можно если в атрибут <li> добавить type="1"
<li type="1"> таким образом, но нужно сделать при помощи скрипта кажись.

1 TRANE73   Дата: 06.12.2011  Время: 17:36   [№ 11385]
Отличная статья! Кстати, если уж кому координально нужно изменить стиль, то можно с помощью jQuery, а именно с помощью функции .each() для элементов списка)


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru