Как зделвть подсветку меню, code, quote

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Форум » uCoz мир » uCoz уроки » Как зделвть подсветку меню, code, quote (by Jeepers)

Jeepers

Дата: Воскресенье, 03.04.2011, 12:49 | Сообщение # 1

Главный Админ

Сталин

Группа: Администраторы

Сообщений: 937

Награды: 0

Репутация: 13

Сейчас я вас научу делать подсветку для:меню, code, quote
И так поехали! Нам требуется всего лишь вот этот скрипт!

Code

box-shadow: 0 3px 10px 0 #EBAA24;

И так если мы хотим сделать эту подсветку то идем:Панель управления -> Управление дизайном -> CSS. И там ищем следующие строки!

Code

.boxTable {width:200px;margin-bottom:10px;}

И заменяем на это:

Code

.boxTable {width:200px;margin-bottom:10px; box-shadow: 0 1px 11px 0 #ff4800;}

(Цвет и ширину подсветки редактируем под себя) И так это мы щас сделали подсветку для меню!

Теперь для Code и Quote! Так же в CSS ищем следующие строки:

Quote

.quoteMessage{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:none repeat scroll 0pt 0pt rgb(51, 51, 51);margin:5px 0pt;border:none !important;-moz-box-shadow:0pt 0pt 5px rgb(223, 216,189);-webkit-box-shadow:0pt 0pt 5px rgb(223, 216,189);box-shadow:0pt 0pt 5px rgb(223, 216,189);padding:7px 10px;max-height:1024px !important;overflow:none !important}

.codeMessage{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:none repeat scroll 0pt 0pt rgb(51, 51, 51);margin:5px 0pt;border:none !important;-moz-box-shadow:0pt 0pt 5px rgb(223, 216,189);-webkit-box-shadow:0pt 0pt 5px rgb(223, 216,189);box-shadow:0pt 0pt 5px rgb(223, 216,189);padding:7px 10px;max-height:1024px !important;overflow:none !important}

Где выделено красным надо заменить на наш скрипт а именно вот на этот: box-shadow: 0 3px 10px 0 #EBAA24;

У меня получилось вот так:

Quote

.quoteMessage{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:none repeat scroll 0pt 0pt rgb(51, 51, 51);margin:5px 0pt;border:none !important;-moz-box-shadow:0pt 0pt 5px rgb(223, 216,189);-webkit-box-shadow:0pt 0pt 5px rgb(223, 216,189); box-shadow: 0 1px 10px 0 #ff4800;padding:7px 10px;max-height:1024px !important;overflow:none !important}

.codeMessage{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:none repeat scroll 0pt 0pt rgb(51, 51, 51);margin:5px 0pt;border:none !important;-moz-box-shadow:0pt 0pt 5px rgb(223, 216,189);-webkit-box-shadow:0pt 0pt 5px rgb(223, 216,189); box-shadow: 0 1px 10px 0 #ff4800;padding:7px 10px;max-height:1024px !important;overflow:none !important}

Подсветка сразу не станет, она примется за работу от 5 до 20 минут! То есть в течение 20 минут у вас все заработает! Так что не переживайте! Ну вот и все, на этом урок закончен, Возникнут проблемы задавайте я помогу!

Требуются: Модераторы, Журналист новостей, Дизайнер!
Shop Flash-JePo

Форум » uCoz мир » uCoz уроки » Как зделвть подсветку меню, code, quote (by Jeepers)

Страница 1 из 1
1