Гарантирую вывод в топ Яндекса и Google! Заказать сайт либо его продвижение можно здесь >> Главная | Регистрация | Вход

Заказать сайт вебмастеру можно здесь

сайт турфирмы Юник

Раскрутка unique-travel.ru - сайта о турах и экскурсиях по всему миру

История продвижения сайта - Перейти на сайт турфирмы.

www.orlovsky-fun.ru - сайт караоке клуба Кадиллак

Поддержка и продвижение с августа 2012 года История продвижения сайта - Перейти на сайт клуба Кадиллак.

Продвижение visitscope.ru - русское экскурсионное бюро в Париже

Продвижение с 2012 года История продвижения сайта - Перейти на сайт экскурсионного бюро.

www.webpublication.ru - французская компания Интернет публикаций

Продвижение с июня 2013 года История продвижения сайта - Заказать интерактивную публикацию.

Комбинированные туры в Италию

www.italiano-tour.ru - Комбинированные туры в Италию

Создание и продвижение с февраля 2014 года История продвижения сайта - Комбинированные туры в Италию

Раскрутка сайта www.gifprikol.com - Анимационные приколы.

Создание и продвижение с февраля 2012 года Лучшие GIF приколы

Создание и продвижение сайта newhit.org - Новые mp3 рингтоны

Создание и продвижение с мая 2014 года. История продвижения сайта - Новинки хит парадов

Раскрутка и создание сайта о лекарствах - citofarma.ru

Создание и продвижение с февраля 2012 года Бесполезные лекарства

  • unknown master
  • unknown master
  • unknown master
  • unknown master
  • unknown master
  • GIF приколы
  • рингтоны новинки
  • Лекарства
Заказать раскрутку сайта

Популярные материалы

[09.10.2013][Белые каталоги]
Доски объявлений без регистрации для раскрутки сайта (3)
[11.09.2012][Белые каталоги]
Список белых каталогов для раскрутки сайта скачать бесплатно (4)
[22.10.2012][Белые каталоги]
Белые каталоги для раскрутки сайтов Скачать списком (2)
[07.12.2012][Скрипты для ucoz]
Скрипт переводчика для ucoz скачать (1)
[12.03.2014][Скрипты для ucoz]
Красивый Слайдер для ucoz сайтов (0)

Последние новости

[23.09.2015][Скрипты для ucoz]
Красивый Слайдер для ucoz c демо (0)
[28.07.2014][Шаблоны для ucoz]
Шаблон бизнес сайта для ucoz (0)
[29.07.2014][Шаблоны для ucoz]
Шаблон музыкального сайта с плейлистами скачать (0)
[13.08.2014][Шаблоны для ucoz]
Шаблон для ucoz c рабочим конструктором (1)
[14.08.2014][Шаблоны для ucoz]
Шаблон для ucoz тема игры и развлечения (0)

Форма входа

Меню сайта

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » 2013 » Май » 14 » CSS на UCOZ смена стиля
13:03
CSS на UCOZ смена стиля
 

 CSS на UCOZ как сменить дизайн сайта




Довольно часто мне задают вопросы о том как в системе Ucoz редактировать таблицу стилей CSS

Сразу оговорюсь что у каждого дизайна на ucoz своя таблица стилей, поэтому эти таблицы будут несколько отличаться d деталях, но основные подходы будут разумеется общими. Итак приступим.

Для примера я возу таблицу стилей от дизайна #131.

Как он выглядит до внесения изменений можно увидеть здесь



Как видно из примера - я изменил цвет ссылок

Если вас устроит мой вариант дизайна для шаблона 131  можете скачать css c моего сайта

http://citofarm.ucoz.ru/_st/my.css

Просто скопируйте и вставьте вместо установленного по умолчанию

Ну а если хочется самим помучится ...

Чтобы изменить стиль сначала заходим в свою панель управления сайтом. Далее идем в Управление дизайном - Таблица стилей (CSS). Теперь вы зашли в саму таблицу, и там много не понятных кодов. Далее по порядку за что они отвечают.

Предупреждаю, что в разных шаблонах классы css могут незначительно отличаться от тех что описаны ниже!


/* General Style */

В ней расположены все коды, что отвечают за сам каркас шаблона, он
отвечает за отображение таблиц, тип и цвет шрифта и ссылок и прочих
мелочей.

/* Menus */

Здесь можно отредактировать какой рисунок будет перед ссылок в главном меню своего сайта, а также его отступы и многое другое.

/* Main Menu */

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

/* Module Part Menu */

Отвечает за блок новости сайта, как вы уже видели на многих сайтах.
Можно заменить цвет ссылок, и рисунок возле названия категории.

/* Entries Style */

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

/* Entry Manage Table */


Здесь я никогда ничего не меняю, не видел за что он отвечает. Можете его не редактировать.

/* Comments Style */

По названию можно понять, что отвечает за отображение вид комментариев, и мини-чата. можно изменить фон, цвет текста.

/* Comments Form Style */

Отвечает за саму таблицу комментариев. Также можно добавить фон и сменить границы самой таблицы, их цвет и размер.

/* News/Blog Archive Menu */

Буквально вчера разобрался за что отвечает эта часть таблицы. после
обновления системы, можно добавить блок "Архив материалов", после чего
будет доступен блок, с месяцами обновлений на сайте. Пример на главной
моего блога.

/* News/Blog Archive Style */

Этот не знаю, не видел его в рабочем состоянии, и нигде в коде у меня он не использовался.

/* News/Blog Calendar Style */

Отвечает за календарь новостей, блога... можно сменить полностью вид календаря до мельчайших подробностей.

/* Poll styles */

Регулирует отображение, функции "опрос" на сайте.

/* User Group Marks */

Здесь можно изменить цвет группы пользователей. Поставить дополнительные иконки.

/* Other Styles */

Без комментариев...

Осталась часть, которая отвечает за отображение форума. Начинается она с такого текста:

/* ===== forum Start ===== */

/* General forum Table View */

Регулирует вид блока форума.
Тут начинается самый сложный момент таблицы. Много блоков и каждый нужно редактировать отдельно. Рассказать об этом я не смогу, надо вам научится самому, узнать, где что и тд... Я вам лишь посоветую.
"Если вы хотите создать свой шаблон, то выбирайте стандартную таблицу css, которая подходит по цветовой гамме, вам меньше путаться придется. И быстрее вы его создадите."



Теперь о том как найти и отредактировать класс в 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. Нажимаем поиск и смотрим результат



Схожие материалы по теме материалы


Если данный материал, был полезен для вас, не забываем поделиться с друзьми !

Нравится
Категория: Веб мастеру | Просмотров: 3081 | Добавил: zorro2010 | Теги: замена стиля, CSS на UCOZ, таблица стилей | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Поиск

Я на Facebook

Будь вконтакте

Задать вопрос

200

Календарь

«  Май 2013  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031

Кто на сайте?


Выбрать язык / Choose language:
Ukranian
English
French
German
Japanese
Italian
Portuguese
Spanish
Danish
Chinese
Korean
Arabic
Czech
Estonian
Belarusian
Latvian
Greek
Finnish
Serbian
Bulgarian
Turkish