Design: Color Paper

[;mars]

Design: Color Paper
Попытка реализовать дизайн вот с этого сайта: http://demo.themegrade.com/?wptheme=002/colorpaper

НАСТРОЙКИ

html, body{width:100%; background:url('КАРТИНКА1') 0 0 repeat-x, url('КАРТИНКА2') repeat-x 0% 100%, url('КАРТИНКА3')}
 #wrapper {background: url('КАРТИНКА4') 100% 100% repeat-y; min-width: 937px !important; padding: 0px !important; width: 992px; margin-top: 118px;}
 #side {width:310px !important; margin:0 !important;position:relative; z-index:100; padding-bottom:120px}
 #page-c {margin-left: 55px; margin-top: 170px; padding-left: 10px !important; width: 600px !important; }
 #page-t {margin:0 !important;}<br /> #add_block2 { background: url('КАРТИНКА5') 50% 0% no-repeat transparent; display: block; visibility: visible; height: 100%; min-width: 990px; position: absolute; top: 0px; visibility: visible; width: 100%; z-index: 0; }
 #add_block1 { background: url('КАРТИНКА6') 50% 0% no-repeat transparent; display: block; height: 100%; margin-left: 22px; min-width: 994px; position: absolute; top: 86px; visibility: visible; width: 100%; z-index: 10; }
 #extrabottom{background:url('КАРТИНКА7') 100% no-repeat; height:132px; width: 992px;}
 .singlePost, .menuSection, #side h1, .header, .header h1, .postContent, .singleComment, .section, .postDate, #content, .paragraph {position:relative; z-index:100;}
 .right #page-c {margin-right: 0px; }
 {---------}
 a{color:#989797;text-decoration:none}
 a:hover{color:#A7B526;text-decoration:none}
 #side a:hover{color:#000; text-decoration:none}
 #topNav {position:absolute; top:15px; height:29px; font-size: 90%; text-align: left; background:url('КАРТИНКА8') no-repeat; z-index:1000}
 #topNavLinks{text-transform:uppercase; margin-top:3px}
 #topNavLinks li{margin-left:5px; color:#ccc}
 #topNavLinks a{color:#ccc}
 #topNavLinks a:hover{color:#A7B526}
 #side h1{position:absolute; right:330px; font-size:30px;width:600px; text-align:right; font-family:"Book Antiqua"; font-style:Italic; }
 #side h1 a, #authorName{color:#555}
 #authorName{position:absolute; top:35px; right:330px; font-size:15px; width:600px; text-align:right; padding: 5px; font-family:"Arial"; font-style:Italic; padding-right:20px; padding-bottom:10px; background:url('КАРТИНКА9') 100% 100% no-repeat}
#thisDiaryOwner, #myDiaryLinks, #Stats, #myLinks,#thisDiaryLinks, #globalLinks, #lastComments{position:relative; top:150px}
 #thisDiaryOwner a, #myDiaryLinks a, #Stats a, #myLinks a, #thisDiaryLinks a, #globalLinks a, #lastComments a{color:#797A67; font: 13px "Verdana", "Helvetica", sans-serif; margin-left:10px}
.menuSection_title {display: block; font-size: 0; padding: 10px 0px; background: url('КАРТИНКА10') 0% 80% no-repeat; color: transparent;}
 #side ul li{padding: 7px 0px; background: url('КАРТИНКА11') 0 100% no-repeat}
 #thisDiaryOwner_title:before{content: "Notes"; font-size: 25px; color: #453C2F }
 #myDiaryLinks_title:before{content: "My Diary"; font-size: 25px; color: #453C2F }
 #myLinks_title:before{content: "Links"; font-size: 25px; color: #453C2F }
 #thisDiaryLinks_title:before{content: "Diary"; font-size: 23px; color: #453C2F }
 #globalLinks_title:before{content: "Global"; font-size: 23px; color: #453C2F }
 #lastComments_title:before{content: "Last Comments"; font-size: 23px; color: #453C2F }
 .menuSection ul b {font-weight: 100; }
 #mainpageLink a, #favListLink a{position:relative; left:-10px}
 {---------}
 .postLinks li { padding: 7px;margin:0}
 .postLinksBackg{ padding-top: 10px;height:60px; background:url('КАРТИНКА12') 60% -10px no-repeat; font-family:"Verdana"}
 .header span{ background:url('КАРТИНКА13')0% no-repeat; width:55px; height:43px;position:absolute;margin-left:-70px; padding-top:20px;padding-left:5px}
 .postDate, .countSecond .postDate, .header{ font: 18px "Georgia", "Times New Roman", serif}
 .paragraph::first-letter{ color:#A7B526;font-size:30px}
 #epigraph .paragraph::first-letter {color:inherit; font-size:inherit}
 #commentsArea .header span { background:inherit; width:inherit; height:inherit; position:inherit; margin-left:0; padding-top:0px; padding-left:0px}
 .avatar img { height: 60px;position: absolute;width: 60px;}
 .authorName { left: 70px; position: absolute;font: 20px "Georgia", "Times New Roman", serif; z-index:1000; padding: 12px 7px 5px 7px;}
 .authorName strong { font-weight: 100;}
 #commentsArea .paragraph{ margin-left: 115px;}
 .commentAuthor { min-height: 60px; width: 580px; }
 .commentAuthor div { width: 540px; }
 .sign { left: 70px; position: absolute; top: 35px;}
 #epigraph .paragraph, #JournalComments .paragraph, #JournalFavorite .paragraph, #JournalQuote .paragraph {margin-left: 0px; padding: 15px 5px 5px;}
 img{ max-width: 585px;}
 .communityName { padding: 3px 0px 10px 5px;}
 span.quote_text { display:block; background: #F1EDDB; border: 1px solid #E0D9B9; color: #928071; font: 1.25em "Georgia", "Times New Roman", "Times", serif; margin: 0px; padding: 20px 0px 10px 0px ; }
 {---------}
 #top_randomlink a, #top_spiritlink a, #top_faqlink a, #subscribeEmail , #unsubscribeEmail, #rssLink, #upInChart, #myNotepadLink, #more_login, #YaSearch, #pchs, #thisDiaryPhoto { display:none;}

Дизайн: табличный
Навигационная панель: справа

Шрифт:
заголовка обычный 12
текста обычный 12
гарнитура Georgia

Цвет текста:
заголовка #6C6159
записи #6C6159
ссылки #989797

КАРТИНКА1 www.10pix.ru/img1/4443/6912043.gif
КАРТИНКА2 www.10pix.ru/img1/4459/6912046.gif
КАРТИНКА3 www.10pix.ru/img1/4427/6912039.png
КАРТИНКА4 www.10pix.ru/img1/2521/6912040.png
КАРТИНКА5 www.10pix.ru/img1/2553/6912042.jpg
КАРТИНКА6 www.10pix.ru/img1/4411/6912037.png
КАРТИНКА7 www.10pix.ru/img1/2537/6912041.jpg
КАРТИНКА8 www.10pix.ru/img1/4780/6912232.gif
КАРТИНКА9 www.10pix.ru/img1/668282/6912267.png
КАРТИНКА10 www.10pix.ru/img1/2811/6912049.gif
КАРТИНКА11 www.10pix.ru/img1/4491/6912050.gif
КАРТИНКА12 www.10pix.ru/img1/2505/6912038.png
КАРТИНКА13 www.10pix.ru/img1/2585/6912045.gif

ваш дневник/?design=4675051 - ссылка на примерку дизайна

изменять разрешаю

@темы: css, design

Comments

[vertu_dragon]

Какая прелесть, прямо по-весеннему и домашнему)
Унесу носить как пройдет гон по дрифту)) Можно ведь?
Спасибо

[;mars]

конечно можно
так здорово что кому-то понравилось ибо это первый дизайн, который решила выставить на обозрение :3
я надеюсь все нормально будет работать
пожалуй единственный минус - меню очень длинное, поэтому убрала кучу ссылок
но, разрешаю изменять все что хочешь если нужно

можешь сообщить об ошибках, если они будут?

[vertu_dragon]

;mars, первый? вот это да)
Знаю как сложно работать с ЦСС, так что лапы мои простираются к небу в твою честь))
Да, я заметила что мало ссылок вышло, но я с ЦСС знакома, так что попробую нахимичить чего-нибудь, заодно посмотреть где что некорректно - хотя с виду все просто аняняня)

нененене, не первый, но первый который я делаю не для себя. обычно только для себя баловалась

[vertu_dragon]

Все равно молодец))
Еще поправка - кнопка редактирования эпиграфа в Хроме не работает )

[;mars]

ох уж этот хром х)
попозже исправлю, если не забуду

[indigo]

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

[;mars]

indigo, спасибо за это авторам дизайна х)

[Falchi]

Спасибо огромное за первый дизайн. Красиво и стильно. Можно взять?

[;mars]

Falchi, конечно, буду только рада

[Falchi]

Поставила. Еще раз благодарю