Заказ для Сэто

[La_mignonne]

UPD. По просьбам некоторых пч и с разрешения заказчика публикую настройки к дизайну.
Внимание! Дизайн делался под конкретного заказчика и в далеком 2010г, соответственно код такой же древний.
Подправила для общего доступа все, что нашла. Найдете косяки - пишите: общие я исправлю, под каждого какие-то личные изменения делать не буду.
Картинки можно заменять на свои, но не забываем ставить кредит.
Дизайн с открытыми темами, поэтому подойдет тем, у кого они есть.
Эпиграф стоит рядом с фото и тоже небольшой, под кучу баннеров не подойдет.
_____________________________________

Заказ для Мммммм
Да чтоб я еще хоть раз согласилась структуру жж адаптировать на дайри - да никогда!
Как Вам?

При использовании дизайна просьба ставить баннер сообщества

Настройки

УСТАНОВИТЬ АВТОМАТИЧЕСКИ

Настройки

КАК УСТАНОВИТЬ ДИЗАЙН
или
"что это за код и куда его вставлять, памагити!?"
Инструкция по установке - читать


Дизайн - блочный, меню - вверху
ссылки - #a5d42a
текст - #8c8b8b
заголовок - #16afc5
фон дневника - #ffffff
Остальные цветовые настройки не нужны!!! Не нужно их самостоятельно вставлять!
Проверьте, чтобы все остальные поля, не указанные тут, были пустыми!

код (все картинки собраны в блоке "картинки")

  body {background: #faf9f9;padding: 0!important;}
{---------КАРТИНКИ-------------}
 #wrapper {min-width:910px!important; width:910px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; background: url('ФОН') repeat;}
 #extratop{ background: #faf9f9 url('ЭКСТРАТОП') no-repeat; width:910px; height:215px;}
 #extrabottom {background: url('ЭКСТРАБОТ') no-repeat; width:910px; height: 20px;margin-top: 5px;margin-left: 11px;}
 .avatar { background: url('ПОДЛОЖКА') no-repeat; width: 114px; height: 114px; margin: 0px 0px 0px 0px !important; padding: 7px 5px 0px 7px !important;}
 .top #thisDiaryPhoto { background: url('ПОДЛОЖКА') no-repeat; width: 114px; height: 114px; margin: 0px 0px 0px 0px !important; padding: 7px 5px 0px 0px !important;}
 #thisDiaryLinks_title {display:block; width:72px; height:20px; line-height:500px; overflow:hidden; background: url('ЗАПИСИ') 2px 4px no-repeat;}
 #globalLinks_title {display:block; width:153px; height:19px; line-height:500px; overflow:hidden; background: url('ГЛОБАЛ') 2px 4px no-repeat; }
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:107px; height:19px; line-height:500px; overflow:hidden; background: url('ДАЙРИ') 2px 4px no-repeat;}
 #postsArea .singlePost {padding-bottom: 48px !important; background: url('ЗАЛИВКА-1') center bottom no-repeat;margin-left: -1px !important;position:relative; z-index: 1;}
 #postsArea .countFirst div.postContent {background:url('АВАТАР-1') 1px 0px no-repeat !important;position:relative; z-index: 20;top: -58px!important;position:relative;}
 #postsArea .countSecond div.postContent {background: url('АВАТАР-2') 1px 0px no-repeat !important;position:relative; z-index: 20;top: -58px!important;position:relative;}
 #page-t {background: url('ЗАЛИВКА-2') repeat-y; width:911px;}
 #postsArea { background: url('ВЕРХ') no-repeat; }
 {-----------------------------------------------}
 #message, .text {border: 1px solid #c4c3c3!important; background: none; -moz-opacity:.40 !important;opacity:.40 !important; filter:alpha(opacity=40); !important; color: #000000 !important;}
 span.quote_text { font-style: normal !important; display: block; margin: 15px; padding-left: 7px; font-size: 11px; color: #c4c3c3; font-style: italic !important; border-left: 3px solid #c4c3c3;}
 .avatar img{width: 100px; height: 100px;}
 a:hover{TEXT-DECORATION: none !important;}
 a{TEXT-DECORATION: none !important;}
 a:hover, a:active{color:#e4e1e1 !important;}
 {---------ФОТО-------}
 .top #thisDiaryPhoto {display:block; top:55px!important; padding:10px; position:absolute; right:854px; }
 .top #thisDiaryPhoto img {margin-right: 7px!important;}
 {-------------МЕНЮ---------------}
 #side {position:absolute;top:0px !important; left:10px; width:980px!important;z-index: 50;}
 #side ul a {color:#faf9f9;}
 #side ul li {list-style: square outside; color: #e5e0e4;}
 #globalLinks li {float: left !important; padding-right:10px!important;width:112px;margin-left: 12px!important;}
 #globalLinks ul { width:355px;background: #16afc5;margin-left: -10px;}
 #thisDiaryLinks li {float: left !important; padding-right:0px!important;width:112px;margin-left: 12px!important;z-index: 10!important; position:relative;}
 #thisDiaryLinks ul { width:255px;background: #a5e025;margin-left: 7px;}
 #myDiaryLinks ul, #myCommunityLink ul { width:275px;background: #f1086b;margin-left: -160px;}
 #myDiaryLinks li, #myCommunityLink li{float: left !important; padding-right:15px!important;width:102px;margin-left: 12px!important;}
 #myDiaryLinks, #myCommunityLink{position:absolute;top:10px !important; right:75px;}
 #thisDiaryLinks {position:absolute;top:10px !important; right:355px;z-index: 10!important;}
 #globalLinks {position:absolute;top:10px !important; right:190px;}
 {-----АВТОР}
 #authorName {color: #d5d4d4 !important; font-family:"Tahoma"; font-size: 10px !important; font-weight: bold; text-transform: uppercase;position:absolute;top:20px !important;left: -864px;font-weight: normal!important;}
 #side h1 a {color: #f1086b !important; font-family:"Verdana"; font-size: 18px !important; font-weight: bold; text-transform: uppercase;margin-left: -20px;}
 {-----ТЕМЫ}
 #TagsList{display:block !important;visibility:visible !important;}
 #TagsList {padding:0 !important; position:absolute; margin-top: 60px!important; right:96px; padding-top:5px !important; background: #e8dfb2 !important;}
 #TagsList ul {left: -470px;position: absolute;top: -55px;}
 #TagsList ul a{text-transform: lowercase; color:#d5d4d4!important; font: normal 12px Arial!important;}
 #tagslistlink {right: -295px;position: absolute;top: 52px;}
 #tagslistlink a{color:#f1086b !important;}
 #TagsList li {display:block; height:10px; float:left; width:160px!important; margin-right:45px!important;padding-top:0px !important; padding-bottom:3px !important;}
 #TagsList ul li {white-space: pre-line; }
 #TagsList ul {width: 640px; padding:0 !important; }
 {----ЗАПИСИ}
 #thisDiaryOwner ul {visibility:visible !important; display:block;background: none !important;}
 #thisDiaryOwner ul a {color:#d5d4d4;}
 #thisDiaryOwner ul li {list-style: none;}
 #thisDiaryOwner ul a:hover {color:#f1086b !important;}
 #thisDiaryOwner {position:absolute;top:10px !important; right:390px;z-index: 1!important;}
 #upInChart a{color: #e4e1e1!important; font-family:"Verdana"; font-size: 8px !important;text-transform: uppercase;left: -258px;position: absolute;top: 57px;}
 #writeToAuthor a{color: #e4e1e1!important; font-family:"Verdana"; font-size: 8px !important;text-transform: uppercase;left: -145px;position: absolute;top: 57px;}
 #delFromFav a, #addToFav a{color: #e4e1e1!important; font-family:"Verdana"; font-size: 8px !important;text-transform: uppercase;left: -30px;position: absolute;top: 57px;}
 #subscribeEmail a{color: #e4e1e1!important; font-family:"Verdana"; font-size: 8px !important;text-transform: uppercase;left: 105px;position: absolute;top: 57px;}
 {---------------POSTS---------------------}
 .singlePost {position: relative;}
 #msg_form {padding: 10px 28px 10px 10px!important;margin: -21px 0 0 -1px!important; border: 1px solid #c4c3c3;}
 .header.left {color: #8c8b8b!important; padding-left: 5px;}
 #cc {position: relative; z-index: 100;}
 #Journal .postActionLinks {position: absolute; z-index: 120!important; margin-top: -20px!important; right: 0!important;}
 #msg_form { background:#f6f6f6!important;width: 850px;margin-left: -1px;margin-top: -18px;}
 #button_panel { background:#f6f6f6; width:870px;margin-left: 0px;margin-top: 20px;position: relative; z-index: 200;padding-bottom: 20px;}
 .tags_ul_all { background:#f6f6f6; width:840px!important; padding: 10px 18px 30px 30px!important;margin: 6px 0 0 -1px!important; border: 1px solid #c4c3c3;}
 {-----LINKS}
 #postsArea .postLinksBackg {position: absolute; top: 2px!important; left: 0px;z-index: 20; color: #dddde3!important;}
 .postLinksBackg a{color: #dddde3!important;font-family:"Calibri"; font-size: 14px !important;text-transform: lowercase;}
 .postLinksBackg a:hover{color: #52c2d2!important;}
 #postsArea .comments{position: absolute; top: 4px;left: 136px;white-space: nowrap;}
 #postsArea .subscribe, #postsArea .unsubscribe {position: absolute; top: 22px;left: 136px;white-space: nowrap;}
 .unsubscribe a{position: absolute; top: 19px;left: 0px;white-space: nowrap;}
 #postsArea .addToQuote {position: absolute; top: 42px !important;left: 136px!important;white-space: nowrap;}
 #postsArea .urlLink{position: relative; top: 59px;left: 146px;white-space: nowrap;}
 #postsArea .quote_post a{position: relative; top: 80px;left: 120px;white-space: nowrap; }
 {-----ЗАГОЛОВОК}
 #Journal .postInner { min-height:120px; height:auto !important; padding: 0px 0px 0px 285px !important; width: 595px; top: 50px!important;position:relative;}
 #postsArea .postTitle {color: #16afc5; font-family:"Times New Roman"; font-size: 27px !important; font-style: italic !important; border-bottom: 1px solid #d5d4d4;width: 595px;margin-left: 285px!important;}
 #postsArea .header h2{color: #16afc5; font-family:"Times New Roman"; font-size: 20px !important; font-style: italic !important;}
 #postsArea .header {position: relative; top: -10px;}
 #postsArea .postDate{position: absolute; top: 133px!important; left: 50px;z-index: 120; color: #dddde3!important;font-family:"Verdana"; font-size: 11px !important;text-transform: uppercase;font-weight: bold!important;}
 #postsArea .header span{position: absolute; top: 138px!important; left: -275px;z-index: 220!important; color: #dddde3!important;font-family:"Verdana"; font-size: 11px !important;text-transform: uppercase;font-weight: bold!important;font-style: normal !important;}
 #new_post_title, #addCommentArea_title {color: #16afc5!important; font-family:"Times New Roman"; font-size: 20px !important; font-style: italic !important;margin-top: -10px; margin-left: 10px;}
 {------------ BOTTOM----------------}
 #bottomNav{ background:#f6f6f6; border: 1px solid #d5d4d4;width:878px!important;margin-left: 9px;margin-top: -30px;position: relative; z-index: 100;}
 #bottomNav a {color: #8c8b8b;}
 #bottomNavLinks {text-align: right!important;}
 #Stats {top: 10px!important;position:absolute;}
 {-----------------ССЫЛКИ------------}
 #JournalLinks #postsArea{background:#f6f6f6!important;width: 870px; margin: 12px 0 0 8px!important; border: 1px solid #c4c3c3;}
 #JournalLinks #content {background:#f6f6f6!important; width: 870px; margin: -36px 0 0 -2px; border: 1px solid #c4c3c3; padding: 10px 10px 20px 10px;}
 {-----------КОММЕНТАРИИ---------------}
 #JournalComments #page-t { background:#f6f6f6!important;width: 885px;margin-left: 10px;margin-top: 10px;border: 1px solid #d5d4d4;}
 #JournalComments #postsArea .countFirst div.postContent, #JournalComments #postsArea {background:none!important;}
 #JournalComments #postsArea .countSecond div.postContent, #JournalComments .singlePost {background: none!important;}
 #JournalComments #postsArea .postLinksBackg {position: inherit!important;white-space:nowrap !important;border-bottom: 1px solid #d5d4d4;}
 #JournalComments .header{border: none !important;}
 #JournalComments #bottomNav {margin-top: 30px;position: relative; z-index: 100;}
 #JournalComments #postsArea {top: 0px!important;position: relative;}
 #JournalComments #postsArea .postActionLinks {margin-right: 10px !important; margin-top: 3px;}
 #commentsArea .postLinksBackg {border-bottom: 1px solid #d5d4d4;}
 #commentsArea {margin-top: -70px;}
 #JournalComments .subscribe, #JournalComments .unsubscribe {position: absolute; top: -15px!important; left: -5px;}
 #JournalComments .addToQuote A{position: absolute; top: -57px!important; right: -50px;}
 #JournalComments .unsubscribe a{position: absolute; top: -15px!important; left: -5px;}
 #JournalComments .quote_post a{position: absolute; top: 5px!important; left: 565px;}
 #JournalComments .urlLink {position: absolute; top: -15px!important; left: 100px;}
 #addCommentArea #msg_form {border: none!important; margin: 0!important; padding: 10px!important;}
 .singleComment a {position: relative; z-index: 100;}
 #Journal #addCommentArea {background:#f6f6f6!important; border: 1px solid #c4c3c3!important;padding: 10px!important; width: 868px; margin: 9px}
 {--------ЧЕРНОВИКИ------------}
 #JournalDraft #page-t { background:#f6f6f6!important;width: 870px;margin-left: 10px;margin-top: 10px;border: 1px solid #d5d4d4;}
 #JournalDraft #postsArea .countFirst div.postContent, #JournalDraft #postsArea {background:none!important;}
 #JournalDraft #postsArea .countSecond div.postContent, #JournalDraft .singlePost {background: none!important;}
 #JournalDraft #postsArea .postLinksBackg {position: inherit!important;white-space:nowrap !important;border-bottom: 1px solid #d5d4d4;}
 #JournalDraft .header{border: none !important;}
 #JournalDraft #bottomNav {margin-top: 30px;position: relative; z-index: 100;}
 #JournalDraft #postsArea {top: 0px!important;position: relative;}
 #JournalDraft .postActionLinks {left: -25px !important;position: relative;top: 5px;}
 #JournalDraft .postLinksBackg {border-bottom: 1px solid #d5d4d4; }
 #JournalDraft #postsArea{margin-top: 70px;}
 {----------ЦИТАТНИК-----------}
 #JournalQuote #page-t { background:#f6f6f6!important;width: 870px;margin-left: 10px;margin-top: 10px;border: 1px solid #d5d4d4;}
 #JournalQuote #postsArea .countFirst div.postContent, #JournalQuote #postsArea {background:none!important;}
 #JournalQuote #postsArea .countSecond div.postContent, #JournalQuote .singlePost {background: none!important;}
 #JournalQuote #postsArea .postLinksBackg {position: inherit!important;white-space:nowrap !important;border-bottom: 1px solid #d5d4d4;}
 #JournalQuote .header{border: none !important;}
 #JournalQuote #bottomNav {margin-top: 30px;position: relative; z-index: 100;}
 #JournalQuote #postsArea {top: 0px!important;position: relative;}
 #JournalQuote .postLinksBackg {border-bottom: 1px solid #d5d4d4;}
 #JournalQuote #postsArea{margin-top: 100px;}
 #JournalQuote .subscribe, .unsubscribe {position: absolute; top: 5px!important; left: -5px;}
 #JournalQuote .comments{position: absolute; top: 5px!important; left: 95px;}
 #JournalQuote .communityName {position: absolute; top: -5px!important; left: 0px;}
 #JournalQuote .header h2 {position: absolute; top: -40px!important; left: -280px;text-align: left!important; font-size: 20px !important;}
 #JournalQuote .unsubscribe a{position: absolute; top: 0px!important; left: -135px;}
 #JournalQuote .authorName a{position: relative; top: -65px!important; left: 0px;}
 #JournalQuote .quote_post a{position: relative; top: 0px!important; left: 0px;}
 {ИЗБРАННОЕ}
 #JournalFavorite #page-t { background:#f6f6f6!important;width: 870px;margin-left: 10px;margin-top: 10px;border: 1px solid #d5d4d4;}
 #JournalFavorite #postsArea .countFirst div.postContent, #JournalFavorite #postsArea {background:none!important;}
 #JournalFavorite #postsArea .countSecond div.postContent, #JournalFavorite .singlePost {background: none!important;}
 #JournalFavorite #postsArea .postLinksBackg {position: inherit!important;white-space:nowrap !important;border-bottom: 1px solid #d5d4d4;}
 #JournalFavorite .header{border: none !important;}
 #JournalFavorite #bottomNav {margin-top: 30px;position: relative; z-index: 100;}
 #JournalFavorite #postsArea {top: 0px!important;position: relative;}
 #JournalFavorite #postsArea{margin-top: 40px;}
 #JournalFavorite .subscribe, #JournalFavorite .unsubscribe {position: absolute; top: 5px!important; left: -5px;}
 #JournalFavorite .comments{position: absolute; top: 5px!important; left: 80px;}
 #JournalFavorite .communityName {position: absolute; top: -5px!important; left: 0px;}
 #JournalFavorite .header h2 {position: absolute; top: -40px!important; left: -280px;text-align: left!important; font-size: 20px !important;}
 #JournalFavorite .addToQuote A{position: absolute; top: -37px!important; right: -410px;}
 #JournalFavorite .authorName a{position: relative; top: -65px!important; left: 0px;}
 #JournalFavorite .unsubscribe a{position: absolute; top: 0px!important; left: -5px;}
 #JournalFavorite .quote_post a{position: absolute; top: 5px!important; left: 565px;}
 {------------ЭПИГРАФ-------------}
 #epigraph {position: absolute;top: 40px;left: -150px!important;background: none!important;}
 #epigraph .postInner {width: 180px!important;overflow: auto;max-height: 50px!important;}
 #post0{background: none!important;}
 #epigraph .singlePost, #post0 {background:none !important;border: none;}
 #epigraph .header {background: none !important;border: none;}
 #epigraph .singlePost.first{margin-top: -253px !important;}
 {-------------NONE--------------------}
 #Stats a+a, #iAmQuit, #myLinks, #sortOrder, #thisDiaryOwner_title, #YaSearch, #postsCalendar, #photolibLink, .prevnext, #JournalQuote .urlLink, #albumLink, #JournalComments .header h2, #JournalComments .postDate, #JournalComments .header span, .prevnext, #rssLink, #JournalDraft .commentAuthor, #JournalDraft .urlLink, #JournalDraft #epigraph .paragraph, #JournalDraft .postDate, #JournalQuote .postDate, #JournalQuote .header span, .prevnext, #JournalFavorite .postDate, #JournalFavorite .header span, .prevnext, #JournalFavorite .urlLink, #epigraph .editPostLink, #commentsArea_title {display: none;}
 

картинки (все картинки собраны в блоке "картинки")
ЭКСТРАТОП www.10pix.ru/img1/2933/8122919.png
ВЕРХ www.10pix.ru/img1/396789/8122930.jpg
ЭКСТРАБОТ www.10pix.ru/img1/550377/8122933.png
ФОН www.10pix.ru/img1/2886/8122946.jpg
ПОДЛОЖКА www.10pix.ru/img1/2966/8122951.png
ЗАПИСИ www.10pix.ru/img1/2917/8122917.png
ГЛОБАЛ www.10pix.ru/img1/2837/8122915.png
ДАЙРИ www.10pix.ru/img1/2853/8122916.png
ЗАЛИВКА - 1 www.10pix.ru/img1/3045/8122924.png
АВАТАР-1 www.10pix.ru/img1/1296/8122928.png
АВАТАР-2 www.10pix.ru/img1/3093/8122926.png
ЗАЛИВКА-2 www.10pix.ru/img1/2981/8122921.png

Исходный макет с жж malionette.org/web/lj/layouts/039.php

запись создана: 17.10.2010 в 19:52

Comments

[Strijkova]

очень круто!

Да чтоб я еще хоть раз согласилась структуру жж адаптировать на дайри - да никогда!

страшно подумать сколько ты над ним билась......

[hdrgn]

элегантно)

[La_mignonne]

Strijkova,
мне до сих пор страшно

muffinman спасибо)

[Naturka]

Здорово!
Даже захотелось себе что-то подобное сделать. Но мне ни знаний, ни усидчивости не хватит))

[Strijkova]

La mignonne зато результат!смотрю и пытаюсь догнать как это сделано..нееееее догоню)

[персеида]

вааааааааааааааааааааах! прелесть какая! шик!

[La_mignonne]

Strijkova, там километровый код
Naturka я бы для себя даж не стала бы так заморачиваться

[La_mignonne]

чудо-йогурт

[hanael]

С ума сойти. Очень здорово смотрится.

[La_mignonne]

hanael смотрится интересно, согласна но заморочек слишком много)

[hanael]

La mignonne, да, я уже по превью представляю. Вы герой. )))

[Джей Ди.]

Очень красиво)

[La_mignonne]

Джей Ди. hanael

[_Ldinka]

La mignonne
Прелестнейший дизайн, браво! Я бы с удовольствием занялась созданием дизайнов (хотя бы для себя), если бы мой мозг имел способность разбираться в кодах (скриптах, пр.). Увы, ему такое не под силу. Да и времени на "разборки" сейчас, к сожалению, нет. Максимум, на что меня хватает, - сделать эпиграф для личного пользования.

[La_mignonne]

научиться разбираться можно со временем, гораздо сложнее научиться рисовать сам диз)

[_Ldinka]

La mignonne

(...) гораздо сложнее научиться рисовать сам диз)

Не сомневаюсь.

[Ricka]

*.* Вааааай! Черт, как здорово то!
Как всегда, неожиданно, классно и очень качественно!
Каждый раз поражаюсь, насколько круто у тебя выходят дизйны!

[La_mignonne]

Ricka ыы, пасибо)))))

[Chiara Soi]

Совершенно не представляю сколько сил на это ушло, но сделано просто первоклассно!

[La_mignonne]

Chiara Soi если без подробностей, то я замучалась спасибо))

[Keymera]

Вау, это безумно красиво!
Не перестаю восхищаться ваши работами

[Kaze]

я бы для себя даж не стала бы так заморачиваться

чорт.. а я вот посмотрела на всю эту красоту и, чую, что стану О_О шикарная работа!

[La_mignonne]

Meadow~ спасибо *_*
Kaze удачи Вам в этом деле

[Прозрачная птица]

Комментарии в отдельном блоке! Я в шоке!
А мне еще понравилось то, что темы записей сразу при входе видны и удобно расположены.
Единственное - у меня текст там плохо виден(( Наверное, настройки экрана такие...

[La_mignonne]

Прозрачная птица там все отпозиционировано тышу раз
текст светло-серый, не яркий специально) ну в принципе можно сделать поярче если заказчику нужно будет)

[бро всегда понимает своего бро]

La mignonne
Ва-а-а-а, какая прелесть.

[Прозрачная птица]

отпозиционировано

какое страшное слово! Я понимаю только то, что это сложно. Из категории - "не влезай-убьет")) Поэтому, действительно, удивлена, как все это можно просчитать. Сама то уже больше часа сижу - размещаю (в Вашем понимании) элементарную структуру, но что-то ни конца ни края не вижу. Уже желание - все побросать и спрятаться)))

текст светло-серый, не яркий специально)

Это у меня какие-то настройки экрана, видимо, не те. Практически не видно. Но при желании можно разглядеть))

[Lina~Hitagi]

Да чтоб я еще хоть раз согласилась структуру жж адаптировать на дайри - да никогда!

Как я тебя понимаю =)
Дизайн безумно красивый)))

[Slevin Kelebra]

Красота *___*

[La_mignonne]

пасиба))

Lina~Izumi
Прозрачная птица пиши в аську, поможем чем сможем)