Ссылки: заголовки и т. д. Третья часть *марлезонского балета, заключительная))

[dizain_ot_tani]

Ну а теперь поговорим о ссылках. К ним относится всё, на что можно нажать))) перекрашиваем, меняем размер и стиль шрифтов.



a:link - непосещенная ссылка
a:visited - посещенная ссылка
a:hover - ссылка, над которой находится курсор мыши
a:active - ссылка, в момент щелчка мыши

В генераторе можно сразу указать цвет и размер ссылок. Но если вам хочется оформить в разные цвета и размеры, придётся поработать тут:

/*----LINKS----*/

Меню

#page .nav .item a{
#page .nav .item a:hover{ - при наведении

Имя (название журнала)

#page div#header-name a,
#page div#header-name a:visited{

#page div#header-name a:hover{ - при наведении. Кстати, если тут указать размер на 1px меньше, то при наведении будет ощущение нажатия)) Ну вы видели у меня))

Заголовки в сайдбаре

#page div.widget h3.widget-header,
#page div.widget h3.widget-header a,
#page div.widget h3.widget-header a:visited{

Заголовки в постах

#page h2.page-header2 a,
#page .page-header2 a,
#page .page-header2 a:visited{

Ваше имя-ссылка в профиле.

#page .ljuser a:hover,
#page .ljuser a:hover b {

Вот вроде и всё. Да, забыла. я всегда пользуюсь *Просмотреть код элемента. Правая кнопка мыши в самом низу открывшегося окна. Наведите на нужное место и нажмите.

Синим цветом закрашено место просмотра, голубым - класс элемента. А в коде внизу можно поэкспериментировать)))
(Нажмите на картинку, если хотите посмотреть в большом размере)


Поменять размер, цвет,стили шрифтов и отступы, цвет блоков ну и т.д.


Если результат понравился, скопируйте в буфер обмена мыши и вставьте в код.

Вот вроде и всё. Если что-то упустила, спрашивайте. Смогу - помогу.
Удачи!!!

P.S. *Тени для блоков - есть ссылка у меня в сайдбаре, если кому нужно.
И ещё забыла написать :

div.post-asset{
text-indent: 3%;    - отступ первой строки в посте. Указывается в %. На заголовок тоже влияет.