Четверг, 25.04.2024, 19:47
Вы вошли как Гость | Группа "Гости" Приветствую Вас Гость | RSS
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа

Рейтинг@Mail.ru

Каталог статей
Главная » Статьи » Создать сайт uCoz бесплатно

Меняем размер и цвет шрифта меню

                     Продолжаем тему "Изменить меню". Уже сделаны основные преобразования: - добавлены новые пункты меню; - исправлены старые названия строк; - фон меню стал другого цвета.  Но приглядимся к нему   внимательнее.     Что   мы   видим?,   Screen 1.     Буквы   маленькие,   бледненькие,   


                                                 
                                                                                      Screen 1.

цвет   вообще непонятный. Вывод - надо переделывать шрифт полностью:  1.  увеличить размер букв;  2. изменить их цвет. Как это сделать? Открываем как всегда => Панель Управления     =>    Управление  дизайном    =>    Таблица  стилей  (CSS):

                Первое - Находим там раздел /* Site Menus */. Последняя, самая длинная в разделе строчка (на нашей Таблице стилей находится на 82 строчке),  на конце которой ищем такую фразу ( font-size: 10pt; ), скобки не считать, Screen 2, подчеркнуто красным


                                                  
                                                                                     Screen 2.

цветом. Цифра 10 обозначает размер шрифта, меняем её на 12pt  и делаем "Сохранить".  Перегружаем сайт и видим, что строчки меню стали вполне нормального размера.  Однако заголовок "Меню сайта" остался прежним.  Значит его тоже надо увеличить.

                 Второе - возвращаемся  в раздел /* General Style */. Вспоминаем статью Заменить цвет меню и боковых блоков сайта, находим ту самую строку, где меняли КОД верхней картинки блока. В нашей таблице, как мы уже говорили в выше названной статье, она находится под номером 13. У Вас она может находиться в другом месте. Но она есть. Там находим такую же фразу ( font-size: 10pt; ), скобки не считать.  Так же меняем циферки. "Сохранить".                
                 Третье - на этой же строке находим фразу ( color: #000; ) с КОДом цвета. Это должен быть цвет заголовка меню и других боковых блоков. Как действовать в таком случае Вы уже знаете (статья Изменить фон сайта uCoz и другие). Меняем КОД. Если вдруг цвет заголовков не изменился ищем или причину, или методом "тыка" нужный КОД. Заметим, цвет заголовка меняется на всех блоках сразу, Screen 3. 


                                                  
                                                                                     Screen 3.

                      Четвертый шаг - размер шрифта изменили, заголовок изменили, остался на очереди цвет шрифта меню. Находим в Таблице стилей (CSS) раздел  /* Site Menus */, Screen 4. У нас строки 73, 74,

                                                 
                                                                                     Screen 4.



75. Меняем КОД цвета на красный (FF0000). Незабываем почистить cuci в настройках браузера. Если цвет не меняется ищем КОД методом "тыка". В нашем случае цвет шрифта меню изменился на красный, Screen 5. Обратите внимание цвет меняется только в блоке меню, все остальные блоки остались

                                                  
                                                                                      Screen 5.

прежними. С прежним цветом осталась и строка меню "Главная страница". Это потому, что данная строка активирована. Для того, чтобы изменить её цвет делаем:
                         Пятый шаг - меняем КОД color на строках 76, 78, 79 (ещё раз повторяем - так как все шаблоны разные у Вас могут быть другие строки, ищите...), Screen 6. Кроме того, при наведении стрелки курсора на строку меню, она сменит свой окрас на такой же цвет.

                                                   
                                                                                       Screen 6.

 

И смех, и грех:            

Категория: Создать сайт uCoz бесплатно | Добавил: klemsa (18.12.2012)
Просмотров: 13211 | Теги: изменить меню, цвет меню, изменить фон сайта, меню сайта | Рейтинг: 5.0/3
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Tak.ru
Copyright © 2012 luksucheba.ucoz.ru   Создать бесплатный сайт с uCoz Яндекс.Метрика
 
Главная страница       Информация о сайте       Карта сайта       Новости сайта       
Заработать в Интернете новичку     Создать сайт бесплатно       Основы html для начинающих       
SEO-оптимизация сайта       Полезный Soft      Интернет сервисы