• Страница 1 из 17
  • 1
  • 2
  • 3
  • 16
  • 17
  • »
Модератор форума: Yuri_G  
Новости сайта: настройка дизайна
Модератор форума
Сообщение # 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 сделать окно просмотра новостей

    Вопросы по сайту можно писать тут постараюсь ответить
    • Страница 1 из 17
    • 1
    • 2
    • 3
    • 16
    • 17
    • »
    Поиск:
    Telegram
    Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!