@CSS — стилизация дневников — Дайри (бывший Diary.ru)

пятница, 17 июня 2011

06:13

все записи пользователя в сообществе manhattan.

Siamo fatti della stessa sostanza dei sogni

доброе утро, уважаемые знатоки!)

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

напишите, если можете помочь, если нужно, скину полностью код.

враппер прописан так: #wrapper{ width:100%; min-width: 785px !important; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; position: relative;}

грасиас))

@темы: основные блоки, Дизайн

URL

четверг, 16 июня 2011

23:07

все записи пользователя в сообществе Mery_Key

Я здесь в первый раз.. где вообще можно создавать темы для дневников , совершенно неичегго не понимаю, помогите!!
Я подключила СSS aa поможешь?

URL

понедельник, 13 июня 2011

20:23

все записи пользователя в сообществе eins zwei drei

Ничего личного

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

Что делать?

@темы: основные блоки

URL

17:23

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

Здравствуйте!
Подскажите пожалуйста, как задать обводку текста?

URL

13:47

Help me, please

все записи пользователя в сообществе Radionova

Космический котик

Помогите, пожалуйста, поправить код)) Я понимаю, что эта фраза после ребилда дневников уже вызывает нервную улыбку, но все же. Дело в том, что код писала не я, и очень давно в нем разбиралась. И проблема, в общем-то, не сложная, на 2-3 строки решения. Вот она:

Красным отмечены проблемы, и очень хотелось бы:
- поставить на место два пункта из правой колонки меню (до ребилда они стояли симметрично с левой колонкой)
- блок с текстом и комментариями вернуть на центр страницы.
Какую часть кода вставить не знаю, потому вставляю весь:

body.top { padding: 0; }
 .top a {outline: none;}
 .top #wrapper { position: relative; margin: 0 auto; width: 900px; }
 .top #extratop { display: none; }
 .top #side { display: block; float: none; overflow: hidden; margin: 0; height: 540px; width: 100%; background: url('/userdir/5/0/5/8/505889/57044765.jpg') no-repeat 0 10px; }
 .top #side .bordered { margin: 0; border-style: none; padding: 0; height: 540px; width: 100%; }
 .top #side h1 { position: absolute; top: 247px; right: 70px; margin: 0; padding: 0; width: 317px; line-height: 0; font-size: 0; text-indent: -9999px; }
 .top #side h1 a { display: block; height: 75px; background: url('/userdir/5/0/5/8/505889/56908778.png') no-repeat; }
 .top #side h1 a:hover { background: url('/userdir/5/0/5/8/505889/56908838.png') no-repeat; }
 .top.block_design #thisDiaryInfo { position: absolute; top: 246px; left: 21px; right: auto; margin: 0; padding: 0; width: 107px; }
 .top #thisDiaryInfo #authorName { display: block; float: none; padding: 0; height: 75px; background: url('/userdir/5/0/5/8/505889/56908550.png') no-repeat; }
 .top #thisDiaryInfo #authorName:hover { background: url('/userdir/5/0/5/8/505889/56908433.png') no-repeat; }
 .top #thisDiaryInfo #authorName span {display: none;}
 .top #myDiaryLinks, .top #globalLinks, .top #thisDiaryLinks, .top #thisDiaryOwner { position: absolute; margin: 0; padding: 0; }
 .top #myDiaryLinks { top: 351px; left: 147px; width: 103px; }
 .top #globalLinks { top: 393px; left: 121px; width: 137px; }
 .top #thisDiaryLinks { top: 437px; left: 100px; width: 150px; }
 .top #thisDiaryOwner { top: 479px; left: 151px; width: 100px; }
 .top #myDiaryLinks #myDiaryLinks_title, .top #globalLinks #globalLinks_title, .top #thisDiaryLinks #thisDiaryLinks_title, .top #thisDiaryOwner #thisDiaryOwner_title { display: block; position: static; top: auto; left: auto; margin: 0; padding: 0; width: auto; }
 .top #myDiaryLinks #myDiaryLinks_title { height: 55px; background: url('/userdir/5/0/5/8/505889/56909420.png') no-repeat; }
 .top #globalLinks #globalLinks_title { height: 47px; background: url('/userdir/5/0/5/8/505889/56909228.png') no-repeat; }
 .top #thisDiaryLinks #thisDiaryLinks_title { height: 48px; background: url('/userdir/5/0/5/8/505889/56909663.png') no-repeat; }
 .top #thisDiaryOwner #thisDiaryOwner_title { height: 43px; background: url('/userdir/5/0/5/8/505889/56914082.png') no-repeat; }
 .top #myDiaryLinks:hover #myDiaryLinks_title {background: url('/userdir/5/0/5/8/505889/56909423.png') no-repeat;}
 .top #globalLinks:hover #globalLinks_title {background: url('/userdir/5/0/5/8/505889/56909231.png') no-repeat;}
 .top #thisDiaryLinks:hover #thisDiaryLinks_title {background: url('/userdir/5/0/5/8/505889/56909672.png') no-repeat;}
 .top #thisDiaryOwner:hover #thisDiaryOwner_title {background: url('/userdir/5/0/5/8/505889/56914088.png') no-repeat;}
 .top #myDiaryLinks_title b, .top #globalLinks_title b, .top #thisDiaryLinks_title b, .top #thisDiaryOwner_title b {display: none;}
 .top #myDiaryLinks div, .top #globalLinks div, .top #thisDiaryLinks div, .top #thisDiaryOwner div { display: none; position: absolute; overflow: hidden; padding: 18px 0 8px 39px; height: 153px; width: 331px; }
 .top #myDiaryLinks div { top: 0; left: 100px; }
 .top #globalLinks div { top: -42px; left: 126px; }
 .top #thisDiaryLinks div { top: -86px; left: 147px; }
 .top #thisDiaryOwner div { top: -128px; left: 96px; }
 .top #myDiaryLinks:hover div, .top #globalLinks:hover div, .top #thisDiaryLinks:hover div, .top #thisDiaryOwner:hover div { display: block; }
 .top #myDiaryLinks div ul, .top #globalLinks div ul, .top #thisDiaryLinks div ul, .top #thisDiaryOwner div ul { display: block; position: static; margin: 0 !important; padding: 0 !important; width: 100%; }
 .top #myDiaryLinks div ul li, .top #globalLinks div ul li, .top #thisDiaryLinks div ul li, .top #thisDiaryOwner div ul li { overflow: hidden; width: 100%; line-height: 18px; font-size: 14px; letter-spacing: 1px; }
 .top #myDiaryLinks div ul li a, .top #globalLinks div ul li a, .top #thisDiaryLinks div ul li a, .top #thisDiaryOwner div ul li a { float: left; margin: -2px 0 0; padding: 0 0 10px 15px; color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top #myDiaryLinks div ul li a:hover, .top #globalLinks div ul li a:hover, .top #thisDiaryLinks div ul li a:hover, .top #thisDiaryOwner div ul li a:hover { text-decoration: none; color: #5E5D56; text-shadow: 0 0 3px #5E5D56; background: url('/userdir/5/0/5/8/505889/56969804.gif') no-repeat 0 100%; }
 .top #myDiaryLinks div ul li a b, .top #globalLinks div ul li a b, .top #thisDiaryLinks div ul li a b, .top #thisDiaryOwner div ul li a b {font-weight: normal;}
 .top #myDiaryLinks #myQuotLink, .top #myDiaryLinks #discussionLink, .top #myDiaryLinks #albumLink, .top #myDiaryLinks #myProfileLink, .top #myDiaryLinks #optionsLink, .top #myDiaryLinks #photolibLink, .top #globalLinks #randomDiaryLink, .top #globalLinks #diarySpiritLink, .top #globalLinks #diarySupportLink, .top #globalLinks #faqLink, .top #globalLinks #iAmQuit { position: absolute; top: 18px; right: 0; text-align: right; width: 150px; }
 .top #globalLinks #randomDiaryLink, .top #globalLinks #diarySpiritLink, .top #globalLinks #diarySupportLink, .top #globalLinks #faqLink, .top #globalLinks #iAmQuit {width: 175px;}
 .top #myDiaryLinks #photolibLink {width: 220px;}
 .top #myDiaryLinks #discussionLink {width: 137px;}
 .top #myDiaryLinks div ul #myQuotLink a, .top #myDiaryLinks div ul #discussionLink a, .top #myDiaryLinks div ul #albumLink a, .top #myDiaryLinks div ul #myProfileLink a, .top #myDiaryLinks div ul #optionsLink a, .top #myDiaryLinks div ul #photolibLink a, .top #globalLinks div ul #randomDiaryLink a, .top #globalLinks div ul #diarySpiritLink a, .top #globalLinks div ul #diarySupportLink a, .top #globalLinks div ul #faqLink a, .top #globalLinks div ul #iAmQuit a { float: right; padding: 0 15px 10px 0; }
 .top #globalLinks div ul #diarySpiritLink a {content: '@diary: изнутри';}
 .top #myDiaryLinks div ul #myQuotLink a:hover, .top #myDiaryLinks div ul #discussionLink a:hover, .top #myDiaryLinks div ul #albumLink a:hover, .top #myDiaryLinks div ul #myProfileLink a:hover, .top #myDiaryLinks div ul #optionsLink a:hover, .top #myDiaryLinks div ul #photolibLink a:hover, .top #globalLinks div ul #randomDiaryLink a:hover, .top #globalLinks div ul #diarySpiritLink a:hover, .top #globalLinks div ul #diarySupportLink a:hover, .top #globalLinks div ul #faqLink a:hover, .top #globalLinks div ul #iAmQuit a:hover { background: url('/userdir/5/0/5/8/505889/56970482.gif') no-repeat 100% 100%; }
 .top #myDiaryLinks #discussionLink, .top #globalLinks #diarySpiritLink {top: 45px;}
 .top #myDiaryLinks #albumLink, .top #globalLinks #diarySupportLink {top: 72px;}
 .top #myDiaryLinks #myProfileLink, .top #globalLinks #faqLink {top: 99px;}
 .top #myDiaryLinks #optionsLink, .top #globalLinks #iAmQuit {top: 126px;}
 .top #myDiaryLinks #photolibLink {top: 154px;}
 .top #thisDiaryOwner #tagslistlink #TagsList { display: none !important; visibility: hidden !important; position: absolute; top: 8px; left: 201px; overflow: hidden; padding: 10px 0; height: 150px; width: 170px; }
 .top #thisDiaryOwner #tagslistlink:hover #TagsList { display: block !important; visibility: visible !important; }
 .top #thisDiaryOwner #tagslistlink:hover a { color: #5E5D56; text-shadow: 0 0 3px #5E5D56; background: url('/userdir/5/0/5/8/505889/56969804.gif') no-repeat 0 100%; }
 .top #thisDiaryOwner #tagslistlink #TagsList ul li { margin: 0 0 1px; }
 .top #thisDiaryOwner #tagslistlink #TagsList ul li div { display: block; visibility: visible; position: static; top: auto; left: auto; padding: 0; height: auto; width: auto; }
 .top #thisDiaryOwner #tagslistlink #TagsList ul li div span { display: none; }
 .top #thisDiaryOwner #tagslistlink #TagsList ul li div a { float: right; margin: -2px 0 0; padding: 0 15px 10px 0; color: #38362A; text-shadow: 0 0 3px #38362A; background: none; }
 .top #thisDiaryOwner #tagslistlink #TagsList ul li div a:hover { text-decoration: none; color: #5E5D56; text-shadow: 0 0 3px #5E5D56; background: url('/userdir/5/0/5/8/505889/56970482.gif') no-repeat 100% 100%; }
 .top #myDiaryLinks div ul #myDiaryLink .count_box, .top #myDiaryLinks div ul #umailLink .count_box { float: left; margin: -2px 0 0 3px; color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top #myDiaryLinks div ul #myDiaryLink .count_box a, .top #myDiaryLinks div ul #umailLink .count_box a { float: none; margin: 0; padding: 0; }
 .top #myDiaryLinks div ul #myDiaryLink .count_box a:hover, .top #myDiaryLinks div ul #umailLink .count_box a:hover { background: none; }
 .top #myDiaryLinks div ul #myDraftLink span { float: left; }
 .top #myDiaryLinks div ul #myDraftLink .count_box { float: left; margin: 0 0 0 3px; color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top #myDiaryLinks div ul #myDraftLink .count_box a { float: none; margin: 0; padding: 0; }
 .top #myDiaryLinks div ul #myDraftLink .count_box a:hover { background: none; }
 .top #myDiaryLinks div ul #myDraftLink .count_box { float: left; margin: 1px 0 0 3px; color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top #myDiaryLinks div ul #myDraftLink .count_box a { float: none; margin: 0; padding: 0; }
 .top #myDiaryLinks div ul #myDraftLink .count_box a:hover { background: none; }
 .top #myDiaryLinks div ul #discussionLink .count_box { position: absolute; top: -1px; left: 0; margin: 0; height: 18px; width: 37px; text-align: right; color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top #myDiaryLinks div ul #discussionLink .count_box a { position: absolute; top: 0; left: 0; margin: 0; padding: 0; height: 18px; width: 26px; text-align: right; }
 .top #myDiaryLinks div ul #discussionLink .count_box a:hover { background: none; }
 .top.block_design #YaSearch { position: absolute; top: 306px; left: 297px; margin: 0; padding: 18px 0 0 97px; height: 26px; width: 120px; background: url('/userdir/5/0/5/8/505889/56904992.png') no-repeat; }
 .top #YaSearch_title, .top #YaSearchForm_title { display: none; }
 .top #YaSearchForm { display: block !important; visibility: visible !important; margin: 0; }
 .top #YaSearchForm table td { padding: 0; }
 .top #YaSearchForm #yaquery { width: 110px; margin: 0; border-style: none; padding: 0 15px 0 4px; background: none; }
 .top #YaSearchForm .submit { margin: 0; border-style: none; padding: 0; height: 21px; width: 31px; line-height: 0; font-size: 0; text-indent: -9999px; background: url('/userdir/5/0/5/8/505889/56913881.png') no-repeat; cursor: pointer; }
 .top #YaSearchForm .submit:hover { background: url('/userdir/5/0/5/8/505889/56913893.png') no-repeat; }
 .top #bottomNav { position: absolute; top: 352px; left: 646px; margin: 0; padding: 0; height: auto; width: 85px; text-align: left; background: none; }
 .top #bottom_mainlink { display: block; margin: 0; width: 100%; text-indent: -9999px; }
 .top #bottom_mainlink a { display: block; height: 51px; background: url('/userdir/5/0/5/8/505889/57047231.png') no-repeat; }
 .top #bottom_mainlink a:hover { background: url('/userdir/5/0/5/8/505889/57047249.png') no-repeat; }
 .top #bottom_up, .top #bottom_randomlink, .top #bottom_spiritlink, .top #bottom_faqlink {display: none;}
 .top #Stats { position: absolute; top: 47px; left: 0; float: none; width: 118px; text-indent: -9999px; }
 .top #Stats a { display: block; height: 46px; background: url('/userdir/5/0/5/8/505889/57048251.png') no-repeat; }
 .top #Stats a:hover { background: url('/userdir/5/0/5/8/505889/57048257.png') no-repeat; }
 .top #myLinks { position: absolute; top: 436px; left: 647px; margin: 0; padding: 0; width: 139px; }
 .top #myLinks #myLinks_title { display: block; position: static; top: auto; left: auto; height: 47px; width: 139px; background: url('/userdir/5/0/5/8/505889/57048434.png') no-repeat; }
 .top #myLinks:hover #myLinks_title { background: url('/userdir/5/0/5/8/505889/57048458.png') no-repeat; }
 .top #myLinks #myLinks_title b {display: none;}
 .top #myLinks #all_links {display: none;}
 .top #myLinks div { display: none; position: absolute; top: -87px; left: -230px; padding: 20px 50px 0 0; height: 165px; width: 200px; }
 .top #myLinks:hover div { display: block; }
 .top #myLinks div ul { display: block; position: static; margin: 0 !important; padding: 0 !important; width: 100%; }
 .top #myLinks div ul li { overflow: hidden; width: 100%; line-height: 18px; font-size: 14px; letter-spacing: 1px; }
 .top #myLinks div ul li a { float: right; margin: -2px 0 0; padding: 0 15px 10px 0; color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top #myLinks div ul li a:hover { text-decoration: none; color: #5E5D56; text-shadow: 0 0 3px #5E5D56; background: url('/userdir/5/0/5/8/505889/56970482.gif') no-repeat 100% 100%; }
 .top #iAmQuit { position: absolute; top: 475px; left: 646px; float: none; overflow: hidden; margin: 0; padding: 0; height: 50px; width: 107px; text-indent: -9999px; }
 .top #iAmQuit b a { display: block; height: 50px; background: url('/userdir/5/0/5/8/505889/57049517.png') no-repeat; }
 .top #iAmQuit b a:hover { background: url('/userdir/5/0/5/8/505889/57049538.png') no-repeat; }
 .top #iAmQuit b a span {display: none;}
 .top #iAmQuit #more_login, .top #iAmQuit #login_change {display: none;}
 .top #page-c { display: block; float: none; margin: 0; width: 900px; }
 .top #page-c #postsArea { margin: 0; border-style: none; padding: 22px 0; }
 .top #page-c .order_button { display: none; }
 #favGroups { padding: 0 72px; line-height: 18px; font-size: 14px; letter-spacing: 1px; color: #38362A; text-shadow: 0 0 2px #38362A; }
 #favGroups a { color: #38362A; text-shadow: 0 0 2px #38362A; }
 #favGroups a:hover { text-decoration: none; color: #5E5D56; text-shadow: 0 0 3px #5E5D56; }
 .top .singlePost { position: relative; padding: 0 0 50px; width: 100%; border-style: none; }
 .top .singlePost .postDate { position: relative; z-index: 5; margin: 0 0 3px; padding: 0 85px 0 72px; line-height: 18px; font-size: 14px; letter-spacing: 1px; text-align: left; color: #817F72; text-shadow: 0 0 3px #817F72; }
 #JournalFavorite.top .singlePost .postDate { display: none; }
 .top .postTitle { display: block; position: relative; z-index: 5; overflow: hidden; margin: 0; padding: 0 85px 0 72px; height: 18px; width: 743px; line-height: 18px; font-size: 14px; letter-spacing: 1px; text-align: left; color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top .communityName { position: absolute; top: 0; right: 85px; z-index: 5; margin: 0; line-height: 18px; font-size: 14px; letter-spacing: 1px; text-align: left; color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top .authorName { position: absolute; z-index: 5; top: 47px; left: 80px; margin: 0; padding: 0; }
 .top .singleComment .authorName { top: 27px; }
 #JournalFavorite.top .singlePost .authorName { top: 27px; }
 .top .authorName a { line-height: 18px; font-size: 14px; letter-spacing: 1px; color: #38362A; text-shadow: 0 0 2px #38362A; }
 .top .authorName a:hover { text-decoration: none; color: #5E5D56; text-shadow: 0 0 3px #5E5D56; }
 .top .postContent { position: relative; margin: -36px 0 0; width: 100%; background: url('/userdir/5/0/5/8/505889/57186569.jpg') repeat-y; }
 .top .postContent .commentAuthor { display: block; position: absolute; top: 67px; left: 72px; float: none; overflow: visible; width: 120px; }
 .top .postContent .commentAuthor .avatar { margin: 0; }
 .top .postContent .commentAuthor .sign { display: none; position: absolute; top: 0; left: -133px; margin: 0; width: 120px; line-height: 16px; font-size: 12px; letter-spacing: 1px; text-align: right; color: #38362A; text-shadow: 0 0 2px #38362A; }
 .top .postContent .commentAuthor:hover .sign { display: block; }
 .top .postContent .postInner { float: none; margin: 0; background: url('/userdir/5/0/5/8/505889/57186548.jpg') no-repeat; }
 .top .singleComment .postContent .postInner { background: url('/userdir/5/0/5/8/505889/57186587.jpg') no-repeat; }
 .top .postContent .paragraph { margin: 0; padding: 55px 85px; line-height: 18px; font-size: 14px; letter-spacing: 1px; color: #353535; background: url('/userdir/5/0/5/8/505889/57186560.jpg') no-repeat 0 100%; }
 #JournalComments .postContent .paragraph, #JournalFavorite .postContent .paragraph { overflow: hidden; padding: 65px 85px 50px 210px; width: 605px; min-height: 146px; }
 .paragraph br:after { content:'xxx'; visibility: hidden; }
 .top .postLinksBackg { position: relative; margin: -35px 0 0; padding: 0 70px 0 20px; line-height: 18px; font-size: 14px; letter-spacing: 1px; text-align: right; color: #817F72; text-shadow: 0 0 3px #817F72; }
 .top .prevnext { margin: 0; padding: 15px 138px 0 106px; }
 .top .postLinksBackg .urlLink { float: left; width: 75px; }
 .top .postLinksBackg .urlLink a { display: block; margin: -3px 0 0; height: 36px; background: url('/userdir/5/0/5/8/505889/57071054.png') no-repeat; }
 .top .postLinksBackg .urlLink a:hover { background: url('/userdir/5/0/5/8/505889/57071060.png') no-repeat; }
 .top .postLinksBackg .urlLink span {display: none;}
 .top .postLinksBackg ul li { margin: 0 0 0 10px; }
 .top .postLinksBackg ul li a { color: #38362A; padding: 0 15px 10px 0; text-shadow: 0 0 3px #38362A; }
 .top .postLinksBackg ul li a:hover { background: url('/userdir/5/0/5/8/505889/56970482.gif') no-repeat 100% 100%; }
 .top .postLinksBackg .nextPostLink a { padding: 0 0 10px 15px !important; }
 .top .postLinksBackg .nextPostLink a:hover { background: url('/userdir/5/0/5/8/505889/56969804.gif') no-repeat 0 100%; }
 .top .postLinksBackg ul li .comments_count_link { margin: 0 10px 0 -9px; }
 .top .postLinksBackg ul li .comments_count_link a { padding: 0; background: none; }
 .top .postLinksBackg ul li a:hover { text-decoration: none; color: #5E5D56; text-shadow: 0 0 3px #5E5D56; }
 .top .postLinksBackg ul li.subscribe { display: none; }
 .top #commentsArea { margin: 0; border-style: none; padding: 0; }
 .top #commentsArea_title { margin: 0 0 25px 60px; height: 64px; width: 167px; line-height: 0; font-size: 0; text-indent: -9999px; background: url('/userdir/5/0/5/8/505889/57182954.png') no-repeat; }
 .top .singleComment { position: relative; margin: 0; padding: 0 0 50px; width: 100%; border-style: none; }
 #msg_form { border: 2px solid #eae7dc; padding: 5px; }
 #message, .mceEditorI# { background: #eae7dc; }
 #JournalCalendar #content { line-height: 18px; font-size: 14px; text-align: center; color: #38362A; text-shadow: 0 0 3px #38362A; }
 #JournalCalendar .calHeader { display: none; }
 #JournalCalendar #content table { margin: 0 auto; text-align: center; }
 .top #pageBar { line-height: 18px; font-size: 14px; letter-spacing: 1px; color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top #pageBar a { color: #38362A; text-shadow: 0 0 3px #38362A; }
 .top #pageBar a:hover { text-decoration: none; color: #5E5D56; text-shadow: 0 0 3px #5E5D56; }
 #login_form { display: none !important; }
 #Journal #extrabottom, #NContent# {display: none;}
 #myLinksLink {display: none;}
 .paragraph {text-align: left;}
 .paragraph div {text-indent: 24px;}
 .paragraph br:after { content:'xxx'; visibility: hidden; }
 .paragraph .voting br:after { content: ""; visibility: visible; }
 .this_css_code_was_created_by_Senteplex {stress: 0;}

@темы: меню, отступы

URL

воскресенье, 12 июня 2011

21:52

Блоки меню уезжают под эпиграф

все записи пользователя в сообществе Flash

Sad al Suud

Помогите, пожалуйста, поправить код! В сообществе ответа на свой вопрос не нашла.
У меня в дизайне идут подряд экстратоп, горизонтальное меню, эпиграф и блок с записями. Но при наведении курсора на ссылки меню выпадающие блоки "уезжают" под эпиграф. Выглядит это так:

Код дизайна:

читать дальше

Подскажите, пожалуйста, что можно сделать, чтобы блоки меню выпадали нормально?

@темы: меню, diaryCSS, платный сервис

URL

14:40

Разваливается цсс дизайн

все записи пользователя в сообществе Кошмаринка

Мне говорили - похожа на мандаринку

Разваливается цсс дизайн ранее, до отключения дайри, стоявший идеально. Я так понимаю, вопрос перекликается с некогда стоявшим http://diarycss.diary.ru/p145270655.htm">вот тут
Но на основании той записи толком не пойму, что сделать, проблема все-таки немного иная, да, и не очень я в этом шарю. Спасайте, товарищи, смотреть на это не могу.

Вот скрин

Если нужен весь код, дам. Съехавший элемент, это экстработтом.

#extrabottom {background:url('/userdir/5/9/2/1/592173/68626211.jpg') 10px; width:960px; height:67px;}

@темы: платный сервис, Дизайн

URL

среда, 08 июня 2011

13:58

все записи пользователя в сообществе Что за Покемон?!!

Dwarf and proud.

Доброго времени суток, товарищи!
я к вам с вопросами относительно затрат на CSS:

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

2) если все же основной пакет окажется необходимым балластом, то могу я подключив его на 30 дней, сделать CSS на 360? не отключатся ли CSS после отключения основного пакета?

пс.
искала подобной записи на соо, но не нашла.

@темы: diaryCSS, платный сервис

URL

08:12

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

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

body {background:url('/userdir/1/8/1/6/1816774/68335565.gif') fixed;}
 #wrapper{min-width:950px!important;width:950px;margin: 0 auto !important;padding:1 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/69889607.png') no-repeat; width: 950px; height:131px !important; padding: 0 !important; margin-top: 200px !important;}
 #page-c{width:950px !important;padding:0 !important;padding:0 !important; margin-top:0px !important;background: url('/userdir/1/8/1/6/1816774/69889163.png') repeat-y;position:relative;}
 #page-t {margin:0 !important}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:880px; margin: 0px 0px 0px 25px !important; }
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/69889169.png') no-repeat; width: 950px; height: 130px;line-height: 100% !important; margin-top:0px;margin-left: 0px;}
 #add_block1 {background: url('/userdir/1/8/1/6/1816774/69889043.jpg') repeat-x ; height:78px; width:1554px; position:fixed; left:0px; bottom: 406px; z-index:1;}
 #add_block2 {background: url('/userdir/1/8/1/6/1816774/69889073.png')no-repeat ; height:170px; width:950px; position:fixed; left:0px; bottom: 330px; z-index:-1;}
 #myDiaryLinks_title {display:block; width: 200px; height: 70px; line-height: 700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69889136.png') no-repeat;}
 #myDiaryLinks ul {width: 200px; height: 250px; background: url('/userdir/1/8/1/6/1816774/69889094.png') no-repeat; text-align:center; padding:10px 0px 0px 0px !important; margin-top: 0px !important; margin-left: -2px !important;}
 #globalLinks_title {display:block; width: 200px; height: 70px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69889124.png') no-repeat;}
 #globalLinks ul {width:200px; height:250px; background: url('/userdir/1/8/1/6/1816774/69889091.png') no-repeat; text-align:center; padding:10px 0px 0px 0px !important; margin-top: 0px !important; margin-left: -4px !important;}
 #thisDiaryOwner_title {display:block; width:200px; height:70px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69889133.png') no-repeat;}
 #thisDiaryOwner ul {width:200px; height:250px; background: url('/userdir/1/8/1/6/1816774/69889106.png') no-repeat; text-align:center; padding:10px 0px 0px 0px !important; margin-top: 0px !important; margin-left: -4px !important;}
 .menuSection a{font-size: 16px !important; text-align : center; }
 #myDiaryLinks {position:relative; top:-298px; left:576px;}
 #thisDiaryOwner {position:relative; top:-293px; left:590px }

запись создана: 07.06.2011 в 23:09

URL

01:53

все записи пользователя в сообществе Анна Роддик

Yeah, I fell out of bed the first night I was sleeping here. That’s about as close to skydiving I got this week (c) Andy Roddick

Привет, мастера-гуру CSS. Я снова к Вам с вопросом.
Появилась такая проблема, в комментариях в моем дневнике при нажатии ника (чтобы обращение появилось в комментарии), весь wrapper почему-то отскакивает вверх пикселей эдак на 200. Это адски странно и неудобно, так как заезжает в итоге на фон другого цвета. Подскажите пожалуйста, что с этим делать

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

UPD. Проблему решила сама, удалять пост не стану, вдруг у кого-то похожая проблема. Проблема решилась путем подчистки кода от разнящихся немного цифр и повторов разных. Может от этого оно так скакало.

@темы: основные блоки

URL

вторник, 07 июня 2011

22:45

все записи пользователя в сообществе Mad Gwynbleidd

Я господень скоморох и меня любит Господь!

Добрый вечер!
Помогите пожалуйста!
После подключения CSS не могу загрузить фон дневника в стандартных настройках! Что делать?

@темы: фоновые картинки, diaryCSS

URL

21:09

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

Добрый вечер.
Подскажите пожалуйста может ли выпадающее меню выпадать не вниз, а вверх? И если да, каким кодом это прописать?
Заранее спасибо)

@темы: меню

URL

19:22

MORE

все записи пользователя в сообществе Мати Матисс

Distrust is the way of guard, Untruth is the way of thrust.

Хм... Я одна тут пишу?)
Энивэй, всем доброго времени суток.

Не подскажите, можно ли как-нибудь сделать так, чтобы содержимое тега more отображалось только в том случае, если его об этом попросить? То есть даже при открытом посте?

@темы: diaryCSS

URL

воскресенье, 05 июня 2011

01:33

Перемещение ника

все записи пользователя в сообществе Мати Матисс

Distrust is the way of guard, Untruth is the way of thrust.

Опять я)
Благодаря вот этому коду:

 #thisDiaryInfo { background-image: url("/userdir/5/9/6/6/596645/69793124.jpg") !important; height: 175px !important; background-position: center !important; background-repeat: no-repeat !important;}

у меня теперь ник находится на фотографии. Меня это в общем-то вполне устраивает, то есть устраивает то, что он на фоне картинки. Но хотелось бы его перетащить в правый нижний ее угол, либо хотя бы просто вниз.
Подскажите, как?)

@темы: меню, фоновые картинки

URL

суббота, 04 июня 2011

18:26

все записи пользователя в сообществе Мати Матисс

Distrust is the way of guard, Untruth is the way of thrust.

Здравствуйте!
Хочу прописать в коде фон, потому что сама фоновая картинка весит слишком много даже для БИ, не то что для дефолтового фона днева.
И собственно код

body { background-image: url(http://i020.radikal.ru/1106/82/bcd5bfd430fc.png) !important; }

при сохранении заменяется на

body { background-image: # !important; }

И что с этим делать?

@темы: фоновые картинки, diaryCSS

URL

02:10

заголовки, меню поста

все записи пользователя в сообществе Finsternis

Авторегрессионная условная гетероскедастичность

Привет, очень-очень нужна помощь.

Проблема:
Я утащила ссылки в заголовок поста, но на странице комментариев они и дата съезжают, и я не могу понять, что нужно поменять, чтобы не съезжали.

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

Заранее очень-очень благодарна за помощь.

@темы: меню

URL

четверг, 02 июня 2011

22:43

все записи пользователя в сообществе Faultier

Мизантроп-альтруист

Ткните меня в пост, если пропустил.

Есть ли возможность начать писать свой дизайн «с чистого листа»?

Я бы с удовольствием взял список id и классов, и включал бы по отдельности, как если бы писал свою страницу. Когда я начинаю редактировать имеющийся дизайн, встроенный редактор в дайри делает меня грустить.

Заранее спасибо.

@темы: diaryCSS

URL

00:59

Блоки меню

все записи пользователя в сообществе Shantana

Polonium [210]

Первый раз делаю дизайн с кнопками-ссылками.
На сообществе Disign+ часто можно встретить дизайны с тремя кнопками, например:
dizain-by-shokolad.diary.ru/p96727268.htm
dizain-by-shokolad.diary.ru/p114393566.htm
Но трёхкнопочным дайри выглядит лишь для его владельца, а для остальных добавляется меню "Мой дневник" или панель авторизации:

Мой код:

#page-c {margin-top:-5px !important;}
 #side div.bordered {height: 29px;}
 #YaSearch, #topNav, #pchs, #iAmQuit a {display:none;}
 #extratop{background:url('/userdir/1/8/9/4/1894342/69673520.jpg') 50% 0 no-repeat; width:1000px; height: 472px; margin-top:0px !important; margin:0; padding:0;}
 #side h1 A {display:none !important;}
 .avatar img,.avatarNew img { background-color:#d0d0ce; border: 1px solid #d0d0ce; padding: 3px;}
 body { background:; margin:0; padding:0; padding: 0 !important;}
 #wrapper{ min-width:951px !important; width:1000px; position:relative;}
 #postsArea { width:813px !important; margin-left: 75px; margin-right: 75px;}
 #commentsArea, #addCommentArea { width:813px !important; margin-left: 75px; margin-right: 75px;}
 #side ul {background:#fffff; border: 2px solid #d0d0ce; padding: 3px;}
 #side {font-size:14px !important; left: 0px; top: 851px; border: 1px ocean; }
 .menuSection_title {padding-left: 30px; padding-bottom: -40px;color: #050505; }
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 60px !important;}
 .avatar, .avatarNew{ float:left; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
 .avatar img,.avatarNew img { display: block; background-color: #fff; border: 1px solid #75bdb0; margin: -6px 6px 6px -6px; padding: 4px;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: background-color: #fffff; border: 1px solid #5f9186; margin: -6px 6px 6px -6px; padding: 4px;-moz-opacity:1.0 !important;opacity:1.0 !important; }
 #bottomNav { width:804px !important; margin-left: 75px; margin-right: 75px;}
 .commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
 #globalLinks_title {display:block; width:150px; height:50px; line-height:1000px; overflow:hidden; background: url('/userdir/1/8/9/4/1894342/69678368.png') no-repeat; margin-top: -19px; margin-left: 0px;}
 #thisDiaryOwner_title {display:block; width:270px; height:50px; line-height:1000px; overflow:hidden; background: url('/userdir/1/8/9/4/1894342/69678359.png') no-repeat; margin-top: -26px; margin-left: 0px;}
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:350px; height: 50px; line-height:1000px; overflow:hidden; background: url('/userdir/1/8/9/4/1894342/69678308.png') no-repeat; margin-top: -24px; margin-left: 0px; }

Каким кодом встроить четвёртую кнопку и можно ли убрать авторизацию наверх, в поле шапки?

@темы: меню, diaryCSS

URL

вторник, 31 мая 2011

21:23

Изменение размеров картинок

все записи пользователя в сообществе Тайя.

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

Прошу помощи. Картинки в избранном ограничиваю высотой 150px (я предпочитаю, чтобы картинка была уменьшена именно по высоте, а не по ширине, потому что не люблю длинные посты в ленте), код #JournalFavorite img {max-height: 150px;}.
Проблема такая: если в ленте встречается превью или картинка, в которой прописана ширина, то она отображается сплющенной

Пример: в ленте постят картинку, задают ей ширину 300px, мой код уменьшает ее высоту до 150px, но ширина остается исходной! !important пробовала, не помогает. Возможно ли с этим что-нибудь сделать?
Пример

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

URL

15:29

все записи пользователя в сообществе f#ckin bogeygirl

$ick bubblegum ♥

Доброго времени суток!
Такой трабл случился...

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

@темы: основные блоки

URL


Запомнить