Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Каталоги: настройка дизайна |
Каталоги: настройка дизайна |
Настройка вида материалов в каталогах (работаем стилями)
Новый стандартный шаблон вида материалов имеет вид: 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, в панели управления выбираешь:
- ИНФОРМЕРЫ - СОЗДАТЬ ИНФОРМЕР - называешь его как-нибудь, выбираешь модуль, например КАТАЛОГ СТАТЕЙ - тип данных МАТЕРИАЛЫ - ДАТА ДОБАВЛЕНИЯ А - количество материалов 1 - количество колонок 1 - ДОПОЛНИТЕЛЬНЫЕ ОПЦИИ - Список ID категорий (пишешь идентификатор той категории, которая необходима) -СОХРАНИТЬ Теперь редактируешь шаблон вида информера так как тебе нужно. Так как в информере код $MESSAGE$ выводит только краткое описание материала, то его не вставляем, а в конце информера добавляем небольшой js: Код <script> $(document).ready(function(){ $('#infMessage').load('$ENTRY_URL$ .eMessage'); };) </script> Он будет загружать полный текст материала в блок с id="infMessage", так что он в информере должен быть. Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Среда, 24 Июл 2013, 07:51:25
|
Цитата (Head-Mad) -СОХРАНИТЬТеперь редактируешь шаблон вида информера так как тебе нужно. Так как в информере код $MESSAGE$ выводит только краткое описание материала, то его не вставляем, а в конце информера добавляем небольшой js: 1 2 3 4 5 Он будет загружать полный текст материала в блок с id="infMessage", так что он в информере должен быть. как информер заствить работать? |
|
Цитата (Miss_Esq) olga2008, А куда на Главную страницу поставить планируете ??? Добавлено (24 Июл 2013, 08:09:26) |
olga2008, А зачем информер, если хотите выводить материалы Каталога статей, используйте полное описание материала без ограничения количества символов, и используйте вместо Главной страницы Каталог статей ..
|
Всем доброго времени суток,хотелось бы узнать могу ли я в моем сайте внести изменения касающиеся отступа блоков от краев экрана?
http://steel-bear.ucoz.ru/ вот сам сайт.Сейчас он как бы находится в "Центре" экрана,а хотелось бы чтобы все блоки находились у краев экрана,как в стандартных шаблонах.В данный момент мне не нравится что есть эти отступы справа и слева. Если возможно подскажите как это сделать. Заранее спасибо. |
Цитата (Miss_Esq) olga2008, А зачем информер, если хотите выводить материалы Каталога статей, используйте полное описание материала без ограничения количества символов, и используйте вместо Главной страницы Каталог статей .. |
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
|
Цитата (Miss_Esq) В настройках каталога проставьте количество выводимых материалов = 1 а тут эти материалы хранятся как в архиве. http://vitalya.ucoz.ru/publ/letopisi/13. т.е зашел чел в архив и увидел по годам что было а на главной последний |
olga2008, так, небольшая поправка. в информере выбираете дата добавления материала D
а информер ($MYINF_1$, например) ставите в шаблон главной страницы каталога статей, перед $BODY$. Или если хотите чтоб на главной странице был только один материал с полной новостью, ставь информер не после $BODY$, а вместо <?if()?> Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Среда, 24 Июл 2013, 08:59:29
|
olga2008, для начала: надо чуть внимательнее читать:
Цитата (Head-Mad) Он будет загружать полный текст материала в блок с id="infMessage", так что он в информере должен быть. ну и второе, скрипт немного подправь: Код <script> $(document).ready(function(){ $('#infMessage').load('$ENTRY_URL$ .eText'); };) </script> Можешь забрать этот код и вставить его себе, сам знаешь куда.
|
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"> |
| |||