Доделала дизайн с котейкой. Может и будут ещё небольшие изменения, но пока так. Единственное, что расстраивает, так...

вторник, 09 октября 2012

16:13

TheHappyEnd

No hope, no love, no glory, no happy ending

До этого

UPD: так и не доделала эту кнопочку с темами записей и вряд ли доделаю, тем более, что уже есть идея для новой схемы. Тем не менее, в остальном дизайн вполне рабочий и вроде как везде нормально отображается. Если кто-то поставит и найдёт баг, то напишите мне в комментарии или на U-mail — исправлю

Копирайт просьба не убирать!

Знаю, что картинок много, но пока умею только так х(

Дизайн: блочный
Панель: сверху

Цвет заголовка #bca55f Записи #6e6038
Ссылки #c9c451 Оффтопика #c0c5d5

Гарнитуру и размеры шрифтов не трогаем.

Код

 body {background: #fef3df;margin:0; padding:0; font-family:Cambria, Georgia; font-size:14px; }
 #wrapper {min-width: 900px !important; width: 900px; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: 0px; bottom: 0px !important;}
 .bordered {border: none !important;}
 img {max-width: 100%;}
 #add_block1 {background: url('ФОН ШАПКИ') repeat-x; height: 420px; width: 100% !important; position: absolute; top: 0px; left: 0px; z-index: -1;}
 #extratop {background: url('ШАПКА') no-repeat; height: 420px; width: 800px; margin: 0 auto !important; padding: 0 !important; position: relative; top: -1px; }
 #extrabottom {background: url('НИЗ') no-repeat; height: 60px; width: 300px; float:right; position: relative; bottom: 30px;}
 {-------menu--------}
 #thisDiaryPhoto {display: block !important; visibility: visible !important; position: absolute; top: 40px; left: -780px; background: url('ПОДЛЛОЖКА') no-repeat;}
 #thisDiaryPhoto img {visibility:visible !important; display:block; max-width: 100px; max-height: 100px; margin: -5px -5px -5px -5px !important;}
 #side h1 {position: absolute; top: 60px; left: 590px;}
 #side h1 a{font: normal 30px Cambria, Georgia; color: #6e6038 !important;}
 #authorName {position: absolute; top: 80px;}
 #myDiaryLinks {position: absolute; top: 67px; left: 130px;}
 #thisDiaryOwner {position: absolute; top: 222px; left: 130px;}
 #globalLinks ul, #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #thisDiaryPhoto { display: block !important; visibility: visible !important;}
 #myDiaryLinks_title {display:none;}
 #myDiaryLinks li {font-size: 14px; color:#8a7946;}
 #thisDiaryOwner li {font-size: 14px; color:#8a7946;}
 .count_box span {background: #c0c5d5; padding: 5px; -moz-border-radius: 50px; border-radius: 50px; position: relative; left: 5px; color: #fef3dc; font: bold 12px Cambria, Georgia;}
 #myDiaryLink .count_box a, #umailLink .count_box a, #discussionLink .count_box a, #myCommunityLink .count_box a {background: #c0c5d5; padding: 5px; -moz-border-radius: 50px; border-radius: 50px; position: relative; color: #fef3dc; font: bold 12px Cambria, Georgia; width:auto !important; height:10px !important; padding: 6px 10px 6px 10px !important;}
 .count_box {color: transparent;}
 #mainpageLink a{background: url('ССЫЛКИ1') -158px no-repeat; width:40px; height:40px; display:block; overflow:hidden; text-indent:-999px; position: absolute; top: -300px;left: 830px;}
 #mainpageLink a:hover {background: url('ССЫЛКИ2') -158px no-repeat; width:40px; height:40px; display:block; overflow:hidden;}
 #writeToAuthor a {background: url('ССЫЛКИ1') no-repeat; width:40px; height:40px; display:block; overflow:hidden; text-indent:-999px; position: absolute; top: -92px;left: 669px;}
 #writeToAuthor a:hover {background: url('ССЫЛКИ2') no-repeat; width:40px; height:40px; display:block;}
 #addToFav a, #delFromFav a {background: url('ССЫЛКИ1')-118px no-repeat; width:40px; height:40px; display:block; overflow:hidden; text-indent:-999px; position: absolute; top: -92px;left: 623px;}
 #addToFav a:hover, #delFromFav a:hover {overflow: visible; font-size: 12px; line-height: 95px; text-indent: -40px; text-decoration:none; text-transform: lowercase; color:#969da8;}
 #writeToAuthor a:hover {overflow:visible; font-size: 12px;line-height: 95px; text-indent: -35px; text-decoration:none; text-transform: lowercase; color:#969da8;}
 #TagsList a{width:20px!important; white-space: pre-line;}
 #TagsList ul {background: url('ПОДЛОЖКА4'); border: 1px solid #adb5c0; position: relative; top: 5px;}
 #TagsList span{padding: 5px 0px 0px 0px; color: #31476d;}
 #TagsList ul a{color:#74787e; font: normal 12px Cambria;}
 #TagsList li {display:block; float:left; width:125px!important; margin-right:8px!important; !important; line-height: 0.2em !important; margin-bottom: 5px !important; margin-left:2px!important; margin-top: 3px !important;}
 #TagsList ul {width: 270px; padding:0px !important; }
 {-------posts--------}
 #epigraph .header {display:none;}
 #epigraph { background: url('ФОН') !important; margin: 0px 0px 0px 0px !important; padding: 15px 15px 5px 15px !important; display: block; -webkit-border-radius: 0px 0px 0px 40px; border-radius: 0px 0px 0px 0px; border: 1px solid #f4e8cc; color: #ccb88a; width: 860px;}
 .singlePost .header {width: 880px; border-bottom:2px dashed #ede4a4; padding:5px 0px 8px 10px !important;}
 .header span {background: url('ФОН') !important; font: bold 25px Cambria, Georgia; color: #8a7946 !important; padding: 5px; position: relative; left: -10px; -moz-border-radius: 20px; border-radius: 20px;}
 .header h2 {font: normal 25px Cambria, Georgia; color: #bca55f !important; padding: 3px; position: relative; left: -10px;}
 span.quote_text { background: url('ПОДЛОЖКА2') !important; margin: 0px 0px 0px 0px !important; padding: 15px 15px 8px 15px !important; display: block; -webkit-border-radius: 0px 40px 0px 40px; border-radius: 0px 40px 0px 40px; border: 1px solid #adb6c5; color: #878f9a;}
 span.quote_text a {color: #969da8;}
 .postLinksBackg {width: 880px; border-bottom:1px dashed #ede4a4; border-top:1px dashed #ede4a4; padding:5px 0px 5px 10px !important;}
 p.atMood em span {display:none !important; color: #fff; }
 p.atMusic em span {display:none !important; color: #fff; }
 p.atTag em span{display:none !important; color: #fff; }
 .atTag em:before {content: "темы:"; font-size: 14px; color:#8a7946; font-weight:bold;}
 .atMusic em:before {content: "музыка:"; font-size: 14px; color:#8a7946; font-weight:bold;}
 .atMood em:before {content: "настроение:"; font-size: 14px; color:#8a7946; font-weight:bold;}
 .comments a {font-size: 14px; color:#8a7946; font-weight:bold;}
 .comments_count_link {color:#fef3df;}
 .comments_count_link a {font-size: 14px; color:#8a7946; font-weight:bold;}
 .atTag a{font-style:normal; font-size: 13px; color:#a49464;}
 .postDate {position: relative; left:10px; color: #9599aa !important; font-weight: bold !important;}
 {-------comments--------}
 .avatar img {max-width: 100px; padding: 5px;}
 .avatar {background: url('ПОДЛОЖКА3'); max-width: 110px;}
 .commentAuthor a {color: #8a7946 !important;}
 .sign {font: italic; color: #bca55f !important;}
 .singleComment .header span {background: url('ФОН') !important; font: bold 14px Cambria, Georgia; color: #8a7946 !important; padding: 5px; position: relative; left: -10px; -moz-border-radius: 20px; border-radius: 20px;}
 .singleComment span.quote_text { background: url('ПОДЛОЖКА2') !important; margin: 0px 0px 0px 0px !important; padding: 15px 15px 5px 15px !important; display: block; -webkit-border-radius: 0px 20px 0px 20px; border-radius: 0px 20px 0px 20px; border: 1px solid #adb6c5; color: #878f9a;}
 {------page------}
 .pages_str td {width: 800px !important; }
 .pages_str a {background: #f8ecd0; padding: 7px 15px !important; text-transform: lowercase; text-decoration: none; font: bold 11px Tahoma !important; color: #d8d19d;}
 .pageBar td a { text-decoration: none; font: bold 11px Tahoma !important; background: #f8ecd0; padding: 7px 10px !important; color: #d8d19d;}
 .pageBar td strong { color: #c3ad6a; text-decoration: none; font: bold 13px Tahoma !important; background: #ede4a4; padding: 5px 12px 6px 12px !important;}
 #bottom_up a{background: url('СТРЕЛОЧКА') no-repeat; display:block; color: transparent; font-size:18px; font-weight:bold;}
 #bottom_up {position:fixed; right:-165px !important; bottom:95px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #bottom_up:hover {right:-30px !important;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #bottom_up a{width:210px; height:50px; padding: 9px 0px 0px 0px;}
 #bottom_up a:hover {text-decoration:none !important;}
 {---newpost---}
 #new_post_title {font-size:24px;}
 .text{border-bottom:1px solid #f5eab2 !important; padding:5px 0px 5px 0px !important;}
 #forTextarea {border:1px solid #f5eab2 !important; padding:5px 0px 5px 0px !important;}
 #message {font-family:Cambria !important;}
 #button_panel .submit, #addCommentArea #btSubmit, #JournalLinks .submit {font-size:13px; font-weight: bold; text-transform:uppercase; min-width:180px; background: url('ПОДЛОЖКА2') !important; border:1px solid #adb6c5 !important; padding:5px 0px 5px 0px !important; color:#74787e; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:1;}
 #button_panel .submit:hover, #button_panel .submit:active, #addCommentArea #btSubmit:hover, #JournalLinks .submit:hover {color:#b1a453 !important; background: url('ПОДЛОЖКА3') !important; border:1px solid #e4da9e !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; text-shadow: none !important;}
 .section {padding:0px !important;}
 {---display:none---}
 #iAmQuit, #YaSearch, #pchs, #lastComments, #subscribeEmail, #unsubscribeEmail, #postsCalendar, #upInChart, #authorFav, #authorQuote, #authorLinks, #authorAlbum, #communityFav, #communityQuote, #communityAlbum, #photolibLink, #albumLink, #myProfileLink, #myLinksLink, #myNotepadLink, #headlineList, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #more_login, .order_button, .email, .prevnext, #thisDiaryLinks, #globalLinks_title, #thisDiaryOwner_title, #rssLink, #bottom_mainlink, #bottom_randomlink, #bottom_faqlink, #bottom_spiritlink, #Stats a+a {display:none !important;}

Картинки

запись создана: 04.09.2012 в 21:54

@темы: Designs, Моих рук дело

URL

Поделиться

Моррисон как-то писал Откуда желание смерти? - Желание ид... Перфекционисты могут тратить свое время на ненужное занят... Вот скачал себе оффлайнового клиента. Постоянно забываю, ...

Сейчас начентся завершаюший епизод великого прорыва Кореи... ААААААААААА!!!!! 2:1!!!!! Корея в 1/4 финала!!!! - борт Current music: Виктор Пелевин - "Generat...

Комментарии

05.09.2012 в 11:14

мистер Уайт

за жизнью - смерть; за смертью - снова жизнь. за миром - серость; за серостью - снова мир

Отличный дизайн, так что, если выложишь код, то буду рада :3

URL

05.09.2012 в 17:54

TheHappyEnd

No hope, no love, no glory, no happy ending

TIMlo, окей)

URL

09.10.2012 в 16:49

ксерокс

хронически хреничен

а можно номер дизайна на посмотреть в действии?)

URL

09.10.2012 в 17:00

TheHappyEnd

No hope, no love, no glory, no happy ending

каверзный ксерокс, не знаю, как это работает, если честно. Под номером ты этот id имеешь в виду?
id=4914670
По крайней мере именно он вылезает у меня в окошке редактирования дизайна.

URL

09.10.2012 в 17:33

ксерокс

хронически хреничен

TheHappyEnd, да, id, спасибо.)

URL

Добавить комментарий

Расширенная форма

Редактировать

Использовать аватар

Изображения

Подписаться на новые комментарии

Получать уведомления о новых комментариях на E-mail


Запомнить

New Lunar Republic