зелеными они должны быть здесь /* CS3.1 */ (состояние покоя обычных ссылок) и здесь /* CS3.3 */ (состояние покоя ссылок из меню навигации)
Синими ссылки должны быть здесь /* CS3.2 */ (обычные при наведении) и здесь /* CS3.4 */ (меню навигации при наведении)
Тестовое сообщение
Сообщений 31 страница 36 из 36
Поделиться312013-01-27 17:35:32
Поделиться322013-01-27 17:48:57
Taeil
норм?
Поделиться332013-01-27 17:51:12
Да, теперь все правильно.
Ну а сейчас приготовься к тому, что твой мозг будет взорван! ;DD
Ссылкам и тексту можно не только придавать разные цвета, но еще и по-разному их оформлять. Менять стиль шрифта, делать курсив, подчеркивание, тень. Давай все разберем.
text-decoration: blink | line-through | overline | underline | none
Одновременно можно применить более одного стиля, перечисляя значения через пробел.blink - Устанавливает мигающий текст. Такой текст периодически, примерно раз в секунду исчезает, потом вновь появляется на прежнем месте
line-through - Создает перечеркнутый текст
overline - Линия проходит над текстом
underline - Устанавливает подчеркнутый текст
none - Отменяет все эффекты
font-style: normal | italic | oblique
Определяет начертание шрифта — обычное, курсивное или наклонное
normal - Обычное начертание текста.
italic - Курсивное начертание.
oblique - Наклонное начертание.
font-weight: bold | bolder |normal
Устанавливает насыщенность шрифта
bold - полужирное начертание
bolder - жирное начертание
normal - нормальное начертание.
text-shadow: <сдвиг по x> <сдвиг по y> <радиус размытия> <цвет>
например:
text-shadow: 1px 1px 2px black
Поделиться342013-01-27 18:01:37
все понятно?
Поделиться352013-01-27 18:03:15
Taeil
Поделиться362013-01-27 18:17:32
Hilly, никто не говорил, что будет легко)
Я, кстати, кое-что забыла
font-family: имя шрифта
font-size: размер шрифта
Все эти параметры годятся не только для ссылок, но и для текста вообще.
Давай попробуем поменять стиль ссылок из меню навигации. Для начала находим содержащую их часть кода, вот она:
/* CS3.3 */
#pun-navlinks a {
color: #00ffcd;
border-bottom: 0px none #332626;
text-decoration: none;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #ff00ee;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #332626;
text-decoration: none;}
Например, я хочу сделать ссылки в состоянии покоя жирными, шрифта Georgia, подчеркнутыми сверху и снизу
для этого мы используем следующие примочки:
font-weight: bold - делаем текст жирным
font-family: Geogria - меняем шрифт текста
text-decoration: overline underline - подчеркиваем сверху и снизу (перечисляем через пробел, а не через запятую)
А ссылки при наведении в меню навигации будут такими же, но не жирными, а нормальной толщины. Мы проставляем все тоже самое, но меняем значение толщины
font-weight: normal - делаем текст нормальным
font-family: Geogria
text-decoration: overline underline
Вставляем эти значения в наш код вот так:
/* CS3.3 */
#pun-navlinks a {
color: #00ffcd;
border-bottom: 0px none #332626;
font-weight: bold;
font-family: Geogria;
text-decoration: overline underline;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #ff00ee;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #332626;
font-weight: normal;
font-family: Geogria;
text-decoration: overline underline;
}
не забываем ставить точку с запятой в конце)
Итак, скопируй то, что у меня получилось, найди в коде такие же блоки и замени их на эти новые