Работает система Orphus

WordPress для каждого на русском языке!

  • RSS

Учебник по WordPress

Полезные советы

Хитрости

Шоукейс

О проекте

Темы WordPress на русском!

Эволюция пользовательского интерфейса WordPress (2003 – 2009)

Четверг, 14 января 2010 - Рекомендуем, Статьи и советы

WordPress каким мы видим его сейчас – это продукт любви, которой наградило его сообщество. Без идей, пожеланий, рекоммендаций и советов пользователей и тяжелой работы команды разработчиков, которая воплощала это всё в жизнь, из него никогда бы не получилось того, что есть сейчас. Сегодня WordPress предстает перед нами мощной полноценной CMS, подходящей почти под любые нужды. [...]

читать дальше

Продвинутые советы по разработке сайтов на WordPress

Понедельник, 27 июля 2009 - Рекомендуем, Статьи и советы

Последние релизы дают понять, что WordPress расширил границы своих возможностей далеко за пределы блоггинга, приобретая все больше качеств серьёзной и мощной системы по управлению контентом. Изначально, WordPress предлагает довольно поверхностный, минимальный функционал. Но простота основы с лихвой компенсируется изобилием плагинов, которые значительно увеличивают потенциал движка.

читать дальше

5 полезных и оригинальных способов использования виджетов в WordPress

Четверг, 16 июля 2009 - Рекомендуем, Статьи и советы

Если вы создали хотя бы несколько сайтов на WordPress, то вы наверняка уже знаете, что WordPress это гораздо больше, чем просто блоггинговый движок. Он может быть также использован как и CMS, а виджеты WordPress – это мощный инструмент в арсенале WP-разработчика.

Многие думают, что WordPress виджеты это всего лишь способ реорганизовать структуру сайдбара вашего блога, не трогая код. Это действительно полезная способность видежтов, но это всего лишь верхушка айсберга всех возможностей, которые они предоставляют.

читать дальше

Урок №19 HEX коды и стили ссылок

Среда, 23 сентября 2009 - Создание тем

Продолжая знакомиться с CSS, сегодня мы узнаем больше о HEX кодах. Свойство цвета с присвоенным шестнадцатиричным HEX кодом (hexadecimal (hex) code) предназначено для окрашивания текста. Например, body { color: #000000;} означает, что весь текст внутри тега <body> вашей страницы будет черным.
Свойство фона с присвоенным HEX кодом существует для придания цвета всему, что не является текстом. Например, body {background: #ffffff; } означает, что фон будет белый.

Hexadecimal Codes:

  • с предшествующим знаком #, каждый цветовой HEX код имеет шесть цифр. Эти цифры варьируются от #ffffff (белый) до #000000 (черный).
  • #ffffff, #eeeeee, #dddddd, #cccccc, #bbbbbb, #aaaaaa, #999999, #888888, #777777, #666666, #555555, #444444, #333333, #222222, #111111, #000000.
  • первые две цифры представляют красный цвет, третья и четвертая – зеленый, последние две – синий. #ff0000 это красный. #550000 это темно красный. #220000 это бордовый. #00ff00 это зеленый. #0000ff это синий. Стоп, а разве желтый не основной цвет? Какой код соответствует желтому? #ffff00 это желтый. #ff00ff - фиолетовый.

Шаг 1

Вставьте следующий код под селектором body{ }:

a, a:visited{
text-decoration: underline;
color: #336699;
}

Вы сделали так, что все ссылки были подчеркнуты (text-decoration: underline;) и выделены синим цветом (color: #336699;). Это другой оттенок синего, но это синий, потому что последние две цифры, характеризующие степень синего, наиболее большие.

  • a – а это для стилизации ссылок. Когда вы хотите слово превратить в ссылку, что вы используете? Тэги <a> и </a>, следовательно, A - это a в вашем CSS.
  • a:visited - для стилизации ссылок, которые вы уже посещали ранее.
  • вместо того, чтобы вставлять:
a {
text-decoration: underline;
color: #336699;
}

и

a:visited {
text-decoration: underline;
color: #336699;
}

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

Шаг 2

Вставьте следующий код под a, a:visited{ }

a:hover{
text-decoration: none;
}

Что это делает? Вы удостоверились, что подчеркивание ссылки исчезает, когда вы наводите на нее курсор, отсюда a:hover. Если вы не хотите подчеркивания по умолчанию, а чтобы оно появлялось только во время наведения курсора,тогда поменяйте значение параметра text-decoration: для a и a:hover наоборот. Если вы хотите, чтобы ссылка меняла цвет во время наведения курсора, добавьте color: и любой цветовой код. Например:

a:hover {
text-decoration: none;
color: #ff0000;
}

Пока всё, пробуйте и не бойтесь делать ошибок и спрашивать совета!

Перейти к следующему уроку »

3 комментария

  1. Alegris пишет:

    как раз осваиваю css. ваш сайт очень помогает разобратся… + в шаблонах WP

  2. фотоблог пишет:

    Ссылки оформил. Идём дальше.

  3. Ученик пишет:

    А как сделать чтобы строка темы поста редактировалась независимо от других ссылок?

Ваш комментарий

Этот домен продается здесь: telderi.ru, и еще много других