Модератор форума: 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
victorsf
Сообщений: 27
Репутация: 10

Сообщение # 46 | 10:22:16
Пример, стандартные надписи "тип лицензии" я заменил на форматы видео AVI, MPEG ... Теперь на странице с материалом для посетителя выводится эта информация о фильме. Немного нехватает полей, поэтому хочу использовать "операционные системы" и "языки интерфейса" также для своей дополнительной информации. Т.Е. вместо стандартных WINDOWS и так далее поставить свои надписи.

http://abya.ru - онлайн мультики для детей, скачать мультфильмы и мульт сериалы.
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 47 | 17:04:24
victorsf, для формы добавления меняете в стандартных надписях - там все поля есть. Для главной страницы каталога и страниц категорий (разделов) - шаблон "вид материалов". Для самого материала шаблон "страница материала и комментариев к нему". Все коды внизу шаблона есть. добавляйте в шаблоны и пишите какой нужно текст.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
victorsf
Сообщений: 27
Репутация: 10

Сообщение # 48 | 20:56:40
Прошу прощенья, я наверное неправильно объясняю. Как вставить код на страницу я знаю. Я хочу изменить:
Когда нажимаешь на флажок в поле операционные системы, выходит список Multi-Platform, Windows 95, Windows 98/me и так далее. Вот именно эти надписи я и хочу изменить. Multi-Platform на Союзмультфильм, Windows 95 на Киевнаучфильм и так далее. Тоже самое и насчет языков интерфейса.

http://abya.ru - онлайн мультики для детей, скачать мультфильмы и мульт сериалы.
Сообщение отредактировал victorsf - Среда, 15 Фев 2012, 12:59:48
grot611
Сообщений: 13
Репутация: 6

Сообщение # 49 | 08:06:29
Добрый день! На главной стр. FAQ название категорий и описание к ним: Название - Консультация психолога, описание - "Консультации ведут специалисты в области перинатальной и семейной психологии: Матвиенок Вероника Владимировна, Дедюхина Надежда Владимировна"
Вопрос: "Как из МЕНЮ категорий убрать описание, оставить лишь названия категорий?"
С уважением, Сергей Дедюхин
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 50 | 14:27:41
grot611, вариант только один - не заполнять описание категории. Получается, что оно вам нигде не нужно.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 51 | 14:43:50
Quote (grot611)
Вопрос: "Как из МЕНЮ категорий убрать описание, оставить лишь названия категорий?"

Посмотрите, может там можно по классу скрыть.

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
LemoN_VIP
Сообщений: 13
Репутация: 1

Сообщение # 52 | 14:56:24
Здравствуйте ! Есть несколько вопросов по каталогу статей:
1. Возможно ли изменить добавление картинок, чтоб они автоматически вставлялись в сообщение, без копирования $image$ ?
2. Как этим самым картинкам присвоить класс или id для css ?
Спасибо за внимание !
Сообщение отредактировал LemoN_VIP - Среда, 07 Мар 2012, 15:30:09
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 53 | 18:00:09
Quote (LemoN_VIP)
1. Возможно ли изменить добавление картинок, чтоб они автоматически вставлялись в сообщение, без копирования $image$ ?

Возможно
Quote (LemoN_VIP)
2. Как этим самым картинкам присвоить класс или id для css ?

Использовать сложенные селекторы уже не модно?

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
LemoN_VIP
Сообщений: 13
Репутация: 1

Сообщение # 54 | 18:12:16
Quote (mob_dp2)
Использовать сложенные селекторы уже не модно?


может и модно, вот только я это впервые слышу. mob_dp2, можешь все подробно объяснить ?
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 55 | 18:18:55
Quote (LemoN_VIP)
можешь все подробно объяснить ?

Подробно в учебниках и статьях объясняют, я 1 строчкой:
Code
img.inmessage -> .inmessage img

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
LemoN_VIP
Сообщений: 13
Репутация: 1

Сообщение # 56 | 18:43:57
кто то может помочь ?
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 57 | 19:42:12
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
LemoN_VIP
Сообщений: 13
Репутация: 1

Сообщение # 58 | 22:25:41
fflesh, Большое тебе спасибо ! Все получилось ! respect
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 59 | 22:26:25
fflesh, не ну ты как специально wacko

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
LemoN_VIP
Сообщений: 13
Репутация: 1

Сообщение # 60 | 13:43:57
еще 1 проблемка, подскажите как настроить кнопку "Добавить поле для файла" при добавлении статьи. Хочу заменить стандартный "+" на свою кнопку.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Каталоги: настройка дизайна
Поиск: