№621 Драгоценный

[Lina~Hitagi]

Два варианта эпиграфа:

С эпиграфом на экстратопе:


С эпиграфом ниже экстратопа:



Настройки:
Дизайн: табличный.
Навигационная панель: слева.
Заголовки: жирный-курсив 18
Текст: 14
Шрифт: Book Antiqua
Цвета:
Заголовка #D2C7BD, ссылки #E1D3CE, записи #A2A2A2, оффтопик #999.
Границы все - #

Экстратоп: static.diary.ru/userdir/8/8/6/4/886437/55164230...
Фон 1 - static.diary.ru/userdir/8/8/6/4/886437/55164260...
Фон 2 - static.diary.ru/userdir/8/8/6/4/886437/55164287...
Аватар - s39.radikal.ru/i084/1005/f7/8f43b73536f2.jpg

body {background:#4F4F4F;padding: 0px !important; }
 #wrapper{width:900px; min-width:0; margin: 0 auto !important;padding:0px !important;}
 #extratop {background: url('ЭКСТРАТОП') no-repeat; height:570px; width:900px; background-position: center !important;}
 #page-c{ width:900px !important;padding:0px !important;padding:0px !important;background: url('ФОН1') repeat-y;margin-left:1px;}
 #page-t { margin:0 !important;}
 .singlePost, .singleComment {width:90%; margin-left:40px;margin-top:20px;border:3px solid #AA9F99; background: url('ФОН2');}
 #side{width:150px !important; top:0px;left:110px; position:relative; top:-630px;text-align:center; font-size:8pt !important;}
 #side a {color:#000 !important;}
 #side a:hover,a:active {text-decoration:none; background:#907E74;}
 #side h1 { position:relative;top: 70px !important; left: -100px !important;width: 450px; height: 100px; font-size:19pt !important; text-transform:uppercase; font-weight:lighter !important;text-shadow: 1px 1px 1px #000;}
 #side h1 a, #side h1 a:hover, a:active {color:#D9BBA5 !important;}
 #thisDiaryPhoto {-moz-opacity:.70 !important;opacity:.70 !important; filter:alpha(opacity=70); }
 #thisDiaryPhoto:hover {-moz-opacity:.50 !important;opacity:.50 !important; filter:alpha(opacity=50);}
 .postLinksBackg, #epigraph, #post0 {padding: 10px !important;margin-bottom: 10px !important}
 .avatar img {width:100px !important; min-width:100px !important; max-width:80px!important;border: 6px solid #896C64}
 a:hover,a:active {text-decoration:none;}
 span.quote_text {display: block; margin-left:30px;padding-left:10px; padding-right:10px !important;border-left:5px solid #896C64; font-style:italic !important}
 #message, #htmlbox , #msgTitle, #postTitle, #atMusic, #atMood, #tags { border:2px solid #896C64 !important;left:25px !important; color:#000}
 #commentsArea_title, #addCommentArea_title {text-align:center;}
 #message, #htmlbox , #msgTitle, #postTitle, #atMusic, #atMood, #tags { border:1px dotted #ccc !important;left:25px !important; color:#fff}
 #msg_form {color:#ccc; width:90% !important;margin-left:40px; }
 #msg_form a {color:#D2C7BD }
#lastComments, #myLinksLink, #albumLink, #authorAlbum, #communityCatalogueLink, #photolibLink, #unsubscribeEmail, #pchs, #login_form, #more_login, #diarySpiritLink, #myProfileLink, #optionsLink, #myLinksLink, #myLinks_title, #myLinks, #YaSearch, #bottomNav, #rssLink, #upInChart, #epigraph .postActionLinks, .order_button, .prevnext, #Stats, #topNav {display:none!important}
#epigraph {position:absolute; margin-top: -200px !important; margin-left: 240px !important; background: none; width:600px; border:0px solid #AA9F99;-moz-opacity:.40 !important;opacity:.40 !important; filter:alpha(opacity=40); }

Если хотите эпиграф сделать ниже экстратопа, то замените последнюю строчку на:

 #epigraph,  #epigraph .singlePost, #epigraph .singleComment {background:none; border:0px solid #AA9F99;}

При использовании дизайна просьба ставить баннер сообщества.
Использована фотография из набра клипартов Portraits of Woman с сайта grafamania.net
Enjoy~

Comments

[Johnny Kash]

Лина, ты просто божественна!)
Эх, носил бы, но увы )

[lectus stellula]

Шикарный дизайн...

[Fejka999]

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

[evgenia_st]

Очень хочу поносить!!! Можно?
Он божественнен!!!))

[Lina~Hitagi]

Jonathan Ashford Эш, тебе оно не подойдёт ^^
lectus stellula Спасибо)
Fejka999 Конечно можно. И цвет и картинку вставить, если хотите.)
wonder~woman Конечно, берите ) рада, что понравился)

[Fejka999]

Lina~Izumi спасибо, просто иногда авторы не разрешают что либо менять.

[evgenia_st]

Спасибо! Все отлично, только у меня почему навигационная панель с ссылками "залезает" на первую запись...(((

[Felthy]

Вах, красота, возьму?))

[Lina~Hitagi]

wonder~woman
Разве? у меня всё отлично. Можно скриншот?
Felthy
Конечно, берите)

[evgenia_st]

Вот.

[Lina~Hitagi]

Замените строку:
#myLinksLink, #albumLink, #authorAlbum, #communityCatalogueLink, #photolibLink, #unsubscribeEmail, #pchs, #login_form, #more_login, #diarySpiritLink, #myProfileLink, #optionsLink, #myLinksLink, #myLinks_title, #myLinks, #YaSearch, #bottomNav, #rssLink, #upInChart, #epigraph .postActionLinks, .order_button, .prevnext, #Stats, #topNav {display:none!important}

На

#lastComments, #myLinksLink, #albumLink, #authorAlbum, #communityCatalogueLink, #photolibLink, #unsubscribeEmail, #pchs, #login_form, #more_login, #diarySpiritLink, #myProfileLink, #optionsLink, #myLinksLink, #myLinks_title, #myLinks, #YaSearch, #bottomNav, #rssLink, #upInChart, #epigraph .postActionLinks, .order_button, .prevnext, #Stats, #topNav {display:none !important}

Или добавьте #lastComments в тот список. Этот дизайн не расчитан на блок последние комменты, сорри.(
Добавила в главный пост в код

[evgenia_st]

Lina~Izumi, замечательно! Спасибо огромное!!!!)))

[-Satin-]

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

[Lina~Hitagi]

-Satin-
Ммм...


ну могу дать код где все записи в одном блоке)
Вот...

body {background:#4F4F4F;padding: 0px !important; }
 #wrapper{width:900px; min-width:0; margin: 0 auto !important;padding:0px !important;}
 #extratop {background: url('ЭКСТРАТОП') no-repeat; height:570px; width:900px; background-position: center !important;}
 #page-c{ width:900px !important;padding:0px !important;padding:0px !important;background: url('ФОН1') repeat-y;margin-left:1px;}
 #page-t { margin:0 !important;}
#postsArea {width:90%; margin-left:40px;margin-top:20px; background: url('ФОН2');width:90%;border:3px solid #AA9F99;}
 .singlePost, .singleComment {padding-bottom: 50px !important;}
 #side{width:150px !important; top:0px;left:110px; position:relative; top:-630px;text-align:center; font-size:8pt !important;}
 #side a {color:#000 !important;}
 #side a:hover,a:active {text-decoration:none; background:#907E74;}
 #side h1 { position:relative;top: 70px !important; left: -100px !important;width: 450px; height: 100px; font-size:19pt !important; text-transform:uppercase; font-weight:lighter !important;text-shadow: 1px 1px 1px #000;}
 #side h1 a, #side h1 a:hover, a:active {color:#D9BBA5 !important;}
 #thisDiaryPhoto {-moz-opacity:.70 !important;opacity:.70 !important; filter:alpha(opacity=70); }
 #thisDiaryPhoto:hover {-moz-opacity:.50 !important;opacity:.50 !important; filter:alpha(opacity=50);}
 .postLinksBackg, #epigraph, #post0 {padding: 10px !important;margin-bottom: 10px !important}
 .avatar img {width:100px !important; min-width:100px !important; max-width:80px!important;border: 6px solid #896C64}
 a:hover,a:active {text-decoration:none;}
 span.quote_text {display: block; margin-left:30px;padding-left:10px; padding-right:10px !important;border-left:5px solid #896C64; font-style:italic !important}
 #message, #htmlbox , #msgTitle, #postTitle, #atMusic, #atMood, #tags { border:2px solid #896C64 !important;left:25px !important; color:#000}
 #commentsArea_title, #addCommentArea_title {text-align:center;}
 #message, #htmlbox , #msgTitle, #postTitle, #atMusic, #atMood, #tags { border:1px dotted #ccc !important;left:25px !important; color:#fff}
 #msg_form {color:#ccc; width:90% !important;margin-left:40px; }
 #msg_form a {color:#D2C7BD }
 #myLinksLink, #albumLink, #authorAlbum, #communityCatalogueLink, #photolibLink, #unsubscribeEmail, #pchs, #login_form, #more_login, #diarySpiritLink, #myProfileLink, #optionsLink, #myLinksLink, #myLinks_title, #myLinks, #YaSearch, #bottomNav, #rssLink, #upInChart, #epigraph .postActionLinks, .order_button, .prevnext, #Stats, #topNav {display:none!important}
 #epigraph, #epigraph .singlePost, #epigraph .singleComment {background:none; border:0px solid #AA9F99;}

А цвет рамки блоков вот тут:
.singlePost, .singleComment {width:90%; margin-left:40px;margin-top:20px;border:3px solid #AA9F99; background: url('ФОН2');}
Можно ширину поставить меньше 3px ^^``

[-Satin-]

Lina~Izumi
пасиб! *побежала устанавливать*

[уличная мода.]

вааааау. как восхитительно )

[Olice in Wonderland]

Lina~Izumi, твой дизайн, как всегда, прекрасен)))

[darkness25]

восхитительно прекрасно, настоящий шедевр

[Lina~Hitagi]

london smoke. darkness25 Спасибо огромное)
~13~ Спасиб... Ну прям уж как всегда, и у меня бывает выходят ужасы всякие

[Безумный Светлячок]

Любопытно

[-tdutybz-]

Очень красивый дизайн, спасибо.

[Doctor_Why]

Волшебно! Я возьму?

[WEH]

Lina~Izumi , я тоже взяла...очень красивый

[Lina~Hitagi]

Doctor_Why WEH Конечно, берите))
Спасибо всем огромное)

[Din]

Lina~Izumi

Красивый дизайн) Взяла

[Inaccessible.]

он очень клааасный, вот бы такой же не в цсс(

[поперхнувшись счастьем]

красиво) взяла в коллекцию. спасибо

[.Cooper]

офигенный взяла

[.Cooper]

Извините пожалуста,у меня возникли некоторые проблемы.А как вставлять второй фон и куда?И наверное из за этого у меня после эпиграфа,фон записей серый...

[Lina~Hitagi]

.Cooper в строчку:
.singlePost, .singleComment {width:90%; margin-left:40px;margin-top:20px;border:3px solid #AA9F99; background: url('ФОН2');}
Всё есть в коде, повнимательней.