Дизайн Blue Roses

[Tish Evans]

В Opera этот дизайн выглядит немножко по-другому:

смотреть

Настройки

Внимание! Фото дневника для этого дизайна нужно отключить.

Дизайн: блочный
Навигационная панель: слева
Шрифт:
заголовка - обычный, 19
текста - обычный, 15
гарнитура - Book Antiqua
Цвет текста:
заголовка - #e36a64
ссылки - #0c2b4b
записи - #102845
оффтопика - #999

Фон (загружается как обычно)


Экстратоп


Время


Код

{--------основные блоки-----------}
 #extratop{height:376px;background:url('ЭКСТРАТОП') 50% 0 no-repeat; margin-top: 20px !important;}
 #wrapper{width:970px;min-width:970px; }
 #page-t { padding-top: 48px !important; width:800px; margin-left:90px !important;}
 {--------Menu-----------}
 .menuSection a {color: #0c2b4b !important; font-size: 16px !important; text-shadow: #ffffff 1px 1px 1px;}
 #side {position: absolute; margin-top: 180px; margin-left:455px !important; z-index: 1 !important;text-align: center;}
 #myDiaryLinks {position: absolute; margin-top:-135px; margin-left:-285px;}
 #globalLinks {position: absolute; margin-top:-135px; margin-left:-90px;}
 #myLinks{position: absolute; margin-top:-135px; margin-left:90px;}
 #thisDiaryOwner {position: absolute; margin-top:-135px; margin-left:159px; display:block; width:220px;}
 #thisDiaryLinks, #subscribeEmail, #upInChart, #rssLink, #lastComments, #albumLink, #faqLink, #YaSearch, #diarySpiritLink, #myDiaryLinks_title, #myNotepadLink, #myFavLink, #myLinksLink, #myProfileLink, #albumLink, #allDiaryLink, #myCommunityLink, #postsCalendar, #communityCatalogueLink, #randomDiaryLink {display:none;}
 #authorName {display:block; position:absolute; margin-top:-222px; margin-left:-45px; font: 26px Book Antiqua !important; color: #ffffff !important;background: transparent !important;text-shadow: #1d3a5c 1px 1px 1px; }
 #side h1 a {display:block; position:absolute; margin-top:-585px; margin-left:-80px;font: 26px Book Antiqua !important; color: #ffffff !important;background: transparent !important;text-shadow: #1d3a5c 1px 1px 1px; }
 #Stats {display: none !important;}
 #myAccountLink {display: none !important; }
 #mySFavLink {display: none;}
 {--------posts-----------}
 #postsArea {margin-top: 220px;}
 #epigraph {margin-top: -220px !important;}
 A:HOVER{text-shadow: #ffffff 1px 1px 1px;}
 A:LINK{text-shadow: #ffffff 1px 1px 1px;}
 #post0 {margin-top: 195px !important;}
 .singlePost { position: relative; background: #acc8d4; padding: 25px 25px 25px 25px !important; margin: 0px 0px 45px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; }
 .singleComment{position: relative; background: #acc8d4; padding: 10px 10px 10px 10px !important; margin: 0px 0px 35px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; }
 #msg_form{background: #acc8d4; padding: 10px 10px 10px 10px !important; margin: 0px 0px 20px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; }
 .postTitle { text-align : center; padding: 7px 0px 7px 0px !important; padding: 0px 0px 7px 0px !important;}
 .singlePost .postDate { float:right !important; margin: -54px -25px 0px 0px; padding: 0px !important; color: #9f9f9f; text-shadow: #ffffff 1px 1px 1px; }
 .postActionLinks { margin-top: -15px; }
 #sortOrder { margin: -10px 0px 0px 0px; }
 .singlePost .postTitle span {width: 96px; height: 68px; position: absolute; right: -103px; background: url('ВРЕМЯ') no-repeat; display: block !important; text-align: left; color: #1f1f1f !important; padding: 25px 0px 0px 5px !important;}
 a:HOVER{color: #4082ca !important; text-decoration: none;}
 img { max-width: 700px !important; }
 {--------Иконки-----------}
 .atTag em, .atMusic em, .atMood em, .atTag a { font-style: normal; text-decoration: none; color: #698595 !important;}
 .postLinksBackg a {color: #e36a64 !important;}
 #bottomNav {display: block !important; text-shadow: #ffffff 1px 1px 1px;}
 #pageBar {text-shadow: #ffffff 1px 1px 1px !important;}
 .quote_text {background:#c1dfec !important; padding: 12px; display:block;}
 #sign {position: absolute; left: -280px; top: -80px;}
 

Благодарности:
 Inwardness. за исходники
 Тайя, которая душит романтиков за неоценимую помощь в исправлении багов

Вопрос: Нравится?)

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

@темы: Голубой, Розовый, Женское, Белый, Винтаж, Tish Evans, CSS, Синий, Лето, светлый

Comments

[Korovella]

Прекрасный! Спасибо! Возьму себе на другой сайт ^^

[Tish Evans]

Korovella, в смысле - на другой сайт? там же код по новой писать придётся, селекторы-то везде разные.

[Korovella]

Tish Evans, так ничего ведь сложного нет) А по-новой нет необходимости, я лишь подставлю ваши значения в свои коды, там не так уж и много

[Tish Evans]

Korovella, аа)
рада, что Вам понравилось) у меня он у самой до сих пор стоит, даже не смотря на то, что я никогда особо не любила синий/голубой цвет.

[Korovella]

Tish Evans, ой, зашла к вам и правда... Я бы такой ни за что не отдала. Вроде бы простой, но как вы всё красиво сделали и сочетание оттенков...

[Tish Evans]

Korovella, да мне ж не жалко) к тому же исходники не я искала, и с кодом мне сильно помогли) так что в какой-то степени это коллективная работа))

[Michikoev]

Tish Evans, Очень красивый дизайн! Забрала к себе

[Tish Evans]

Michikoev, спасибо! рада, что вам понравилось)

[Lirana Niu]

Очень милый дизайн. С удовольствием стащила.
Только ссылки не корректно отображаются =(

[Tish Evans]

Lady Lirana, оу. никогда ими не пользовалась, вот и не подумала.
если не ошибаюсь, то это #myLinks. если вписать их в код с такими параметрами

{position: absolute; margin-top:-135px; margin-left:-285px;}

, то можно отрегулировать их местоположение) пихнуть их под "Темы записей", например. (хотя, возможно, не влезут, много их). хотите, я поэкспериментирую, когда вернусь с работы?

[Lirana Niu]

Tish Evans, буду ждать =)
уж больно дизайн понравился и хочется поносить его)

[Lirana Niu]

немного сама покрутила. вот, что вышло

Немного перетягивала для симметричности и в коде вот что получилось

 #myDiaryLinks {position: absolute; margin-top:-135px; margin-left:-285px;}
 #globalLinks {position: absolute; margin-top:-135px; margin-left:-90px;}
 #myLinks{position: absolute; margin-top:-135px; margin-left:90px;}

[Tish Evans]

Lady Lirana, здорово! поле записей, думаю, можно опустить слегка, чтобы последняя ссылка влезла. сможете сами или я могу потыркаться?)
простите, что не дождались помощи с меню, только что с работы пришла -_-

[Lirana Niu]

Tish Evans,

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

да я там одну не рабочую и не нужную ссылку удалила и теперь все смотрится отлично =)

простите, что не дождались помощи с меню, только что с работы пришла -_-

да ничего страшного. Понимаю, что все люди занятые. Мне самой интересно коды разбирать. До того, чтоб писать не доросла опытом, потому вот такими вещами и учусь =)

[Tish Evans]

Lady Lirana, хорошо!

До того, чтоб писать не доросла опытом, потому вот такими вещами и учусь =)

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