Травяной

[Ктулхова бабушка]

посмотреть

#wrapper { background: #ffffff; min-width:780px!important;width:780px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop { background: url("картинка экстратропа") no-repeat; width:780px; height: 87px;}
 #extrabottom {background: url("картинка экстроботома") no-repeat; width:780px; height: 60px; }
 #epigraph{ background: url("картинка эпиграфа") no-repeat; width:780px;}
 #post0{position:relative; left: 20px;width:430px;margin:0 !important}
 .left #wrapper {background: url("картинка меню") ; overflow:hidden;no-repeat;}
 #side{position:relative; top:130px;width:200px !important;margin:0 !important;}
 #side {text-align:right; }
 #page-c {width:780px; padding:0px; !important;padding:0 !important}
 #page-c {background: url('картинка общего поля') ;}
 #page-t {width:560px;margin:0 !important;}
 .singlePost {padding-left: 15px !important;overflow:auto}
 .singleComment {padding-left: 15px !important;}
 #commentsArea{padding-left: 15px !important;}
 .postContent{padding-left: 15px !important;}
 #side {padding-right:15px !important; }
 #topNav{position:relative; top:-50px;left: 40px; !important; }
 #side h1{font-size: 200%; position:relative; top:-95px; !important; }
 #authorName {font-size: 200%; color: black;position:relative; top:-290px; !important; }
 #pageBar{position:relative; top:40px;left: 80px; !important; }
 #addCommentArea {margin-left: 15px !important;}
 #addCommentArea {margin-right: 15px !important;}
 .formcontainer{margin-left: 15px !important;}
 .formcontainer{margin-right: 15px !important;}
 .prevPostLink, .nextPostLink, .umail, .email, .diary, .profile, .addToQuote, .subscribe, .comments, .quote_post {background:url("картинка ссылок") no-repeat;2px 3px no-repeat; padding:0 0 0 20px !important; height:28px;}
 .postTitle {background:url("картинка заголовков постов");!important;}
 #epigraph .postTitle { background-image:none !important }
 #thisDiaryPhoto { background: url('картинка фото') no-repeat; height:250px; width: 200px; !important; position:relative; left: 28px;bottom: -30px !important;}
 #thisDiaryPhoto {display:block !important;}

Табличный. Справа

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

Цвет текста
заголовка #286115
записи #0b0b0b
ссылки #286115
оффтопика #8994c2

Экстратроп

Экстработом

Эпиграф

Общее поле

Меню

Для ссылок

Для заголовков постов

Фото


Это пример дизайна средней сложности.

@темы: Дизайны, Medium, CSS