Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Каталоги: настройка дизайна
Каталоги: настройка дизайна
Модератор форума
Сообщение # 1 | 15:36:35
Настройка вида материалов в каталогах (работаем стилями)
Новый стандартный шаблон вида материалов имеет вид:
Code
<div class="eBlock" style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div class="eMessage" style="clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?>
<?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?>
<div class="eDetails" style="clear:both;">
<?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?>
Просмотров: $READS$ |
<?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?>
Дата: $DATE$
<?if($RATING$)?>| Рейтинг: $RATING$/$RATED$<?endif?>
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</div>
</div>



Появились новые классы:

.eBlock - отвечает за общий вид контейнера с материалом.
.eTitle - отвечает за заголовок материала.
.eMessage - отвечает за вид самого материала.
.eAttach - отвечает за вид приложений к материалу (прикрепления).
.eDetails - отвечает за дополнения к материалу (категория, просмотры, кто добавил и т.д.)

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

Простенький пример оформления стилей вида материалов.

/* EntryModule Style */
.eBlock {}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#A67F48; padding: 2px 0 0 25px; background: url('https://src.ucoz.ru/t/151/14.gif') no-repeat top left; height: 25px;}
.eMessage {border:1px dashed #A67F48;text-align:justify;padding-bottom:5px;}
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('https://src.ucoz.ru/t/151/15.gif') no-repeat 0px 0px;}
.eDetails {border:1px dashed #A67F48;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding:10px;text-align:left;font-size:8pt;}

.eTitle a:link {text-decoration:underline; color:#A67F48;}
.eTitle a:visited {text-decoration:underline; color:#A67F48;}
.eTitle a:hover {text-decoration:underline; color:#000000;}
.eTitle a:active {text-decoration:underline; color:#000000;}
/* ------------------ */



CSS-конструктор для настройки вида материала: Перейти »
Сообщение отредактировал Selena - Понедельник, 24 Сен 2007, 23:43:10
olga2008
Сообщений: 10
Репутация: 0

Сообщение # 136 | 07:26:47
Цитата (Head-Mad)
видимо информером, или через js.
а как через информер это сделать?
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 137 | 07:50:35
olga2008, в панели управления выбираешь:
- ИНФОРМЕРЫ
- СОЗДАТЬ ИНФОРМЕР
- называешь его как-нибудь, выбираешь модуль, например КАТАЛОГ СТАТЕЙ
- тип данных МАТЕРИАЛЫ
- ДАТА ДОБАВЛЕНИЯ А
- количество материалов 1
- количество колонок 1
- ДОПОЛНИТЕЛЬНЫЕ ОПЦИИ
- Список ID категорий (пишешь идентификатор той категории, которая необходима)

-СОХРАНИТЬ
Теперь редактируешь шаблон вида информера так как тебе нужно. Так как в информере код $MESSAGE$ выводит только краткое описание материала, то его не вставляем, а в конце информера добавляем небольшой js:
Код
<script>
$(document).ready(function(){
$('#infMessage').load('$ENTRY_URL$ .eMessage');
};)
</script>

Он будет загружать полный текст материала в блок с id="infMessage", так что он в информере должен быть.

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Среда, 24 Июл 2013, 07:51:25
olga2008
Сообщений: 10
Репутация: 0

Сообщение # 138 | 08:03:58
Цитата (Head-Mad)
-СОХРАНИТЬТеперь редактируешь шаблон вида информера так как тебе нужно. Так как в информере код $MESSAGE$ выводит только краткое описание материала, то его не вставляем, а в конце информера добавляем небольшой js:

1
2
3
4
5

Он будет загружать полный текст материала в блок с id="infMessage", так что он в информере должен быть.
с верхней частью все понятно. а вот как быть с этим. т.е куда потом это информер вставить чтобы он при открытие главной страницы сайта сразу работал. т.е как его прикрутить. т.к на главной странице в адресе url стоит знак /....
как информер заствить работать?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 139 | 08:07:43
olga2008, А куда на Главную страницу поставить планируете ???

olga2008
Сообщений: 10
Репутация: 0

Сообщение # 140 | 08:09:26
Цитата (Miss_Esq)
olga2008, А куда на Главную страницу поставить планируете ???
хочу чтобы сразу выводилась статья в открытом виде. не заголовок а именно все статья полностью при открытие www.сайт.ru

Добавлено (24 Июл 2013, 08:09:26)
---------------------------------------------
и больше ничего на главной не будет

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 141 | 08:12:42
olga2008, А зачем информер, если хотите выводить материалы Каталога статей, используйте полное описание материала без ограничения количества символов, и используйте вместо Главной страницы Каталог статей ..

Aspad
Сообщений: 2
Репутация: 0

Сообщение # 142 | 08:18:03
Всем доброго времени суток,хотелось бы узнать могу ли я в моем сайте внести изменения касающиеся отступа блоков от краев экрана?
http://steel-bear.ucoz.ru/ вот сам сайт.Сейчас он как бы находится в "Центре" экрана,а хотелось бы чтобы все блоки находились у краев экрана,как в стандартных шаблонах.В данный момент мне не нравится что есть эти отступы справа и слева.
Если возможно подскажите как это сделать.
Заранее спасибо.
olga2008
Сообщений: 10
Репутация: 0

Сообщение # 143 | 08:19:36
Цитата (Miss_Esq)
olga2008, А зачем информер, если хотите выводить материалы Каталога статей, используйте полное описание материала без ограничения количества символов, и используйте вместо Главной страницы Каталог статей ..
да в том то и фишка что не материалы. а самый последний добавленный материал в в каталоге.1 шт. материала
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 144 | 08:25:38
Aspad,
У вас

Цитата
<table width="1030" height="402" border="0" align="center" cellpadding="0" cellspacing="0">
<td style="background:url('');padding:5px;"><table border="0" cellpadding="0" cellspacing="0" width="100" align="center">
<tr>
<td height="141" valign="top" style="width:180px;">

Напишите
Цитата
<table style="width: 100%; height: 402px; border: 0px; text-align: center;" cellpadding="0" cellspacing="0">
<td style="background:url('');padding:5px;"><table border="0" cellpadding="0" cellspacing="0" width="100" align="center">
<tr>
<td height="141" valign="top" style="width:180px;">

olga2008,
Цитата
1 шт. материала

В настройках каталога проставьте количество выводимых материалов = 1

Сообщение отредактировал Miss_Esq - Среда, 24 Июл 2013, 08:26:29
olga2008
Сообщений: 10
Репутация: 0

Сообщение # 145 | 08:30:30
Цитата (Miss_Esq)
В настройках каталога проставьте количество выводимых материалов = 1
хм... тут малость недопонимание. http://vitalya.ucoz.ru/ главная страница тут хочу вывести тот самый последний материал в развернутом виде.
а тут эти материалы хранятся как в архиве. http://vitalya.ucoz.ru/publ/letopisi/13. т.е зашел чел в архив и увидел по годам что было а на главной последний
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 146 | 08:48:35
olga2008, так, небольшая поправка. в информере выбираете дата добавления материала D
а информер ($MYINF_1$, например) ставите в шаблон главной страницы каталога статей, перед $BODY$.

Или если хотите чтоб на главной странице был только один материал с полной новостью, ставь информер не после $BODY$, а вместо
<?if()?>

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Среда, 24 Июл 2013, 08:59:29
Aspad
Сообщений: 2
Репутация: 0

Сообщение # 147 | 08:49:05
Цитата (Miss_Esq)
Напишите Цитата
Как вы и посоветовали изменил данную часть.Но видимых изменений не вижу.Все так же по центру,не знаю в чем дело,может фиксированная ширина?
olga2008
Сообщений: 10
Репутация: 0

Сообщение # 148 | 08:57:18
Цитата (Aspad)
ставити в шаблон главной страницы каталога статей, перед $BODY$.
после вставки ничего не изменилось...
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 149 | 09:03:52
olga2008, для начала: надо чуть внимательнее читать:
Цитата (Head-Mad)
Он будет загружать полный текст материала в блок с id="infMessage", так что он в информере должен быть.

ну и второе, скрипт немного подправь:

Код
<script>  
$(document).ready(function(){  
$('#infMessage').load('$ENTRY_URL$ .eText');  
};)  
</script>

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 150 | 09:16:44
Aspad, Красное удалить синее написать ..

Цитата
</td>

<td valign="top" style="padding:0px 0px 0px 10px;">
<table border="0" cellpadding="0" cellspacing="0" width="522" style="width: 100%; border: 0px; "><tr><td style="background:;padding:0px;">
<tr><td align="center" height="150" style="background:url('/almaz/sideup.png') ;color:#FFFFFF;padding-bottom:5px;font-size:10px;"></td></tr>
<tr><td style="background:url('/almaz/sidecen.png');padding:0 15px 0 15px;"><div align="center">

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Каталоги: настройка дизайна
Поиск: