Модератор форума: 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
|
Пример, стандартные надписи "тип лицензии" я заменил на форматы видео AVI, MPEG ... Теперь на странице с материалом для посетителя выводится эта информация о фильме. Немного нехватает полей, поэтому хочу использовать "операционные системы" и "языки интерфейса" также для своей дополнительной информации. Т.Е. вместо стандартных WINDOWS и так далее поставить свои надписи.
http://abya.ru - онлайн мультики для детей, скачать мультфильмы и мульт сериалы.
|
victorsf, для формы добавления меняете в стандартных надписях - там все поля есть. Для главной страницы каталога и страниц категорий (разделов) - шаблон "вид материалов". Для самого материала шаблон "страница материала и комментариев к нему". Все коды внизу шаблона есть. добавляйте в шаблоны и пишите какой нужно текст.
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
|
Прошу прощенья, я наверное неправильно объясняю. Как вставить код на страницу я знаю. Я хочу изменить:
Когда нажимаешь на флажок в поле операционные системы, выходит список Multi-Platform, Windows 95, Windows 98/me и так далее. Вот именно эти надписи я и хочу изменить. Multi-Platform на Союзмультфильм, Windows 95 на Киевнаучфильм и так далее. Тоже самое и насчет языков интерфейса. http://abya.ru - онлайн мультики для детей, скачать мультфильмы и мульт сериалы.
Сообщение отредактировал victorsf - Среда, 15 Фев 2012, 12:59:48
|
Добрый день! На главной стр. FAQ название категорий и описание к ним: Название - Консультация психолога, описание - "Консультации ведут специалисты в области перинатальной и семейной психологии: Матвиенок Вероника Владимировна, Дедюхина Надежда Владимировна"
Вопрос: "Как из МЕНЮ категорий убрать описание, оставить лишь названия категорий?" С уважением, Сергей Дедюхин |
Quote (grot611) Вопрос: "Как из МЕНЮ категорий убрать описание, оставить лишь названия категорий?" Посмотрите, может там можно по классу скрыть. Любые работы по:
- Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
Здравствуйте ! Есть несколько вопросов по каталогу статей:
1. Возможно ли изменить добавление картинок, чтоб они автоматически вставлялись в сообщение, без копирования $image$ ? 2. Как этим самым картинкам присвоить класс или id для css ? Спасибо за внимание ! Сообщение отредактировал LemoN_VIP - Среда, 07 Мар 2012, 15:30:09
|
Quote (LemoN_VIP) 1. Возможно ли изменить добавление картинок, чтоб они автоматически вставлялись в сообщение, без копирования $image$ ? Возможно Quote (LemoN_VIP) 2. Как этим самым картинкам присвоить класс или id для css ? Использовать сложенные селекторы уже не модно? Любые работы по:
- Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
Quote (LemoN_VIP) можешь все подробно объяснить ? Подробно в учебниках и статьях объясняют, я 1 строчкой: Code img.inmessage -> .inmessage img Любые работы по:
- Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
LemoN_VIP,
Quote (LemoN_VIP) 1. Возможно ли изменить добавление картинок, чтоб они автоматически вставлялись в сообщение, без копирования $image$ ? Да. Редактированием шаблонов. Типа: Code <?if($IMG_URL1$)?><img src="$IMG_URL1$" class="img_url" alt="$TITLE$" /><?endif?> ... и так далее ... ... Quote (LemoN_VIP) 2. Как этим самым картинкам присвоить класс или id для css ? Либо так, как написано выше, либо: Code .parentClass img{} Где: .parentClass - класс родительского блока для сообщения в котором картинки. ... Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 Сообщение отредактировал fflesh - Среда, 07 Мар 2012, 19:44:12
|
| |||