Design: Koi

[;mars]

Design: Koi
2 варианта
Адаптация под дайри. Исходник - http://themify.me/demo/#theme=koi

НАСТРОЙКИ-ЭПИГРАФ СПРАВА

 body { background:url('КАРТИНКА1') 50% 0 no-repeat, url('КАРТИНКА2') 50% 100% no-repeat, url('КАРТИНКА3'); color: #453320;}
 #wrapper { width: 978px; padding-bottom:250px; margin-top:30px; background: url('КАРТИНКА4') 0px 70px no-repeat;}
.top #side ul { background: url('КАРТИНКА5') 1px 1px no-repeat, #3C4144; min-width:180px; color:#FFF; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.196);}
 #login_change { background: url('КАРТИНКА5') no-repeat, #3C4144; min-width:180px; color:#FFF; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.196); border-color:transparent; z-index:1000}
 .postLinksBackg { background:url('КАРТИНКА6')50% 70% no-repeat; padding-bottom:40px;}
 {-----------------------}
 #page-c { width: 662px; position:relative; top:150px;}
 #page-t { width: 600px; padding-left:70px}
 a { color: #70604C;}
 a:hover { text-decoration:none; color:#9A8770}
 b { font-weight:400;}
 {-----------------------}
 .top #side h1 a { color: #6C5C46!important; font: small-caps 34px "Georgia", "Times New Roman", "Times", serif !important; letter-spacing: -0.05em;}
 .top #side h1 {position:absolute; top:-90px;}
 .top #thisDiaryInfo { width: 978px; position: absolute!important; top: -60px!important; left: 0px!important; display: block!important;}
 #thisDiaryPhoto { display:none!important;}
 .top #authorName {font-size:15px; font-style:italic; font-weight: 400!important; text-align: left!important; float: none!important; display:block; font: italic 14px/1em "Georgia", "Times New Roman", "Times", serif; color: #6C5C46!important;}
 .top #side {position:relative; top:145px;}
 .top .menuSection_title, #iAmQuit a {font: small-caps 20px "Georgia", "Times New Roman", "Times", serif !important; color:#000!important;}
 .top #side ul li { padding:3px 10px;}
 #side a { color: #F2EDC1; font: 14px "Georgia", "Times New Roman", "Times", serif;}
 #side a:hover { color:#FFF;}
 #TagsList ul { width:auto!important; padding-right:20px!important;}
 #YaSearch { position:relative; margin-top:30px; left:700px; z-index:100}
 #YaSearchForm #yaquery { background:#FFF; height:20px;}
 input.submit { background: #E6E6E6; border: 1px solid #999999; color: #666666; font: 90% "Georgia"; height:22px; position:relative; left:-5px;}
 #YaSearchForm, #epigraph { width:250px!important;}
 #pchs, #myLinks, #lastComments { display:none;}
 {-----------------------}
 #epigraph { border-top: 4px double #B09370; border-bottom: 4px double #B09370; position:absolute; top:70px; left:700px;}
 #bottomNav { margin-top: 220px; position: absolute; width: 670px;}
 #Stats { display:none;}
 img { max-width:590px}
 .postDate, .countSecond .postDate {display:block; margin-left:-157px; width:140px; font-size: 15px; font-weight: 700; font-family:"Georgia"; position:absolute; color: #453320;}
 .postDate:hover, .countSecond .postDate:hover, .header:hover { color:#E50000;}
 .header {color: #453320; font: 700 1.8em/1em "Georgia", "Times New Roman", "Times", serif; letter-spacing: -0.04em;}
 .avatar img {height:60px; width:60px; padding:5px; background: #EDEDED; border: 1px solid #DBDBDB;}
 .authorName { left: 150px; position: absolute; font: 20px "Georgia"; padding: 12px 5px 5px; z-index:1;}
 .authorName strong { font-weight: 100;}
 .paragraph { margin-left: 0px;}
 .commentAuthor { min-height: 60px;width: 550px;}
 .commentAuthor div { width: 550px;}
 .sign { left: 80px;position: absolute; top: 35px;}
 .communityName { padding: 5px;}
 .postLinksBackg a { font:13px "Georgia";}
 .pageBar strong { font-size: 200%; background: #70604C; border-radius: 10em; color: #FFFFFF!important; padding:0px 7px}
 .pageBar td { padding: 10px;}
 span.quote_text { display:block; border-bottom: 5px solid #000000; color: #000; font: 1.25em "Georgia"; margin: 0px; padding: 10px 0px; }
 .blockquote { padding-left: 0;}

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

НАСТРОЙКИ-ЭПИГРАФ ВВЕРХУ

body { background:url('КАРТИНКА1') 50% 0 no-repeat, url('КАРТИНКА2') 50% 100% no-repeat, url('КАРТИНКА3'); color: #453320;}
 #wrapper { width: 978px; padding-bottom:250px; margin-top:30px; background: url('КАРТИНКА4') 0px 70px no-repeat;}
.top #side ul { background: url('КАРТИНКА5') 1px 1px no-repeat, #3C4144; min-width:180px; color:#FFF; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.196);}
 #login_change { background: url('КАРТИНКА5') no-repeat, #3C4144; min-width:180px; color:#FFF; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.196); border-color:transparent; z-index:1000}
 .postLinksBackg { background:url('КАРТИНКА6')50% 70% no-repeat; padding-bottom:40px;}
 {-----------------------}
 #page-c { width: 840px; position:relative; top:150px;}
 #page-t { width: 840px; padding-left:70px}
 a { color: #70604C;}
 a:hover { text-decoration:none; color:#9A8770}
 b { font-weight:400;}
 {-----------------------}
 .top #side h1 a { color: #6C5C46!important; font: small-caps 34px "Georgia", "Times New Roman", "Times", serif !important; letter-spacing: -0.05em;}
 .top #side h1 {position:absolute; top:-90px;}
 .top #thisDiaryInfo { width: 978px; position: absolute!important; top: -60px!important; left: 0px!important; display: block!important;}
 #thisDiaryPhoto { display:none!important;}
 .top #authorName {font-size:15px; font-style:italic; font-weight: 400!important; text-align: left!important; float: none!important; display:block; font: italic 14px/1em "Georgia", "Times New Roman", "Times", serif; color: #6C5C46!important;}
 .top #side {position:relative; top:145px;}
 .top .menuSection_title, #iAmQuit a {font: small-caps 20px "Georgia", "Times New Roman", "Times", serif !important; color:#000!important;}
 #TagsList ul { width:auto!important; padding-right:20px!important;}
 .top #side ul li { padding:3px 10px;}
 #side a { color: #F2EDC1; font: 14px "Georgia", "Times New Roman", "Times", serif;}
 #side a:hover { color:#FFF;}
 #YaSearch, #pchs, #myLinks, #lastComments { display:none;}
 {-----------------------}
 #bottomNav { margin-top: 220px; position: absolute; width: 670px;}
 #Stats { display:none;}
 img { max-width:830px}
 .postDate, .countSecond .postDate {display:block; margin-left:-157px; width:140px; font-size: 15px; font-weight: 700; font-family:"Georgia"; position:absolute; color: #453320;}
 .postDate:hover, .countSecond .postDate:hover, .header:hover { color:#E50000;}
 .header {color: #453320; font: 700 1.8em/1em "Georgia", "Times New Roman", "Times", serif; letter-spacing: -0.04em;}
 .avatar img {height:60px; width:60px; padding:5px; background: #EDEDED; border: 1px solid #DBDBDB;}
 .authorName { left: 150px; position: absolute; font: 20px "Georgia"; padding: 12px 5px 5px; z-index:1;}
 .authorName strong { font-weight: 100;}
 .paragraph { margin-left: 0px;}
 .commentAuthor { min-height: 60px;width: 550px;}
 .commentAuthor div { width: 550px;}
 .sign { left: 80px;position: absolute; top: 35px;}
 .communityName { padding: 5px;}
 .postLinksBackg a { font:13px "Georgia";}
 .pageBar strong { font-size: 200%; background: #70604C; border-radius: 10em; color: #FFFFFF!important; padding:0px 7px}
 .pageBar td { padding: 10px;}
 span.quote_text { display:block; border-bottom: 5px solid #000000; color: #000; font: 1.25em "Georgia"; margin: 0px; padding: 10px 0px; }
 .blockquote { padding-left: 0;}

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


КАРТИНКА1 www.10pix.ru/img1/4180/7170152.gif
КАРТИНКА2 www.10pix.ru/img1/3828/7170144.gif
КАРТИНКА3 www.10pix.ru/img1/519723/7170149.jpg
КАРТИНКА4 www.10pix.ru/img1/3860/7170146.gif
КАРТИНКА5 www.10pix.ru/img1/500456/7170143.png
КАРТИНКА6 10pix.ru/img1/4887/7170962.png

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

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

Цвет текста:
ссылки, записи #453320

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

@темы: css, design

Comments

[В жопу раненая Рысь]

а если на заказ - сколько будет стоить?)))

[;mars]

Sevirin, бесплатно, но со сроками все туманно, если понравятся исходники - то конечно быстро

[В жопу раненая Рысь]

с исходниками у меня кисло =( мне ваши оч понравились, просто хотелось бы зеленую гамму -__-

[;mars]

эм, а тематика весеняя, и какой именно зеленый?

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

[В жопу раненая Рысь]

пэнт для меня недостижимая высота. тут все очень плохо увы)))

мне очень понравился по исполнению макет в японском стиле. я имею ввиду - положение меню и все такое.

я картинки поищу и попытаюсь выразить это словами, как смогу. договоримся - так договоримся, нет так нет)))

[;mars]

схематично кружочками-палочками, думала всякий может, но ладно х)

буду ждать

[В жопу раненая Рысь]

хм, решила поставить этот - категорически не ставится ><

[;mars]

Оо а в чем проблема? у меня он все идеально было
каринки в БИ загрузила?

[В жопу раненая Рысь]

кажется я поняла - код для эпиграф сверху - у меня вылезает меня слева, а его по идее вообще не должно быть видно, поэтому картинки все съезжают

[;mars]

а можно как-нибудь у тебя в дневнике это увидеть?

[В жопу раненая Рысь]

в общем - картнки категирически не грузятся.

я тут подумала - может это из-за того, что я сижу через оперу? Оо

[;mars]

у меня основной браузер тоже опера, и все идеально Оо

в смысле, даже не открываются?

[;mars]

можно хотя бы скриншот? а то очень сложно сто-либо говорить не видя

[В жопу раненая Рысь]

может я тогда пароль дам и глянешь воочию? а о мне сложно будет показать - картинки просто пропадают.

[;mars]

ух. ладно, давай так

[В жопу раненая Рысь]

окей

Sevirin Solace86 пароль

а мы сможем одновременно сидеть?

[;mars]

без понятия Оо вроде бы да

[;mars]

неа, видимо не можем

[В жопу раненая Рысь]

ну тогда - пожалуйста)))

я всю библиотеку удалила, вдруг с кодами что не так

[В жопу раненая Рысь]

ну тогда я пошла, через полчасика зайду

[;mars]

готово

[В жопу раненая Рысь]

огромное спасибо!

скажи, что я делала не так?

[;mars]

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

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

[В жопу раненая Рысь]

дык в том то и дело - я перезагружала. даже комп, даже кэши почистила)))

[;mars]

черт. тогда я не знаю и вообще ничего не понимаю, извини