Дизайн #2 "Шерлок. Джон. Смайлик"

[Yuki MD]

В честь премьеры, так сказать, вот такой подарок общественности с платными дневниками))
Надеюсь, что кому-то пригодится.
Предупреждение: автор новичок в области css, набирается опыта путем производства дизайнов. Так же я делаю дизы для бесплатников. Так что обращайтесь, заказывайте. Это можно сделать тут или написать мне на у-мыл.

Собственно, дизайн.

Кликабельно

Настройки

Настройки
Текст: обычный 14пт Arial
Цвет заголовка: #080808
Цвет ссылки: #0b0b0b
Цвет записи: #050505
Оффтопик:#999
Цвет фона, границ и фоновую картинку оставляем пустыми.

ФОН_ДНЕВНИКА

ЭКСТРАБОТТОМ

ЭКСТРАТОП


код:

body { background-attachment: fixed; background-image: url('ФОН_ДНЕВНИКА'); background-repeat: repeat; }
 #extratop { background-image: url('ЭКСТРАТОП'); background-repeat: no-repeat; height: 454px; width: 970px; margin-left:10px !important;}
 #page-t { background-color: #e9e4dc; width: 950px; margin-left: 10px !important; padding: 10px !important; }
 .postDate {color:#2f0202; font-size: 17px; font-weight: bold;}
 .header span {color:#2f0202; font-size: 17px; font-weight: bold;}
 .header h2 {color:#2f0202; font-size: 17px; font-weight: bold;}
 #authorName {font-size:25px !important; text-align: center;}
 #side h1 { font-size:25px !important; font-color: #ffffff !important; border-radius: 5px; background: #efe7e2; text-align: center; top: 370px; right: -600px; position: absolute;}
 #side {position: absolute; top: 50px; left: 30px; width: 200px; text-align: center; background: #efe7e2; border-radius: 20px; font-size: 16px;}
 #side { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 #globalLinks, #upInChart, #myProfileLink, #myLinks, #photolibLink, #myLinksLink, #Stats, #rssLink, #authorRSS, #authorAlbum {display: none;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat; width:980px; height:69px; }

Если кто держит список ПЧ открытым - закрывайте, он не влезет. Так же придется убрать аватар около имени.

Берем - отписываемся Вопросы задаем! Если есть ошибки, говорим, я ж еще учусь)

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

УПД!!!

Теперь у этого диза есть его динамический брат-близнец. Если у вас другое разрешение экрана и вы печалитесь внезапными полосками фона справа, то это для вас!

Обращаю ваше внимание на то, что из прошлых настроек остаются все, кроме Экстратопа и Экстработтома.

Настройки

ЭКСТРАТОП2
static.diary.ru/userdir/1/3/6/9/1369578/7299202...
ЭКСТРАБОТТОМ2
static.diary.ru/userdir/1/3/6/9/1369578/7299205...

код:

body { background-attachment: fixed; background-image: url('ФОН_ДНЕВНИКА'); background-repeat: repeat; }
 #wrapper{position:relative !important;margin: 0 auto 10 !important; display:block; overflow:visible;}
 #extratop { background-image: url('ЭКСТРАТОП2'); background-repeat: repeat; height: 454px; width: 97%; margin-left:10px !important; position:relative; display:block; overflow:visible; margin-right:10px !important;}
 #page-t { background-color: #e9e4dc; width:95%; margin-left: 10px !important; padding: 10px !important; position:relative; margin-right:10px !important; }
 .postDate {color:#2f0202; font-size: 17px; font-weight: bold; }
 .header span {color:#2f0202; font-size: 17px; font-weight: bold;}
 .header h2 {color:#2f0202; font-size: 17px; font-weight: bold;}
 #authorName {font-size:25px !important; text-align: center;}
 #side h1 { font-size:25px !important; font-color: #ffffff !important; border-radius: 5px; background: #efe7e2; text-align: center; top: 370px; right: -600px; position: absolute;}
 #side {position: absolute; top: 25px; left: 30px; width: 200px; text-align: center; background: #efe7e2; border-radius: 20px; font-size: 16px;}
 #side { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 #globalLinks, #upInChart, #myProfileLink, #myLinks, #photolibLink, #myLinksLink, #Stats, #rssLink, #authorRSS, #authorAlbum {display: none;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ2') repeat; width:97%; height:69px; margin-left: 10px !important; margin-right:10px !important; position:relative !important;}

@темы: Sherlock, Внезапно!, Дизайн

Comments

[lhiannan shee]

прекрасный диз, первый раз за два года сменила шкурку блога)
спасибо

[Yuki MD]

lhiannan shee,
Носите на здоровье, рада что понравился)))

[Асгардский Плут]

Автор, я вас обожаю :3
Стащил себе, спасибо! **

[Yuki MD]

Pheles Mephisto, не за что)))

Взяла себе в дневник эту красоту *_*
Спасибо вам большое!

[Yuki MD]

Petrovskiy. Simple., не за что)
Если будет нужно что-то еще - обращайтесь)