Меню сайта
Для Веб-Мастера Скрипты для сайта Онлайн игры Видео онлайн Картинки Заказать рекламу О нашем сайте Правила нашего сайта Обратная связь Карта сайта XML
Реклама
Наш опрос
Где сидел кузнечик в детской песни Н.Носова ?
Всего ответов: 1312
Статистика


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

Гости Пользователи
Дополнительно
Главная » Для Веб-Мастера » Шпаргалки

Работаем с CSS кодом Ucoz


Каскадные таблицы стилей/CSS это язык стилей, определяющий отображение HTML-документов Cascading Style Sheets (CSS) это поразительное изобретение для улучшения вида ваших web-сайтов. Оно поможет сэкономить уйму времени и предоставит вам совершенно новые возможности в дизайне web-сайтов. CSS совершенно необходим каждому, работающему с web-дизайном.
Использование CSS требует знания основ HTML.
Пожалуй, начнем :
Заходим в свою панель управления сайтом. Далее идем в Управление дизайном - Таблица стилей (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, которая подходит по цветовой гамме, вам меньше путаться придется. И быстрее вы его создадите.

Всем удачи !




При коприровании материала просьба ставить ссылку на оригинальную статью.

Ссылка:
BB-код:
HTML-код:

Добавил: Гость (01.06.2012) | Просмотров: 5203 | Комментарии: 2 | Рейтинг: 5.0/4
Теги: css ucoz, Сайт, css код, CSS, Работаем с CSS кодом Ucoz, статья, ucoz
Всего комментариев: 2
Сообщение №1 от Юрий
Добавлен: 27.12.2014

Прочел, благодарю автора!
Опишу лишь как я понимаю затронутый вопрос. В smf
все также аналогично, с разницей лишь в названиях разделов.
Перед тем как в файл стилей css (к примеру /* General Style */ ) вставить нужный код, я отыскиваю искомую строку, перевожу ее с английского и соответственно смотрю в какой раздел его вставить. Для меня найти в файле стилей сss нужное место проще, а вот в главном шаблоне index.template.php это выполнить гораздо труднее..
Тем не менее как бы там ни было, изучение (понимание) языка css, html, занятие веб-дизайном настолько увлекает, дает понимание прекрасного, познавательного - что трудно остановиться, да и смысла нет )).
Всего лишь 1 год как я "прикоснулся" к тому что связанно с веб-дизайном
и скажу одно - это стоит того. Это прекрасно!
С Ув. hummingbird
Сообщение №2 от Олег
Добавлен: 28.12.2014

Да Вы правы, это интересно и познавательно.
Удачи Вам !
ВНИМАНИЕ !!!
Добавлять комментарии могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
А знаете ли Вы, что ...

Морской лайнер при сжигании каждого галлона дизельного топлива продвигается только на 6 дюймов.


Реклама
Популярные материалы
Наша кнопка
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:

Скрипты для сайта

Друзья сайта