Стандартный CSS

В настройках нам дают уже готовый css, я поясню только элементы. Свойства, содержимое фигурных скобок, можно уже спросить у гугла, например. 


body, html {  }тело блога и страниц

a {}ссылки

.tabs2 a.active, .tabs a.active {} вкладки (н-р: в избранном, когда выбираем блоги или комментарии)

#header {} шапка

#footer {} подвал

#footer, #footer a {} текст в подвале

#widget_blog, .blog_view, .friends_view {} вид блога, как блока

.widget {} другие виджеты

#comments {} лента комментарий 

.wrap .right, #all .left, .popup {} общий вид столбиков и какого-то popup. не знаю к чему оно относится

.inblock {} рамка, радиус закругления у виджтов (к навигации)

.blog-nav li {} меню, не активный. вид.

.blog-nav li.active {}меню активный

#blog-name, #blog-name a {} название блога

.post .title a, .post .title, .post h2, .comments_title {} название поста и надпись «комментарии»

.comments_title {} надпись «комментарии»

.post .title a:hover {} название поста при наведении курсора

#blog_vote_form li, .post_wish {} текст формы поста с желанием и поста с голосованием

.post_txt {} текст поста

.comment .txt {} текст комментарий

.player .inf span, .feed .act div {} текст информации в плеере и еще что-то кажется

.post_txt a {    } ссылка в посте

.post_txt a:hover {} ссылка в посте при наведении

.post_info .tms, .feed em, .feed li span.tms {} информация о посте (дата)

.comment .user_info span {} дата оставленного комментария

.wtitle, a.wtitle {} заголовок виджета

.username, .wtitle, a.wtitle {} заголовок виджета и ваш ник в визитке

.widget a {  } ссылка в виджете

.widget a:hover {} ссылка при наведении курсора в виджете

#widget_tags a:hover {} теги текст и фон при наведении

.widget {color: #444444 !important;} текст в виджете

.widget a.title, .favorite_blogs .post, .category_top { } заглавная ссылка в виджете, на странице избранного и рубрики

.widget a.title {} заглавная ссылка в виджите

.blog-nav li a {} ссылка в навигации

.blog-nav li.active a {} активная ссылка в навигации

.radius8 {} закругление рамок блоков

.radius6 {} закругление рамок блоков

#all .left {} столбик виджетов слева

.wrap .right {} столбик с блогом, содержимым страниц

#head-line {} выглядывающая полоса выпадающей панели 

#all {} все. то есть такая большая полоса, где и шапка, и столбики, и подвал. она обычно 981px в ширину

.paginate, .paginate em, .paginate span, .paginate strong, .paginate a { } страницы, номера

.paginate strong {} активная страница

.widget .wtitle {} виджет, название

.inblock .widget_content {} свободные блоки, содержимое виджетов

.inblock .wtitle + .widget_content {} название и содержимое виджетов

.inblock .wtitle {}название виджетов в блоках


Обсудить у себя 12
Комментарии (8)

выражаю огромнейшую благодарность автору за пост — идеально, все разложено по полочкам (а мне, как человеку, не знакомому с английским языком, тем более пригодится) давно искала так детально разложенный стандартный код

посмотри пожалста, почему не получилось ничего у меня? где-то ошибка

#head {background: none !importnat;

-moz-box-shadow: none !important; box-shadow: none !important;}

 

тебе нужно не #head обесцветить, а #head-panel я же правильно поняла, ты хочешь ее прозрачной сделать?

да.

я просто н е знала точно как это называется)) впервые столкнулвась с кодами. разбиралась вчера благодаря записям у тебя и  Каина. Очень помогло.

вот зарраза, все равно не вышло. сделаю паузу. завтра начну сначала))

#head {background: transparent !important;}

 

тоже не получилось...(

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети: