СSS темный/светлый

[Сципиона]

Настройки

Возможна коррекция кода под особенности вашего расширения и дневника.

ОСНОВНОЙ ФОН: firepic.org/?v=2012-10-26_2f2f79g0zxlp.jpg
ФОН ЗАПИСИ: firepic.org/?v=2.2012-10-26_ulur5ck6qsgn.png
Юзерпик: firepic.org/?v=4.2012-10-26_6lh875pgehda.jpg

НАСТРОЙКИ:
Блочный, слева
Цвет текста:
ссылки - #556670
записи - #969b9f

КОД:

{--------------------------- общее ----------------------}
 #wrapper {position:relative;}
 body { background: url('ОСНОВНОЙ ФОН') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
 #wrapper{min-width: 900px!important; width: 900px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; position:relative;top: 200px !important; border-radius: 10px; box-shadow: 5px 5px 5px 5px #000;}
 a:hover {color: #c0cdd6; text-decoration: none !important;}
 .paragraph img{max-width: 500px}
 .eot {color: #556670;}
 {--------------------------- блок записей ----------------------}
 #page-c {width:950px !important;padding:0 !important;padding:0 !important}
 .header {background: url('ФОН ЗАПИСИ') !important; text-align:center !important; border-radius: 10px;}
 header, .header span, .header h2 {font: bold 20px Georgia; color: #465866 !important; margin-bottom: 15px !important;}
 .postLinksBackg {border-bottom: dashed 1px #556670; padding-bottom: 5px !important; border-top: dashed 1px #556670;}
 .postLinksBackg a { text-transform: uppercase; font: 10px Georgia; color: #556670 !important;}
 .subscribe:hover, .unsubscribe:hover, .lastLink:hover, .quote_post:hover, .umail:hover, .diary:hover, .profile:hover, .comments:hover {color: #c0cdd6 !important; text-decoration: none !important;}
 span.quote_text {background: url('ФОН ЗАПИСИ') !important; text-align:center !important; border-radius: 10px; color: #465866 !important;}
 {--------------------------- меню ----------------------}
 .left #wrapper {background: url('ФОН ЗАПИСИ'); overflow:hidden;}
 #side { width: 180px;}
 #side ul{ margin: 10px 0; padding: 0; list-style: none;}
 #side ul li { border-top: 1px solid #333; border-bottom: 1px solid #111; }
 #side ul li:first-child {border-top: none;}
 #side ul li:last-child {border-bottom: none;}
 #side ul li a { padding: 10px; display: block; color: #465866; text-decoration: none; }
 #side ul li a:hover {background: #111b27;}
 #side h1 a { text-transform: uppercase; font: 28px Georgia; color: #556670 !important;}
 #authorName { text-transform: uppercase; font: 20px Georgia; color: #556670 !important;}
 #side h1 a:hover, #authorName:hover {color: #c0cdd6 !important; text-decoration: none !important;}

Настройки

Возможна коррекция кода под особенности вашего расширения и дневника.

ОСНОВНОЙ ФОН: firepic.org/?v=2012-10-26_3meyge08fcki.jpg
ФОН ЗАПИСИ: firepic.org/?v=3.2012-10-26_f39l9c9t0rfo.png
Юзерпик: firepic.org/?v=4.2012-10-26_5hawz2go862h.jpg

НАСТРОЙКИ:
Блочный, слева
Цвет текста:
ссылки - #9e8c74
записи - #efeacd

КОД:

{--------------------------- общее ----------------------}
 #wrapper {position:relative;}
 body { background: url('ОСНОВНОЙ ФОН') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
 #wrapper{min-width: 900px!important; width: 900px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; position:relative;top: 200px !important; border-radius: 10px; box-shadow: 5px 5px 5px 5px #000;}
 a:hover {color: #efeacd; text-decoration: none !important;}
 .paragraph img{max-width: 500px}
 .eot {color: #556670;}
 {--------------------------- блок записей ----------------------}
 #page-c {width:950px !important;padding:0 !important;padding:0 !important}
 .header {background: url('ФОН ЗАПИСИ') !important; text-align:center !important; border-radius: 10px;}
 header, .header span, .header h2 {font: bold 20px Georgia; color: #9e8c74 !important; margin-bottom: 15px !important;}
 .postLinksBackg {border-bottom: dashed 1px #9e8c74; padding-bottom: 5px !important; border-top: dashed 1px #9e8c74;}
 .postLinksBackg a { text-transform: uppercase; font: 10px Georgia; color: #9e8c74 !important;}
 .subscribe:hover, .unsubscribe:hover, .lastLink:hover, .quote_post:hover, .umail:hover, .diary:hover, .profile:hover, .comments:hover {color: #c0cdd6 !important; text-decoration: none !important;}
 span.quote_text {background: url('ФОН ЗАПИСИ') !important; text-align:center !important; border-radius: 10px; color: #efeacd !important;}
 {--------------------------- меню ----------------------}
 .left #wrapper {background: url('ФОН ЗАПИСИ'); overflow:hidden;}
 #side { width: 180px;}
 #side ul{ margin: 10px 0; padding: 0; list-style: none;}
 #side ul li { border-top: 1px solid #333; border-bottom: 1px solid #111; }
 #side ul li:first-child {border-top: none;}
 #side ul li:last-child {border-bottom: none;}
 #side ul li a { padding: 10px; display: block; color: #efeacd; text-decoration: none; }
 #side ul li a:hover {background: #9e8c74;}
 #side h1 a { text-transform: uppercase; font: 28px Georgia; color: #9e8c74 !important;}
 #authorName { text-transform: uppercase; font: 20px Georgia; color: #9e8c74 !important;}
 #side h1 a:hover, #authorName:hover {color: #efeacd !important; text-decoration: none !important;}

Вопрос: Послать букет автору?

1. Да!		48	(100%)
Всего:		48

@темы: Коричневый, темный, SonScipiona, CSS, Синий, Зима, светлый

Comments

[coca.coma]

отличная идея.

[Сципиона]

coca.coma, спасибо)

[_CoffeeCat_]

SonScipiona, очень красиво

[Сципиона]

_CoffeeCat_,

[Mister D]

SonScipiona, мне нравится светлый))(за счет фона)

[Сципиона]

M0ri, А мне темный

[Albert Osbourne]

SonScipiona, когда мне все осатанеет и я захочу простоты и много воздуха, много свободы и линии горизонта, без стен моего замка, я возьму себе тот, что коричневый)

[Сципиона]

Albert Osbourne, Прекрасная ассоциация.
Что самое интересное, это похоже были не картинки для дизайна (фоны я имею ввиду), а незаметные дизайны для картинок. Рада, что так получилось

[Diki Sher]

Ух ты, как красиво! Очень понравилось!
Утащу к себе

[Сципиона]

Diki Sher,

[Lynne Sagrill]

SonScipiona, зай, я тоже поношу)

[Сципиона]

Sihir Linney, Да не вопрос

[Lynne Sagrill]

SonScipiona, ммм... а если у меня пакет оплачен на 2 месяца без цсс, я могу его как-то отдельно подключить? а то оно вроде грозится аннулировать мою двухмесячную оплату...

[Mister D]

Sihir Linney, css в пакет не входит. отдельный сервис же? почему нельзя просто подключить?

[Сципиона]

Да, по-моему его можно просто отдельно подключить.

[Lynne Sagrill]

ну оно все равно формирует мне счет полностью и требует плату как за пакет минимальный, так и за цсс. хотя сам пакет у меня оплачен на 2 месяца уже

внизу оно выдает:
Стоимость выбранных сервисов (без учета ранее оплаченного периода): 55еп

[Lynne Sagrill]

а снять галочку с пакета низя. не снимается

[Сципиона]

Sihir Linney, Слушай, да.

[Lynne Sagrill]

www.diary.ru/~diary-support/p97266113.htm?from=...
читаю Оо мдааааааа

[Lynne Sagrill]

все, оплатила) сняло только за цсс... побежал ставить)

[Сципиона]

Sihir Linney, Я ниче не поняла, но ты попробовала?!
upd: супер

[Lynne Sagrill]

SonScipiona, прочти выше))

[Lynne Sagrill]

да, я тоже думаю, что все ня))))))))))

[Lynne Sagrill]

SonScipiona, чорт, спасибище тебе за код!

[Sammei]

Взяла светлый. Большое спасибо)

[Сципиона]

Sammei, Всегда пожалуйста

[Babe 13]

SonScipiona, это прекрасно!!! просто зашла полюбоваться дизайнами, возможно, вдохновиться на собственный (иногда делаю css для себя сама), но увидела это чудо... второй вариант покорил моё сердце, спасибо за такую красоту, хочу поскорее установить!)

[Сципиона]

Babe 13, Здорово, что понравился!)))) Спасибо.

[2lady_bird]

SonScipiona, Очень красиво! Взяла поносить светлый, спасибо большое

[Сципиона]

2lady_bird, Да не за что