Ну а теперь поговорим о ссылках. К ним относится всё, на что можно нажать))) перекрашиваем, меняем размер и стиль шрифтов.
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%; - отступ первой строки в посте. Указывается в %. На заголовок тоже влияет.