diaryCSS | воскресенье, 01 сентября 2013

Доброго времени суток!
Решено.~~Интересует возможность прикрепления элемента дизайна непосредственно к блоку меню, что бы было вот так:~~

~~потому что на данный момент этот кусок "ездит" вместе с основным блоком по мере перемотки блога:~~

Сам код, конечно же:

html, body {margin: 0 !important; padding: 0 !important; background-attachment:fixed; }
 body {background: url('/userdir/3/9/7/7/397732/79332353.jpg') repeat; background-attachment:fixed;}
 .urlLink, .order_button, #topNav, #bottomNav, .urlLink, #upInChart, #photolibLink, #YaSearch, #authorAlbum, #albumLink, #myProfileLink, #diarySpiritLink, #diarySupportLink, #faqLink {display: none !important; }
 #wrapper{min-width:850px!important;width:800margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 .singlePost, .singleComment, #epigraph, #msg_form, #JournalCalendar #page-t, #JournalLinks #page-t, #pageBar {background: #ffffff;) ; -moz-border-radius: 20 border-radius: 20 padding: 10px 20 margin: 40px 0; }
 #formcontainer {border: 2px solid #F6FFD4; }
 #side {border: 5px solid #fff; width:250px !important;margin:0 !important; border-radius: 20 -moz-border-radius: 20 -webkit-border-radius: 20 -o-border-radius: 20px!important; }
 .singlePost, .singleComment, #epigraph, #msg_form, #JournalCalendar #page-t, #JournalLinks #page-t, #pageBar {background: url('/userdir/3/9/7/7/397732/79337317.png') ; }
 #side, .header span {font-family:Mistral !important; font-size:15pt !important; color: #38200f !important; text-align:center;}
 .header span { color: #C0C793 !important; }
 .postDate {font-family:Mistral !important; font-size:14pt !important; color: #8E6037 !important; }
 .offtop {font-family:Mistral !important; font-size:14pt !important; }
 #side {width:640 margin-top:165px !important; width:170px !important;}
 #page-c{ width:640px !important;padding:0 !important;padding:0 !important; margin-top: -30}
 #page-t {margin:0 !important}
 .paragraph img { -webkit-border-radius: 15 -moz-border-radius: 15 -o-border-radius: 15 border-radius: 15 display: liner; max-width: 500}
 .countFirst .postTitle, .countSecond .postTitle {border-bottom: 1px #E8E4D8 dashed; padding: 20px 0; }
 .postLinksBackg {border-top: 1px #E8E4D8 dashed; padding: 20px 0; }
 a, a:hover {text-decoration: none !important; }
 #side{position:fixed}
 .avatar img {max-width: 90 border-radius: 10 -moz-border-radius: 10 -webkit-border-radius: 10 -o-border-radius: 10px!important; }
 #side h1{ font-size:28pt !important; }
 #authorName { font-size:20pt !important; color: #C7C595; }
 .sign { max-width: 90 font-size: 8 color: #C5CAA2;}
 .quote_text {color: #8E6037 !important; display: block; border: 1px dashed #8E6037; padding: 10 -moz-border-radius: 7 border-radius: 7 margin-left:-10px !important; font-size:7pt; }
 {--------------------картинки--------------------}
 .comments {background: url('/userdir/3/9/7/7/397732/77764860.png') no-repeat; padding:0 0 0 18px !important; display:block; height:17 }
 .comments {background: url('/userdir/3/9/7/7/397732/77764860.png') no-repeat; padding:0 0 0 18px !important; display:block; height:32 }
 .subscribe {background: url('/userdir/3/9/7/7/397732/77764872.png') no-repeat; padding:0 0 0 18px !important; display:block; height:24 }
 .addToQuote {background: url('/userdir/3/9/7/7/397732/77764807.png') no-repeat; padding:0 0 0 18px !important; display:block; height:24 }
 .quote_post {background: url('/userdir/3/9/7/7/397732/77764868.png') no-repeat; padding:0 0 0 18px !important; display:block; height:24 }
 {--------------------дополнительно--------------------}
 #add_block1 { background: url('/userdir/3/9/7/7/397732/79333575.png') no-repeat; position:absolute;left:50%; margin-left:-890px !important ; position:absolute; top:260 padding:1 !important; width:510 height:500}
 #add_block2{ background: url('/userdir/3/9/7/7/397732/79333198.png') no-repeat; position:absolute;left:50%; width:400 height: 160 z-index: 1; right: 200 margin-top:-145px !important; margin-left:-350px !important ; }
 #add_block3{ background: url('/userdir/3/9/7/7/397732/79333223.png') no-repeat; position:absolute;left:50%; width:400 height: 160 z-index: 1; right: 200 margin-top:-140px !important; margin-left:414px !important ; }
 #add_block4{ background: url('/userdir/3/9/7/7/397732/79333289.png') no-repeat; position:absolute;left:50%; width:200 height: 80 z-index: 1; right: 200 margin-top:-40px !important; margin-left 410px !important ; }

Подскажите, есть код что бы картинки при просмотре избранного не выходили за грани блога, а автоматически масштабировались скажем в определенный размер?

Дизайн

меню

основные блоки

платный сервис

Смотрите также