@CSS — стилизация дневников — @дневники: асоциальная сеть

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

14:53

Ссылки => изображения

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

няша - бальзаша

У меня вопрос по поводу замещения ссылок меню на изображения.
Использую этот код:
#tagslistlink a {margin-left: 12px; display:block; width:150px; height:17px; line-height:500px; overflow:hidden; background: #ffffff url('/userdir/2/6/9/1/2691066/70187403.png') 2px 4px no-repeat;}

Проблема возникает как раз с ссылкой на темы записей. Я прописываю изображение селектору #tagslistlink, а оно встает и взамен всех тем. Получается так:

Скажите, это лечится? И если да, то как.

Вопрос снят. Справилась сама. С помощью добавления пояснения "first-child".

@темы: меню

URL

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

09:49

лишний скролл

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

secret's

Появился ненужный скролл.

#wrapper{background: #ffffff; min-width:70% !important; width: 70%; margin: auto auto !important; overflow:hidden !important;} #side{width:140px;} .left #page-c {margin-left:-140px;} .left #page-t {margin-left:140px;} .right #page-c {margin-right:-140px;} .right #page-t {margin-right:140px;} #page-с{width:700px;} #page-t { overflow: -moz-scrollbars-vertical; overflow-y: auto; height: 600px;} #postsCalendar{display:none} #albumLink{display:none} #rssLink{display:none} #pchListLink {display:none} #diarySpiritLink{display:none} #diarySupportLink{display:none} #paySupportLink{display:none} #faqLink{display:none} #side {text-transform: lowercase;} .offtop {font-size: 12px; font-family:georgia;} .atTag {margin: 3px 0 !important; font-family: Trebuchet MS; color:#8f8f8f !important; font-size: 9px !important; padding: 2px 10px !important; border-left: 5px solid #b2b2b3; width: 100% !important; } .atTag a {color: #8f8f8f !important;} #myDiaryLink a{ color: black; font-size:12px; font-family:verdana;} #authorName {font-size: 12px; color:gray;font-family:tahoma;} #body {text-transform: lowercase;} .comments { text-transform: lowercase; } .subscribe { text-transform: lowercase; } .addToQuote { text-transform: lowercase; } .header { text-transform: lowercase; } .menuSection { line-height:91%; font-size: 10px !important; } .commentsArea {line-height: 93%;} .atMusic, .atMood {display:none;} .avatar img {width:80px !important; min-width:100px !important; max-width:100px!important; padding: 8px; border: 1px dotted #494949;}

проблема решена другим путём.

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

URL

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

23:01

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

Демон Лапласа

Здравствуйте, у меня есть такой небольшой вопрос.
Есть ли какое либо обозначение этого блока при дизайне с навигационной панелью вверху?

Он изменяет свою ширину, только если менять ширину wrapper'a, можно ли изменять его ширину самостоятельно, если есть необходимость wrapper расширить?
Так же хотелось бы его прикрепить к основной ленте, чтобы не было отступа, или же убрать его совсем.
Извините если где-то это недоглядела, честно искала.

@темы: меню, отступы, основные блоки

URL

21:54

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

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

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

body {background:url('/userdir/1/8/1/6/1816774/70130670.jpg') fixed;}
 #wrapper{min-width:1000px!important;width:1000px;margin: 0 auto !important;padding:1 !important;overflow:hidden !important; }
 #extratop {background: url('/userdir/1/8/1/6/1816774/70129165.png') no-repeat; width: 1000px; height:500px !important; padding: 0 !important; margin: 0}
 #side{width:180px !important;margin-left:48px !important; margin-top:-475px;}
 #page-c{width:1000px !important;padding:0 !important;padding:0 !important; margin-top: 0px !important;background:url('/userdir/1/8/1/6/1816774/70129169.png') repeat-y !important;}
 #page-t {margin:0 !important}
 #page-t {width:747px !important;padding:0 !important;padding:0 !important; margin-top: -25px !important; margin-left: 228px!important}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:725px; margin: 0px 0px 0px 0px !important; }
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/70129169.png') no-repeat; width: 1000px; height: 100px;line-height: 100% !important; margin-top:0px;margin-left: 0px;}
 .menuSection_title {background: url('/userdir/1/8/1/6/1816774/70130752.png') no-repeat; height:50px; width: 50px; display:block;padding: 0px 0 10px 50px; }
 .menuSection {text-align:center;}
 #side h1 a {width: 400px; position:absolute; left:430px; top:440px; font-size: 24px; font-family: "Tahoba"; text-transform: uppercase; text-shadow: 0 -1px #9a0000, 2px 0 #000, 0 1px #000, -1px 0 #9a0000;}
 #side h1 a:hover{color:#9a0000!important; text-decoration:none;text-transform: uppercase; text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #000, -1px 0 #fff;}
 #side h1 a {color:#ffffff !important;}
 #authorName {position:relative; right:0px; top:0px; font-size: 24px; font-family: "Tahoba"; text-transform: uppercase; text-shadow: 0 -1px #9a0000, 2px 0 #000, 0 1px #000, -1px 0 #9a0000;}
 #authorName:hover {color:#9a0000!important; text-decoration:none;text-transform: uppercase; text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #000, -1px 0 #fff;}
 #authorName{color:#ffffff !important;}
 .menuSection a:hover{color:#ffffff; text-decoration:none;text-shadow: 0 -1px #ffffff, 1px 0 #9a0000, 0 1px #9a0000, -1px 0 #9a0000;}
 .postLinksBackg a:hover {color:#ffffff; text-decoration:none;text-shadow: 0 -1px #ffffff, 1px 0 #9a0000, 0 1px #9a0000, -1px 0 #9a0000;}
 .postLinksa a:hover{color:#ffffff; text-decoration:none;text-shadow: 0 -1px #ffffff, 1px 0 #9a0000, 0 1px #9a0000, -1px 0 #9a0000;}
 .atTag a:hover{color:#ffffff; text-decoration:none;text-shadow: 0 -1px #ffffff, 1px 0 #9a0000, 0 1px #9a0000, -1px 0 #9a0000;}
 span.quote_text { background: #eccac9!important; max-width: 90% !important; display: block; border-left: 3px solid #9a0000!important; padding: 3px 10px 3px 10px !important; margin: 3px 0px 3px 0px !important; }
 .singlePost, .menuSection { border-style:groove; border-width:0 0 2px;padding: 10px 0px 16px 0px !important;border-color: #9a0000;}

URL

16:08

все записи пользователя в сообществе Настасья Филипповна 2.0

Я стала ведьмой от горя и бедствий, поразивших меня

Уж который раз делаю дизайн, в опере и лисе все красиво, а в хроме с меню какая-то беда. Еще и экстработтом от пейдж-с оторвался пикселей на 10. Причем только на странице комментариев.
Если ж я начну править, подстраивая под хром, в опере и лисе все съедет, а я ими в основном пользуюсь. Это обидно.
В чем дело-то? Меню на странице комментов как-то отдельно прописать можно? Стоит ли вообще, или на всех не угодишь?

@темы: меню, основные блоки, Мысли вслух

URL

10:14

все записи пользователя в сообществе [DEAD_ILLUSION]

happy addict

как правильно прописать в коде свою картинку для кнопки "Выход"?
просто я прописать прописала, только вот при нажатии на кнопку, ничего не происходит.

@темы: меню

URL

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

23:10

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

No Life. No Hope. No Future.

Здравствуйте.
Я хочу вставить в эриграф часы, но у меня никак не получается. Помогите пожалуйста.

<sсript src="http://www.clocklink.com/embed.js"></sсriрt><sсript type="text/javasсript" language="Javasсript">obj=new Object;obj.clockfile="5012-black.swf";obj.TimeZone="Russia_Kirov";obj.width=227;obj.height=75;obj.wmode="transparent";showClock(obj);</sсriрt>

Этот код почему то не читает, как и этот

<embed src="http://www.clocklink.com/clocks/5012-black.swf?TimeZone=Russia_Kirov&"  width="227" height="75" wmode="transparent" type="application/x-shockwave-flash">

@темы: эпиграф

URL

22:58

все записи пользователя в сообществе горган

Не грусти пацан, что не поехал в пятницу на посёлок, пускай грустит тот, кого там не ждут.

Здравствуйте!
1.)Искала в гугле, и поиску по соо - ответа не нашла. Хочу убрать надпись ссылки "комментарии" и оставить только цифры. В одном из запросов 2008-ого нашла, что это можно сделать в настройках, но подобной функции я там не обнаружила. Это можно прописать каким-нибудь кодом?
2.)Можно ли переименовать ссылки "комментарии", "в цитатник" и остальные в нижнем ряду?

@темы: текст

URL

22:21

все записи пользователя в сообществе это всё она.

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

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

@темы: меню

URL

09:59

Мое сообщество удалили, удалилось само, или это глюки и все восстановится?

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

Мечты становятся реальностью, когда мысли превращаются в действия…

Моего сообщества теперь не существует,
оно восстановится?

URL

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

14:26

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

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

Здравствуйте!
Хочу чтобы название дневника было написано в одну строчку, но оно не хочет.
Вот код

body {background:url('/userdir/1/8/1/6/1816774/65924801.jpg');}
 #wrapper{min-width:1000px!important;width:1000px;margin: 0 auto !important;padding:1 !important;overflow:hidden !important;background: url('/userdir/1/8/1/6/1816774/65924840.png') repeat-y;position:relative; }
 #extratop {background: url('/userdir/1/8/1/6/1816774/66343277.png') no-repeat; width: 1000px; height:100px !important; padding: 0 !important; margin: 0 !important;}
 #side{width:200px !important;margin:0 !important;}
 #page-c{width:1000px !important;padding:0 !important;padding:0 !important; margin-top: -10px !important;}
 #page-t {margin:0 !important}
 #wrapper {overflow:visible !important;}
 #side {position: relative; top: -70px !important; left:0!important;}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:750px; margin: 0px 0px 0px 220px !important; }
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/67121735.png') no-repeat; width: 1000px; height: 100px;line-height: 100% !important; margin-top:0px;margin-left: 0px;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 30px 10px 30px !important; background: url('/userdir/1/8/1/6/1816774/65924870.jpg') no-repeat bottom center; }
 .menuSection {text-align:center; }
 #side h1 a {position:absolute; left:430px; top:-20px; font-size: 24px; font-family: "Tahoba"; text-transform: uppercase; text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;}
 #side h1 a:hover{color:#435e7b; text-decoration:none;}
 #authorName {position:absolute; right:38px; top:-0px; font-size: 25px; font-family: "Tahoba"; text-transform: uppercase; text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;}
 #authorName:hover{color:#435e7b; text-decoration:none;}
 .menuSection_title {background: url('/userdir/1/8/1/6/1816774/65924876.jpg') no-repeat -0% 100%; color: #411A0A; font-size: 14px; font-weight: bold; height: 35px;padding: 30px 0px 0px; text-align: ; text-transform: uppercase; width: 167px; display:block;}
 .menuSection a:hover{color:#435e7b; text-decoration:none;}
 .postLinksBackg a:hover{color:#435e7b; text-decoration:none;}
 .postLinksa a:hover{color:#435e7b; text-decoration:none;}
 .atTag a:hover{color:#435e7b; text-decoration:none;}
 span.quote_text { background: #cccbbe!important; max-width: 90% !important; display: block; border-left: 3px solid #435e7b!important; padding: 3px 10px 3px 10px !important; margin: 3px 0px 3px 0px !important; }

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

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

URL

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


Запомнить