• Страница 1 из 17
  • 1
  • 2
  • 3
  • 16
  • 17
  • »
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Новости сайта: настройка дизайна
Новости сайта: настройка дизайна
Модератор форума
Сообщение # 1 | 16:44:50
Правила подачи вопроса!

  • Ваш вопрос принимается только, если вы чётко сформулируете свою проблему.
  • Вы должны как можно подробнее описать суть вашего вопроса, сообщить, что вы перед этим пытались сделать.
  • Обязательна ссылка на место, где возникла проблема.
  • Желательно скриншот.
Selena
Сообщений: 15657
Сообщение # 2 | 16:44:50
Правила подачи вопроса!

  • Ваш вопрос принимается только, если вы чётко сформулируете свою проблему.
  • Вы должны как можно подробнее описать суть вашего вопроса, сообщить, что вы перед этим пытались сделать.
  • Обязательна ссылка на место, где возникла проблема.
  • Желательно скриншот.
Piterski
Сообщений: 386
Репутация: 195

Сообщение # 3 | 16:45:00
Настройка дизайна модуля

Чтобы приступить к настройки дизайна новостей, вам надо зайти в модуль "Новости сайта" и далее нажать на "Управление дизайном новостей"

Если вы понятия не имеете что такое HTML или CSS то лучше сюда вообще не заходить, но или попробывать что-то поменять с помощью "Визуальный редактор".
Но помните что Администраци не несет никакой ответственности за то что вы там на делаете, и потом не собирается вам обьяснять что и как исправить.

Напротив, если же вы владете HTML или CSS, то мы настоятельно не рекомендуем использовать встроенный редактор.



Модуль новости имеет в настройке 3 шаблона. Шаблон 1 - "Страница архив материалов" Шаблон 2 - "Страница материалов и комментария к нему" Шаблон 3 - "Вид материалов"

  • Шаблон 1 (Страница архив материалов).

    Отвечает за несколько страниц сайта. Так например этот шаблон отвечает за страницы добавления и редактирования материала, за архив новостей, за поиск материалов, за топ материалов.

    Для того чтобы настроить для всех этих страниц определенный дизайн следует использовать условные операторы %IF% и переменную $PAGE_ID$. Так например если Вам надо изменить что-то на странице добавления материалов, то вы делаете такую записть

    Code
    <?if($PAGE_ID$="add")?><script type="text/javascript">alert('Это страница добовления новостей');</script><?endif?>


    И так далее...

  • Шаблон 2 - (Страница материалов и комментария к нему)

    Отвечает за настройку дизайна страницы материала, тоесть страница с полном текстом новостей и комментариию к ней.

  • Шаблон 3 - (Вид материалов)

    Отвечает за блок вида материалов выводимых на главной странице, странице поиска, архива. И тд. Несет в себе краткую версию новости и пр. информацию (Например о кол. комментариев или кол. просмотров определенной новости.)


    CSS-конструкторы для настройки стилей "Новостей сайта": Вид материалов (Перейти »), Стили календаря (Перейти »), Меню категорий (Перейти »), Меню архив (Перейти »)
  • Selena
    Сообщений: 15657
    Репутация: 1100

    Сообщение # 4 | 16:45:20
    Как найти и отредактировать класс в CSS?

    Метод 1-й - от frozen

    1) Открываете Вид-Просмотр ХТМЛ кода нужной страницы.
    2) Находите в тексте объект, параметры которого требуется изменить, и смотрите какой у него класс.
    3) Затем ищите этот класс в таблице стилей css.
    4) И меняете как нужно параметры.

    Если отдельного класса нет, то добавляете его в шаблон (через Панель управления), а в таблице стилей css добавляете с нужными параметрами.

    Метод 2-й - от booroondook

    1) Открываете в браузере нужную страницу сайта.
    2) Сохраняете в браузере эту страницу в виде HTML-файла. Например, в IE выполняем команду "Файл - Сохранить как..." и указываем в опциях вариант "Web-страница полностью" - это вызовет также сопутствующее сохранение CSS-файла и ссылку на него в сохраненном HTML-файле.
    3) Открываем сохраненный HTML-файл в Frontpage, переходим в режим "Split" (т.е. отображение в нижней части окна дизайна страницы, а в верхнем - исходного кода).
    4) В полуокне дизайна становимся мышкой на нужный нам элемент - при этом в полуокне исходного кода курсор автоматически встанет в соответствующее место кода, а на панели тегов высветится соответствующий класс. При желании можно нажать на этот высвеченный класс - тогда в обоих полуокнах выделятся соответствующие участки.
    5) Класс нам известен - теперь можно найти его в локальном CSS-файле (см. п.2 - файл был сохранен) и изменить нужным образом.
    6) Возвращаемся в Frontpage, нажимаем там клавишу F5 (обновить представление) и сразу же видим и оцениваем изменения.

    Если утомительно искать нужный класс в CSS, то есть

    Метод 3-й - от Кински

    1. Копируем название класса (с точкой или без).
    2. Открываем таблицу стилей CSS
    3. Вызываем окно поиска сочетанием клавиш ctrl+F
    4. Вставляемый нужный класс в строку поиска
    5. Нажимаем поиск и смотрим результат

    В 9.01 Опере просмотр кода сделан подсвечивающимся. Текст чёрный, код синий, комментарии зелёные и скрипты коричневые. Очень удобно.

    Пример:
    Очень часто хотят поменять размер шрифта в сообщениях на форуме. Для этого откроем любую тему на форуме и скопируем кусочек текста. Открываем Просмотр ХТМЛ-кода и ищем этот кусочек. Затем смотрим какой у него класс - у текста сообщений class="posttdmessage".

    Открываем таблицу стилей форума и находим в разделе /* Posts View */ класс posttdmessage.

    .posttdmessage {padding:5px;font-size:8pt;}

    Мы видим, что задан только отступ и размер шрифта. Мы можем поменять размер и добавить цвет. В итоге этот класс будет выглядеть как:

    .posttdmessage {padding:5px;font-size:10pt;color:#CCCCCC;}

    Цвет взят условно.


    Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
    YuriT
    Сообщений: 231
    Репутация: 701
    Уровень замечаний:

    Сообщение # 5 | 16:45:30
    derev, классы отдельных элементов можно посмотреть в соотвтетствующих шаблонах, они задаются там аттрибутами вида class="....".
    В частности, весь текст новостей (включая название, саму новость и все детали) имеет класс eBlock, а сама новость - класс eMessage.
    В общей таблице стилей (также доступной через страницу Шаблоны как "Общие шаблоны -> Таблица стилей (CSS)") они описываются строчками, начинающимися, соответственно,
    .eBlock
    .eMessage
    Эти же стили применяются по умолчанию к материалам и всех других модулей, а рядышкам там есть также стили, применяемые к другим частям описания материалов.

    А вообще такие вещи описаны в специальной теме на другом форуме Как найти и отредактировать класс в CSS?


    Потеряшка - поиск потерянных и помощь бездомным животным в Питере
    Сообщение отредактировал YuriT - Вторник, 19 Май 2009, 16:13:07
    Paulshark
    Сообщений: 5
    Репутация: 0

    Сообщение # 6 | 17:10:00
    Подскажите пожалуйста, у меня "Новости сайта" выводятся на главную страницу, можно сделать чтоб рекламные баннеры, были после каждой новости? Я в конце "Вид материалов" добавил "div", так он мне мою рекламу выводит только после первой новости, как сделать, чтоб тот баннер, который я поставил был после каждой добавленной мною новости? Возможно ли это сделать вообще на "uCoz" ?
    Miss_Esq
    Сообщений: 13859
    Репутация: 4159
    Уровень замечаний:

    Сообщение # 7 | 17:10:50
    Paulshark, Скрипт рекламы вставлен в шаблон вида материалов новостей ? и она выводится только после первой новости ? Может быть скрипт расчитан только на однократную установку ?..?

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

    Сообщение # 8 | 17:11:00
    Quote (Miss_Esq)
    Скрипт рекламы вставлен в шаблон вида материалов новостей ?


    -Да.

    Quote (Miss_Esq)
    она выводится только после первой новости ?


    -Да.

    Quote (Miss_Esq)
    Может быть скрипт расчитан только на однократную установку ?


    -Возможно, но мне надо сделать чтоб выводилось после каждой, это возможно?
    Miss_Esq
    Сообщений: 13859
    Репутация: 4159
    Уровень замечаний:

    Сообщение # 9 | 11:41:12
    Paulshark,
    Quote
    это возможно?
    Получется что нет , выводить рекламу после каждой новости не получится . не предусмотрено рекламодателем , скриптм .....

    Сообщение отредактировал Miss_Esq - Вторник, 09 Авг 2011, 11:41:53
    Harmony_999
    Сообщений: 6
    Репутация: 3

    Сообщение # 10 | 13:49:44
    Здравствуйте! Помогите, пожалуйста. Я делаю сайт http://sgolenkov.ucoz.ru/ установила дизайн 792. потом стала менять картинку в шапке сайта (вверху). Все сделала, как в инструкции: http://uabc.ws/publ....-0-180#

    Старая картинка стерлась, новая не появиась. Где я ошиблась? cry cry cry
    FeniX_kz
    Сообщений: 1642
    Репутация: 971

    Сообщение # 11 | 14:12:32
    Harmony_999, новая картинка появилась,вот только вы не изменили дублирующуюся картинку, которая занимает все остальное пространство шапки, т.е. цвет #EDECD5

    .::I'll be back::.
    Выбор за тобой!
    Dydydydym
    Сообщений: 3
    Репутация: 4

    Сообщение # 12 | 14:14:52
    Harmony_999, найдите в CSS идентификатор image и замените в его стилях /.s/t/792/4.jpg на адрес вашей картинки, например http://site.ucoz.com/image.jpg. При необходимости, можно изменить ширину картинки в пикселях, для этого исправьте 291 на другое число.
    Ирина4993
    Сообщений: 2
    Репутация: 0

    Сообщение # 13 | 22:39:16
    Правила подачи вопроса!

    • Ваш вопрос принимается только, если вы что-то пытались сделать и у вас не получилось. Вопросы "Как сделать?" отправляются в небытие, а пользователь в бан на 5 дней!
    • Вы должны как можно подробнее описать суть вашего вопроса, что вы перед этим пытались сделать.
    • Обязательно ссылка на место где возникла проблема.
    • Желательно скриншот.
    geroi_n47
    Сообщений: 91
    Репутация: 21

    Сообщение # 14 | 18:26:00
    Прошу помогите! Пожалуйста не отсылайте в небытие сразу =)
    вы не могли бы дать хоть намёк на то, как сделать это окно с просмотром самых популярных новостей.
    Я сделал сайт на базе шаблона №805, за основу выбрал модуль "игры онлайн".
    Просто дайте ссылку где эта тема подымалась - остальное я сам всё допру
    Вот пример окна, справа от ролика
    Code
    http://otriva.net/load/18-1-0-19022

    Добавлено (22-Окт-2011, 18:26:00)
    ---------------------------------------------
    ну то что информер можно создать я допёр, но как создать прокручивающееся окно ? и как сделать ссылку на остальные новости?

    Сообщение отредактировал geroi_n47 - Суббота, 22 Окт 2011, 17:44:06
    Nagato_Dragon
    Сообщений: 6
    Репутация: 4

    Сообщение # 15 | 15:20:25
    qeroi_n47 на этом сайте окно новостей скорее всего сделано применяя javascript, можно на своем сайте тоже применяя javascript сделать окно просмотра новостей

    Вопросы по сайту можно писать тут постараюсь ответить
    Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Новости сайта: настройка дизайна
    • Страница 1 из 17
    • 1
    • 2
    • 3
    • 16
    • 17
    • »
    Поиск: