№1378.

[Ai_Yamaneko]

Простенький и без наворотов =)



При использовании дизайна просьба ставить баннер сообщества
— Установить автоматически —

Настройки

диз блочный, меню слева
заголовок #e47f53
ссылки #bb4715
записи #575758
офф #999
фон дневника #f4eedf
остальное #

КАРТИНКИ

 {---------------------------------------------------КАРТИНКИ----------------------------------------------------}
 ///// {-------------1------------} .pages_str td[align="right"] a, .pages_str td[align="left"] a {background: url('СТРЕЛКИ') no-repeat;}
 ///// {-------------2------------} #add_block3 { position:fixed; width:1px; left:0%; top:0px; background: url('ЛИНИЯ-1') repeat-y top left; height: 100%; margin-left: 245px;z-index: 0;}
 ///// {-------------3------------} #epigraph {background: url('ЭПИГРАФ') no-repeat 0px 25px; padding-left: 180px!important; min-height: 160px; }
 ///// {-------------4------------} #Journal .countFirst .header, #JournalComments .countSecond .header {background: url('ОРАНЖ_ЗАГОЛОВОК') no-repeat center left;}
 ///// {-------------5------------} #Journal .countSecond .header, #JournalComments .countFirst .header {background: url('ГОЛ_ЗАГОЛОВОК') no-repeat center left;}
 ///// {-------------6------------}  .header span {background: url('ВРЕМЯ') no-repeat; height: 25px; padding: 0px 0 0px 23px;}
 ///// {-------------7------------} .postLinksBackg {background: url('ЛИНИЯ-2') repeat-x top left;}
 ///// {-------------8------------} .atMusic, .atMood {background: url('ИКОНКИ') no-repeat top left; height: 20px; padding-left: 15px;}
 ///// {-------------9------------}  #side{padding: 0px 0 0 44px!important; height: 45px!important;overflow:hidden; width: 0px;background:url('МЕНЮ') no-repeat 5px 5px; margin-top: 40px; position: relative; z-index: 20; left: -5px; text-align: center!important;color: #e47f53!important;}
 ///// {-------------10------------} #YaSearchForm input.submit {background: url('ПОИСК') 0px 0px no-repeat!important; width:22px !important; height:22px!important; -moz-opacity:.99 !important;opacity:.99 !important; filter:alpha(opacity=99); !important; margin-top:2px; margin-left:5px!important; font-size:0;border: none!important;}
 {---------------------------------------------------------------------}
 {---------------------------------------------------------------------}
 {---------------------------------------------------------------------}
 {---------------------------------------------------------------------}
 body {padding: 0px!important;overflow-x: auto!important;}
 #Journal img { max-width: 80%!important; }
 .paragraph img { max-width: 70% !important; }
 .avatar img {border: 1px solid #e47f53!important; }
 #Journal .blockquote img {max-width: 60%!important;}
 .blockquote img {max-width: 50%!important;}
 a:hover {color: #575758; text-decoration: none!important;transition: all 0.3s ease-out 0.0s;}
 .postContent {overflow-x: auto!important;}
 .text, #message {border:1px solid #e47f53!important;padding: 5px!important;width: 90% !important;}
 .submit {padding: 5px!important;background:#eca484!important;}
 .submit:hover {padding: 5px!important;background:#e47f53!important;}
 #Journal .countSecond .quote_text, #JournalComments .countFirst .quote_text {color: #484646; display: block; padding: 10px; margin: 0 30px 0 80px; border: 1px solid #b2cbcb; position: relative;}
 #Journal .countSecond .quote_text:before, #JournalComments .countFirst .quote_text:before {content: "ЦИТАТА:";font: normal 20px Impact;color: #b2cbcb!important; position: absolute; left: -80px; top: -5px;}
 #Journal .countFirst .quote_text, #JournalComments .countSecond .quote_text {color: #484646; display: block; padding: 10px; margin: 0 30px 0 80px; border: 1px solid #E47F53; position: relative;}
 #Journal .countFirst .quote_text:before, #JournalComments .countSecond .quote_text:before {content: "ЦИТАТА:";font: normal 20px Impact;color: #e47f53!important; position: absolute; left: -80px; top: -5px;}
 {-----------------------------------------------------------------------------------}
 {------------------------------------POSTS---------------------------------------}
 #wrapper {width: 99%!important; position: relative; }
 #add_block1 { position:fixed; width:45px; left:0%; top:0px; background: #e47f53; height: 100%; margin-left: 0px; z-index: -1;}
 #add_block2 { position:fixed; width:190px; left:0%; top:0px; background: #f4eedf; height: 100%; margin-left: 45px; z-index: -1;}
 #page-c {margin-right: -5px!important; }
 #postsArea,#addCommentArea, #commentsArea {padding: 10px 25px 25px 25px;}
 #commentsArea .postTitle.header span{left: -135px!important; position: absolute; width: 160px;}
 .singleComment {position: relative;}
 #epigraph.singlePost {margin-bottom: 10px!important;}
 .countFirst .header, .countSecond .header {padding: 0px 0 0px 75px!important; left: -76px!important; width: 675px; height: 55px; vertical-align: middle!important;display: table-cell; position: relative; z-index: 3;}
 .header h2 {line-height: 0.9; color: #ffffff;}
 .postContent {margin-top: 20px!important; min-height: 170px;}
 .singlePost {margin-bottom: 30px!important; position: relative;}
 .postDate {position: absolute; left: -185px; top: 70px; width: 150px; font: normal 20px Impact;text-transform: uppercase; line-height: 1.1; text-align: left;}
 #Journal .countSecond .postDate, #Journal .countSecond .header span, #JournalComments .countFirst .postDate, #JournalComments .countFirst .header span {color: #b2cbcb!important; }
 #Journal .countFirst .postDate, #Journal .countFirst .header span, #JournalComments .countSecond .postDate, #JournalComments .countSecond .header span {color: #e47f53!important; }
 .header span {position: absolute; left: -110px; top: 110px; font: normal 20px Impact;text-transform: uppercase;}
 #Journal .countSecond .header span, #JournalComments .countFirst .header span {background-position: 0 -39px;}
 #Journal .countFirst .header span, #JournalComments .countSecond .header span {background-position: 0 4px;}
 .postLinksBackg {width: 140px; text-align: right!important; position :absolute; top: 150px; left: -200px; padding: 10px 0 0 20px!important;}
 .postLinksBackg ul li{display: inline-block;text-align: right!important; font: normal 15px Courier New; color: #636363!important; text-transform: uppercase;}
 .postLinksBackg a {color: #636363!important;}
 .postLinksBackg a:hover, #Journal .comments_count_link a:hover:first-child {color: #bb4715!important;}
 .comments_count_link a:first-child {font: normal 15px Courier New; color: #636363!important; display: block !important; overflow: visible; text-decoration: none!important; float: left; margin-right: 5px; }
 .comments_count_link { font-size: 0 !important; float: left; }
 .atMusic {background-position: 0 2px; }
 .atMood {background-position: 0 -33px;}
 .atMood em, .atMusic em {font: normal 18px Courier New!important; color: #3b3b3b; font-style: normal!important;}
 .atTag em { color: #f4eedf; font-style: normal!important; }
 .atTag em a {text-decoration: none;color: #3b3b3b;font: normal 18px Courier New!important;}
 #Journal .countFirst .atTag em a:hover, #JournalComments .countSecond .atTag em a:hover {text-decoration: none;color: #e47f53; display: inline-block; font-style: italic!important; font-weight: bold!important; font-family:Times New Roman;}
 #Journal .countSecond .atTag em a:hover, #JournalComments .countFirst .atTag em a:hover {text-decoration: none;color: #b2cbcb; display: inline-block; font-style: italic!important; font-weight: bold!important; font-family:Times New Roman;}
 .atTag {margin-top: 3px;}
 .pages_str td[align="right"] a{display:block; width:15px; height:20px; line-height:800px; overflow:hidden; background-position: 0 -30px; position: relative; top: 25px; left: 35px; font-size: 0px!important; background-color: #f4eedf!important;}
 .pages_str td[align="left"] a {display:block; width:15px; height:20px; line-height:800px; overflow:hidden; background-position: 0 0; position: relative; top: 32px; left: -25px; font-size: 0px!important;background-color: #f4eedf!important;}
 #pageBar a{ color: #e47f53; line-height:30px;font: normal 20px Impact; text-align: center; padding:2px 4px 2px 4px; }
 .pageBar strong, #pageBar a:hover { color: #fff!important;text-align: center; line-height:30px; visibility: visible; background-color: #b2cbcb;font: normal 20px Impact; padding:2px 4px 2px 4px;}
 .authorName, .communityName {padding-top: 10px!important; }
 {-----------------------------------------------------------------------------------}
 {------------------------------------SIDE---------------------------------------}
 #side .bordered {padding-top: 0!important;}
 #side:hover {padding: 0px 0 0 50px!important; width: 185px; height: 100%;overflow:visible; }
 #side:hover:before { content: ''; position: fixed; top: 0; left: 45px; width: 199px; height: 100%; background: #f9f5ec; z-index: -4; }
 .menuSection_title {display: block; text-align: center!important;}
 #side .menuSection {z-index: 20!important; position: relative;}
 #authorName, #side h1 a {font: normal 20px Impact!important; color: #e47f53!important;text-transform: uppercase; }
 #YaSearchForm{display:block !important;visibility: visible!important; }
 #YaSearchForm #yaquery { height: 12px;width: 120px; padding-left: 10px;border: 1px solid #e47f53!important; border-radius: 50px; margin-left: -5px;}
 #thisDiaryPhoto img {border: 1px solid #e47f53!important; }
 #side ul a {font: italic 15px Times New Roman!important; color: #e47f53!important;}
 #side ul a:hover {font: italic 15px Times New Roman!important; color: #575758!important;}
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul {text-align: left!important; }
 #Stats {margin-top: 0px;}
 #thisDiaryOwner_title b, #myDiaryLinks_title b, #globalLinks_title b, #myLinks_title b, #Stats a{font: normal 25px Courier New!important; color: #e47f53!important;text-transform: uppercase;white-space: nowrap;letter-spacing: -0.08em!important;}
 #thisDiaryOwner, #myDiaryLinks, #globalLinks, #myLinks{padding: 0 0 0 0px!important; height: 25px;overflow:hidden;}
 #thisDiaryOwner:hover, #myDiaryLinks:hover, #globalLinks:hover,#myLinks:hover {height: 100%;overflow: visible;padding: 0 0 0 0px!important; }
 .menuSection ul { padding: 10px 0 0 0!important; width: 155px!important;}
 {----------------------------------------------------------------------------}
 {----------------------------------NONE-----------------------------------}
 .order_button, .prevNextLinks, .Attention, #lastComments, #thisDiaryLinks, #myLinks, #headlineList, #sortOrder, #Stats a+a, .urlLink, #epigraph .postLinksBackg, .atMusic span, .atMood span, .atTag span, #YaSearch_title,#YaSearchForm_title{display: none !important;}
 

P.S. Я все еще занимаюсь дизайнами CSS на заказ. Все подробности здесь

Comments

[Ms. Anitha]

Непонятно где взять картинку Страницы, ибо в коде она есть, а в картинках нет.
И куда вставлять картинки меню, поиск и стрелки.
Убей не смогла найти в коде ничего подобного.

[Ms. Anitha]

Пардон, поиск и меню нашла))

[La mignonne]

Ms. Anitha, страницы = стрелки, поправила в коде

[Ms. Anitha]

О, спасибо! Понравился дизайн, но после мучений почему-то отсутствуют картинки в дизе. Код видоизменяется и даже не видно, где они должны были быть. Но ссылок на картинки нет.

[La mignonne]

Ms. Anitha, если картинок не видно, значит Вы их неправильно вставляете)

[Ai_Yamaneko]

Ms. Anitha, спасибо. Все картинки нужно заливать только в БИ. Ссылка вставляется только в таком формате

/userdir/1/8/9/5/1895947/******.png

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

[Ms. Anitha]

Из облака нельзя? ((

[Ai_Yamaneko]

Ms. Anitha, нет, если бы можно было, то пользователи бы не мучились уменьшая размеры картинок)

[Ms. Anitha]

Ясно. Спасибо за ликбез)) Сто лет вручную не устанавливала дизы))

[Ai_Yamaneko]

Ms. Anitha, бывает

[Ester Calhoun]

Красиво)) чуть-чуть бы официознее и я бы внаглую сперла на свой дневник)

[Ai_Yamaneko]

Ester Calhoun, хаха. спасибо, но как-то не решилась на официоз)

[iva___nova]

очень милый дизайн.
если бы еще устанавливался автоматически - цены бы ему не было)

[La mignonne]

marusska,

если бы еще устанавливался автоматически - цены бы ему не было)

сейчас добавим ссылку на автоустановку

[iva___nova]

La mignonne, о, как здорово! большое спасибо

[La mignonne]

marusska, готово)

[Orla_Dark]

красиво и стильно вышло

[Ai_Yamaneko]

marusska, Orla_Dark, спасибо =)

[Erin ~]

Красивый дизайн, вы молодец!
Только, если смотреть по скриншоту, цвет фона цветочка не совпадает с цветом фона страницы.

[Mrs. Emily Delahunty]

Спасибо, взяла поносить).

[Ai_Yamaneko]

Erin ~, Mrs. Emily Delahunty, спасибо =)

Только, если смотреть по скриншоту, цвет фона цветочка не совпадает с цветом фона страницы.

может быть фш так сделал, потому что когда собирала скрины он немного ярче и насыщенные цвета сделал, потому так отличается. а если нет, то можно подогнать под фон цветка )

[Waconera]

Спасибо, взяла)

[*ЭльфА]

взяла попробовать, спасибо!