Как подключить СSS?

[Kseniya1]

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

---

Нестандартное меню

[Tish Evans]

Здравствуйте! Нужна помощь с меню)
Вот есть шаблон:


То есть сверху экстратоп, который будет соединён с обычным эпиграфом (ну, это фотошоп), и сам дневник (для этого код уже есть).
А вот как сделать меню в экстратопе как в шаблоне? Названия разделов должны быть в кругах, как и нарисовано. Сами названия - в виде картинок будут, потому что текст нестандартный. Само меню - выпадающее. Как это прописать? Я представляю, но смутно, никогда сама не работала с подобным меню. Координаты задать смогу, мне главное знать, какой в принципе код. И в настройках что ставить? Меню: сверху?

Помогите, плиз!

@темы: меню

---

[Рэй Фостер]

Доброго! Неожиданно обнаружилось, что я со своего аккаунта вижу нормальный дизайн, текст читаем на черном фоне, а посетители дневника видят полупрозрачный фон, и блок с кнопками меня почему-то оказывается в самом низу страницы, а не справа, как вижу я. Что за мистика, и как с этим бороться?

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

---

Конкурс "отлови баг"

[Albert Osbourne]

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

@темы: Точка зрения

---

Выпадающее меню кодами цсс

[Kieran]

Дорогие и любимые.
Спасите, пожалуйста, идиота, мой мозг уже сдох.

решено

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

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

Самое обидное, что я это уже делал лет 6 тому назад. Сейчас пытаюсь повторить и НЕ ПОМНЮ.


Великий код от великого Тех.

 * html body{behavior:url("/files/csshover.htc";);}
 * html #wrapper{overflow:visible;}
 body {padding:10px !important; font-family: "Trebuchet MS",Arial,sans-serif!important; font-size:75%!important; color:#333!important; background:#ccc;}
 .postDate, .postTitle {color:#349dcb; font-size:140%!important; font-weight:700!important;}
 A {color:#006DBA!important;}
 #wrapper{ background:#fff; padding:0 !important; width:980px; min-width:980px!important; margin:0 auto !important;overflow:hidden !important;}
 #side {margin:0 !important; padding:0 !important;}
 #side .bordered {width:980px;background:#002e4b; height:91px; margin: 0 !important; padding: 0!important; position:absolute; top:10px;}
 #side li {float:left; display:block; padding-right:10px!important;}
 #side A, #side {color:#fff!important;}
 #extratop {height:130px;}
 #page-c {height:auto; margin:0!important}
 #page-t {margin:0!important}
 .singlePost {height: auto !important; height: 1em; border: 0 !important;}
 #thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:135px; height:26px; margin:0!important; }
 #thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:960px; padding:10px 10px; position:absolute;left:0; top:90px;}
 #lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block!important;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #lastComments ul li {float:left; width:450px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd;}
 #thisDiaryLinks ul {background:#FFAA00;}
 #thisDiaryLinks {background: # #FFAA00 no-repeat;}
 #globalLinks ul {background:#0198AC;}
 #globalLinks {background: # #0198AC no-repeat;}
 #thisDiaryOwner ul {background:#89D51C}
 #thisDiaryOwner {background: # #89D51C no-repeat;}
 #myDiaryLinks ul {background:#e33827;}
 #myDiaryLinks {background: # #e33827 no-repeat;}
 #lastComments ul {background:#AE015C;}
 #lastComments {background: # #AE015C no-repeat;}
 #pchs ul {background:#005286;}
 #pchs {background: # #005286 no-repeat;}
 #thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink, #pchs_title, #lastComments_title {display:none !important;}
 #extrabottom {height:5px;width:100%; background:#002e4b; clear:both;}
 #thisDiaryInfo, H1 {font-size:220%!important;margin:0!important; height:45px!important;}
 #thisDiaryInfo { width:350px;text-align:right; padding: 10px 10px 0 0!important; }
 H1 { width:610px;text-align:left!important; padding:10px 0 0 10px!important;}
 .search {width:160px !important;}
 .sign {font-size:80%; color:#666;}
 .header {color:#e33827!important;}
 #TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55px;}
 #TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:140px!important; margin-right:10px!important;}
 #TagsList LI A {padding:0 !important; }
 .postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}
 .comments {background: # no-repeat; padding:0 0 0 20px!important;}
 .subscribe {background: # no-repeat; padding:0 0 0 20px!important;}
 .addToQuote {background: # no-repeat; padding:0 0 0 20px!important;}
 .umail, .email {background: # no-repeat; padding:0 0 0 20px!important;}
 .diary {background: # no-repeat; padding:0 0 0 20px!important;}
 .profile {background: # no-repeat; padding:0 0 0 20px!important;}
 .bordered, .menuSection {border: none !important;}
 .text, textarea, #mce_editor_0, #mceSpanFonts {font-family: "Trebuchet MS",Arial,sans-serif!important;border:#ccc 1px solid!important;color:#000!important}
 #JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
 #JournalComments .singlePost div.paragraph {margin:0!important;}
 #codebuttons a {float:left;}
 #codebuttons {clear:both;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}

Решено, спасибо еще раз

Прошу прощения, что снова я.
Столкнулся с какой-то феерически магической фигней.
Всю жизнь пользовался этим кодом, но правда никогда не применял его к нику дневника.

 #authorName { display:block !important; visibility:visible (или overflow:hidden); background: url('/userdir/2/6/6/0/266066/81162917.jpg') 0px 0px no-repeat; position:absolute; left: -25px; top: -315px; width:213px !important; height:300px; line-height: 100% !important; }

А проблема такая: Не блочится ссылка на ник. Картинка становится ссылкой, но сама ссылка никуда не девается.
Что я забыл?!

Решено. Спасибо за просветление!

Маразм крепчал. Напомните пожалуйста, как можно сдвинуть ссылки от верхнего края выпадающего блока меню?
Кодец
#myLinks ul { position:fixed; background:url('/userdir/2/6/6/0/266066/81161476.jpg') no-repeat; left: 1080px; top: 360px; width:182px; height:259px; width-height:100%;}
#myLinks { position: fixed; left: 1100px; top: 380px; width:182px; height:259px; width-height:100%; }
#myLinks a {margin-left:10px; margin-right:100px; padding-top: 20px !important; }
#all_links {display:none !important;}
padding-top, margin-top - не дают эффекта вовсе.
Пробую опустить ссылки ниже самого блока, те к #myLinks a/li прикладываю top: 395px;. Эффекта так же нет.

запись создана: 23.05.2014 в 14:49

@темы: меню

---

Вытащить название

[La mignonne]

В общем-то вопрос не новый, задавался часто, но довольно давно, может за это время кто-то нашел решение
Меню выпадающее, ширина 200px, при наведении расширяется до 800px.
Можно ли вытащить из этого блока название дневника и сделать его независимым от меню?
fixed помогает вытащить, но при наведении мышки на название все меню конечно же расширяется...

@темы: меню

---

[Viento Loco]

Здравствуйте!

Хочу кое-что поменять в платном дизайне www.diary.ru/~design-devil1/ (по ссылке дизайн из каталога оформления).
Но самостоятельно не могу, так как не разбираюсь в CSS, а изменения там не базовые.

По катом то, что я хочу видеть в дизайне.

скриншот дизайна

Могу предоставить PSD, если это необходимо или иконки в PNG.

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

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

---

[[ Ice Bird ]]

Доброночеутра)

Нашла в соо код, изменяющий форму скобок, т.к. хотела поставить вместо них другие — квадратные или вообще |, оно поставилось, но круглые никуда не делись и в итоге получаются сдвоенными: [(...)].
Как бы вообще убрать круглые?

Код был такой:
.comments_count_link:before{content:"[ ";}
.comments_count_link:after{content:" ]";}
.comments_count_link:empty {display:none;}

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

---

[персеида]

Есть какое-то волшебное кодовое слово, которое уберет запятую или покрасит ее в цвет тега?)

@темы: текст, diaryCSS

---

[Береннис]

Отформатировала меню, но теперь при наведение на его пункты ссылки не соответствует надписи
Например, и Цитатник, и Дискуссии и сами Настройки являются ссылками на "Настройки".

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

 {-----------------------------------------------------menu-----------------------------------------------------}
 #side {position:fixed; right:-996px !important; width: 990px; top:5px;-moz-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; -moz-opacity:.99 !important;opacity:.99 !important; filter:alpha(opacity=99); !important;}
 #side:hover {right:0px !important;-moz-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
 #side a, #side a:hover { text-decoration:none !important;}
 #side {background: url('/userdir/1/2/5/9/1259706/80973925.png') no-repeat; width:992px; height:105px;padding: 0px 10px; margin: 0px !important; }
 #side ul {width:990px !important;}
 .menuSection {text-align:center;}
 {-----------------------------------------------------menu-----------------------------------------------------}
 #side h1 a {font: bold 9px Arial; color: #fff !important; position: relative; top: 12px; right: -111px; display:block;text-shadow: 0px 1px 0px #000;}
 #authorName {font: bold 14px Arial; color: #fff !important; position: relative; top: -11px; right: 97px; display:block;text-shadow: 0px 1px 0px #000;}
 #tagslistlink a {font: bold 11px Arial; color: #000 !important; position: relative; top: -54px; right: 319px; display:block;text-shadow: 0px 1px 0px #fff;}
 #postsCalendar a {font: bold 9px Arial; color: #000 !important; position: relative; top: -41px; right: 424px; display:block;text-shadow: 0px 1px 0px #fff;}
 #myDiaryLink a {font: 11px Arial; color: #000 !important; position: relative; top: -28px; right: 425px; text-shadow: 0px 1px 0px #fff;}
 #writeThisDiary a {font: bold 11px Arial; color: #000 !important; position: relative; top: -44px; right: 319px; display:block;text-shadow: 0px 1px 0px #fff;}
 #myDraftLink a {font: bold 11px Arial; color: #000 !important; position: relative; top: -59px; right: 215px; text-shadow: 0px 1px 0px #fff;}
 #umailLink a {font: bold 11px Arial; color: #000 !important; position: relative; top: -74px; right: 110px; text-shadow: 0px 1px 0px #fff;}
 #myDraftLink .count_box span {font: bold 11px Arial; color: #000 !important; position: relative; top: 0px; right: 0px; text-shadow: 0px 1px 0px #fff;}
 .count_box {color: rgba(0, 0, 0, 0);}
 #myFavLink a {font: bold 11px Arial; color: #000 !important; position: relative; top: -89px; right: 5px; display:block;text-shadow: 0px 1px 0px #fff;}
 #myQuotLink a {font: bold 11px Arial; color: #000 !important; position: relative; top: -104px; right: -103px; display:block;text-shadow: 0px 1px 0px #fff;}
 #discussionLink a {font: bold 11px Arial; color: #000 !important; position: relative; top: -119px; right: -206px; text-shadow: 0px 1px 0px #fff;}
 #referenceLink a {font: bold 11px Arial; color: #000 !important; position: relative; top: -134px; right: -311px; text-shadow: 0px 1px 0px #fff;}
 #optionsLink a {font: bold 11px Arial; color: #000 !important; position: relative; top: -149px; right: -417px; display:block;text-shadow: 0px 1px 0px #fff;}
 #mainpageLink a {font: bold 9px Arial; color: #000 !important; position: relative; top: -239px; right: -312px; display:block;text-shadow: 0px 1px 0px #fff;}
 #iAmQuit a {font: bold 11px Arial; color: #000 !important; position: relative; top: -253px; right: -415px; display:block;text-shadow: 0px 1px 0px #fff;}
 {-----------------------------------------------------none-----------------------------------------------------}
 #more_login, #thisDiaryPhoto, #allDiaryLink, #YaSearch, #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #rssLink, #upInChart, #headlineList, #thisDiaryLinks, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #myAccountLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #myLinks, #Stats, #TagsList, #bottomNav, #topNav, #epigraph .postTitle, #epigraph .postLinksBackg {display:none !important;}

@темы: меню

---

[true white queen]

На вас последняя надежда.
Собственно, сабж:
testing01.diary.ru
Третий день ищу причину, по которой у разных людей с разных браузеров (с тестового или разных аккаунтов - не важно) прыгают кнопки меню. Исключал все, что мог (разрешение, настройки аккаунта, плагины браузера, касперского и адгвард) - если ставлю расположение кнопок (hover) ровным для себя, они автоматически съезжают у других. Даже с одного аккаунта или с примерками дизайна. В чем может быть причина? Я уже всю голову себе сломал.

@темы: меню, отступы, фоновые картинки, diaryCSS, платный сервис, Дизайн

---

полупрозрачность

[[Беренис]]

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

вот этого места

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

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

---

Верхнее меню, дата записей, кнопки редактирования и "вверх", аватары

[SnezhArt]

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

Самое главное - меню! Решила научиться делать верхнее меню. Сделала видимыми все элементы, убрала лишние ссылки, а дальше никак.

решено

багище в меню

То есть, хочется вот так:

как в макете

Чтобы ссылки ровными рядами, на фоне не дневника, а как у блоков записей. Чтобы название днева было над фоном меню. Умом, просканировав соо и коды разные, понимаю, что задается все это как-то шириной что ле. Но каааак? тт___тт
И откуда-то вылезла строка поиска, а я, осел, не могу найти её селектор, чтобы сделать ей none. ><

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

решено

1. Дата записей. Хочется ее, как в макете, вынести над постом, а не в, как она сейчас. Как это можно осуществить?

превью

2. Аватары я запила круглые с тонкой границей, а если делать как в макете, чтобы тонкая граница в некотором отступе непосредственно от изображения аватара то, что можно предпринять?

превью

3. Кнопки редактирования постов сейчас стандартные. Как и ссылки внизу (всяческие юрл, комментировать, подписать, профиль и прочее). Однако хочется красоты с иконками, как было задумано в начале. Как ее добиться? Тут мой мозг решительно сломался.

4.

решено

Хочется сделать кнопочку "вверх" как в макете. Пробовала, но она то обрезалась, то вообще не показывалась. Боль-пичаль, ведь хочется!

Сам код:

.block_design {background: url('/userdir/2/7/0/2/2702809/80853119.png') fixed repeat;}
 #wrapper {min-width:850px!important; width:850px; margin-top: 10px !important; margin-bottom: -8px !important; padding:0 !important;}
 #side h1 a {font: bold 16px Georgia !important; color: #a3a3a3 !important; text-transform: uppercase; text-decoration: none !important; }
 #side h1 a:hover {color: #edccad !important;}
 #thisDiaryInfo, #myNotepadLink, #albumLink, #photolibLink, #myAccountLink, #allDiaryLink, #communityCatalogueLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #more_login, #iAmQuit, #postsCalendar, #rssLink, #upInChart, #authorQuot , #authorLiks, #authorAlbum, #tagslistlink, #thisDiaryLinks, #myDraftLink, #myQuotLink, #myProfileLink, #optionsLink, #favListLink, #pchListLink, #myCommunitiesLink, #globalLinks_title, #myDiaryLinks_title, #thisDiaryOwner_title, #bottomNav, .order_button, .prevnext {display: none !important;}
 #side ul {visibility: visible; display: block;}
 .singlePost, .singleComment {background: #f0f0f0 !important; margin-top: 40px !important; padding: 20px 40px 20px 40px !important; text-decoration: none !important;}
 .postDate {font: bold 12px Verdana !important; color: #edccad !important; padding-bottom: 8px !important;}
 .postTitle span {font: bold 14px Verdana !important; color: #a3a3a3 !important;}
 .postTitle {font: bold 14px Verdana !important; color: #a3a3a3 !important;}
 .paragraph {overflow: hidden;}
 .postLinksBackg a {font: 11px Verdana !important; color: #a3a3a3 !important; padding-top: 15px !important; text-decoration: none !important;}
 .atTag span, .atMusic span, .atMood span {font: bold 11px Verdana !important; color: #a3a3a3 !important;}
 .atTag a, .atMusic em, .atMood em {font: 11px Georgia !important; color: #a3a3a3 !important; text-decoration: none !important;}
 .comments_count_link {font: 11px Verdana !important; color: #a3a3a3 !important;}
 .LinkMore {font: bold 13px Verdana !important; color: #a3a3a3 !important; text-decoration: none !important;}
 #pageBar a {font: bold 12px Georgia !important; color: #a3a3a3 !important; text-decoration: none !important;}
 #pageBar strong {font: bold 16px Georgia !important; color: #edccad !important; text-decoration: none !important;}
 #pageBar a:hover {color: #edccad !important;}
 #epigraph a {font: 14px Verdana !important; color: #a3a3a3 !important; text-decoration: none !important;}
 #side h1, a:hover {color: #edccad !important;}
 #epigraph a:hover {color: #edccad !important;}
 .postLinks a:hover {color: #edccad !important;}
 .urlLink a:hover {color: #edccad !important; text-decoration: none !important;}
 .atTag a:hover {color: #edccad !important;}
 .postTitle a:hover {color: #edccad !important;}
 .avatar img {width:100px !important; min-width: 100px !important; max-width: 100px !important; border: 1px solid #edccad !important; border-radius: 50px !important;}
 .sign {font: 10px Verdana !important; color: #a3a3a3 !important;}
 .authorName a {font: bold 12px Verdana !important; color: #a3a3a3 !important; text-decoration: none !important;}
 .authorName a:hover {color: #edccad !important;}
 #change_avatar_box a, #EditFavSmileysLink {text-decoration: none !important;}
 #commentsArea_title {margin-top: -10px !important; margin-bottom: -20px !important;}

Все баги исправлены.  Стражница Поднебесья огромное спасибо!!

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

---

[nyaonate]

РЕШЕНО.

Для .singlePost фоном прописана полупрозрачная картинка. Разумеется, в эпиграфе этот фон тоже нарисовался, будь он неладен, да еще и наложился пару раз сам на себя. Вопрос: как сделать эпиграф полностью прозрачным, без какого либо фона вообще? Я себе уже все мозги сломала, подскажите, пожалуйста.

Код:

 body {background:#5c3b23 url('/userdir/3/0/8/6/3086867/80849244.gif') fixed; }
 #wrapper{width:1010px;min-width:0; background: url("/userdir/3/0/8/6/3086867/80849633.png") repeat; }
 #side{width:180px;}
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 .right #page-c {margin-right:-200px;}
 .right #page-t {margin-right:200px;}
 #forTextarea { background: url("/userdir/3/0/8/6/3086867/80850567.png") repeat !important;}

 #epigraph {background-color: transparent !important; margin-left: 20px !important; padding: 0px !important;}
 #epigraph .singlePost {background-color: transparent !important; }
 .singlePost {background: url("/userdir/3/0/8/6/3086867/80851055.png") repeat !important; margin-top: 70px; margin-left: 20px; padding: 10px;}

 .singleComment {background: url("/userdir/3/0/8/6/3086867/80851055.png") repeat !important; margin-top: 40px; margin-left: 20px; padding: 10px;}
 .menuSection {background: url("/userdir/3/0/8/6/3086867/80851055.png") repeat !important; margin-right: 20px; }
 #thisDiaryPhoto {padding-top: 20px;}

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

---

Убрать подчёркивание ссылки

[Лиана.]

Здравствуйте!
Сдуру полезла в css, в который не лазила года эдак три, переворошила код, что теперь делать - не знаю))

 #wrapper{min-width:950px!important;width:950px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; }
 #side{width:180px !important;margin:0 !important;}
 #page-c{width:762px !important;padding:0 !important;padding:0 !important;}
 #page-t {margin:0 !important; }
 #side ul li{list-style-image: url('/userdir/5/0/7/4/507436/80679977.png'); margin-left:13px;}
 #epigraph a{color:#94b691; font-family:"Tahoma"; font-size: 12px !important;}
 #epigraph {font-family:"Tahoma"; font-size: 12px !important; }
 #epigraph a:hover{text-decoration:none; border-bottom:#000000 1px dashed; color: #000000 !important;font-family:"Tahoma"; font-size: 12px !important;}
 #pchs, #lastComments, #authorAlbum, #myNotepadLink, #albumLink, #diarySupportLink, #diarySpiritLink, #faqLink, #tagslistlink, #iAmQuit, #pchListLink, #myLinksLink, #randomDiaryLink {display: none;}
 #thisDiaryLinks, .order_button, #postsCalendar {display: none;}
 a {color:#000000; text-decoration:none; border-bottom:#000000 1px dashed; font-family:"Tahoma"; font-size: 12px;}
 a:hover {color:#94b691; text-decoration:none; border-bottom:#94b691 0px dashed; font-family:"Tahoma"; font-size: 12px;}
 #postsArea .postContent {margin-left: 15px !important;}
 #epigraph .postContent {margin-left: 0px !important;}
 .singlePost {margin-top: 0px !important;}
 .postTitle {background: #94b691 !important; width:720px; text-transform: uppercase; font-weight: bold !important; color: #000000 !important; font-size: 12px !important; margin-left: -10px !important; margin-bottom: 10px !important; padding-left: 10px !important; padding-right: 30px !important; }
 .header h2 { font-weight: bold !important;}
 .postLinksBackg a{text-transform: uppercase; color: #000000 !important; font-size: 10px !important; font-family:"Tahoma";}
 .postLinksBackg {text-transform: uppercase; color: #94b691 !important; font-size: 10px !important; font-family:"Tahoma";}
 .postLinksBackg a:hover{text-transform: uppercase; color: #94b691 !important; font-size: 10px !important; font-family:"Tahoma";}
 span.quote_text { font-style: normal !important; display: block; margin: 10px; padding: 5px; border: 1px solid #000000; font-size: 12px; background: #94b691; color: #000000}
 .postDate { text-transform: lowercase; font-weight: bold !important; color: #94b691 !important; font-size: 11px !important; margin-top: 0px !important; margin-right: 0px !important; padding-left: 0px !important; font-family:"Tahoma"; text-align:left !important;}
 .atTag, .atTag em, .atTag a {color:#94b691; border-bottom:#94b691 1px dashed; font-size:11px !important; font-style:normal !important; text-align:right !important; font-family:"Tahoma";}
 

Необходимо убрать подчёркивание в ссылках в постах, оставить только пунктир. Сейчас оно убирается только при наведении
Буду благодарна за помощь!

@темы: текст

---

Меню

[Сумасшедший Шляпочник ака Хима]

Уважаемые корифеи CSS, нужна ваша помощь! Я совсем нуб и очередной мой эксперимент закончился тем, что выглядит дизайн ужасно!

Несколько проблем + их скрины

1. Почему экстратоп и экстработтом вдруг меньше дневника? Вроде бы везде задавала одинаковую ширину...
2. Меню вдруг вообще без фона оказалось...
3. Хотела в поддержку топа и ботома сделать обводку записей такой же пунктирной рамкой. Врапер использовать не могу, т.к. в итоге из-за прозрачного топа и ботома обводка гораздо выше границ, а мне нужно только границы самого дневника. Но я понятия не имею к какому элементу прицепить картинку с обводкой... Надеюсь объяснила внятно.

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

---

[.monita.]

Ещё раз прошу мне помочь.
Вот что у меня получается.
Но есть нюансы которые я никак не могу исправть.



Собственно вот я все изложила и обозначила на картинках.
Вот кодик.

 body{margin:0px !important; padding:0px !important;}
 body{background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzU2OTUuanBn')}
 #wrapper {width: 890px; position:relative !important; margin-top:10px !important; padding-right:-150px; text-align:center; z-index:3;}
 #wrapper {background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzU2OTUuanBn')}
 #wrapper a:hover, .menuSection a:hover{color:#df3820!important; text-decoration:none !important;}
 {-----------------------------Фон(1)------------------------------------------}
 #add_block2{background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzU2OTUuanBn') repeat-x bottom fixed; width:100%; height:613px; margin-top:-60px; background-attachment:inherit; overflow:visible !important;position:absolute; z-index:-2;}
 {-----------------------Экстра-топ/боттом(2)------------------------------------------}
 #extratop {background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzkxODgucG5n') no-repeat bottom; height: 655px; width:1049px; margin-top:-270px;}
 #extrabottom {background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3MzkzMTAucG5n') no-repeat top; height: 280px; width:1050px;position:relative; right:0px; margin-top:-45px; z-index:-1;}
 {-----------------------------------------------------------------}
 #side { width:800px; position:absolute !important; margin-top:10px !important; padding-left:200px; text-align:center; z-index:3;}
 #side a{color:#956164; font-size:15px; font-family:Helvetica;}
 #side li {display:block; height:10px; float:left; width:140px!important; margin-right:15px!important; padding-top:0px !important; padding-bottom:5px !important; }
 #side ul{ position:absolute; left:300px; margin-top:0px; width:470px; text-align:center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -o-border-radius: 20px; border-style:solid !important; border-color:#fdeae6!important; border-width:2px !important; background:#fdeae6;}
 #TagsList {position:absolute; padding-top:10px !important; left:-400px !important; }
 #TagsList ul {width:700px !important;}
 #TagsList li {width:215px !important;}
 #myDiaryLinks ul { margin-top:-10px !important;}
 #thisDiaryOwner ul { margin-top:-5px !important;}
 #photolibLink {margin-left:-15px !important;}
 .menuSection_title{padding-right:20px; padding-bottom:10px;}
 #side h1 A{position:absolute; top: -380px; right: 520px; font-size:22px; font-weight:bold; white-space:nowrap;}
 #authorName { position:absolute; top: -365px; right: 520px; font-size:30px !important; white-space:nowrap;}
 {-------------------------------Меню(4)----------------------------------------}
 .menuSection { background: #FFFBF2; }
 #thisDiaryOwner_title {display:block; width:108px; height:35px; line-height:300px; overflow:hidden; background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3Mzk5NDMucG5n') 0px -2px no-repeat ;}
 #myDiaryLinks_title {display:block; width:130px; height:39px; line-height:300px; overflow:hidden; background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3Mzk5NDcucG5n') 0px 0px no-repeat;}
 #globalLinks_title {display:block; width:130px; height:30px; line-height:300px; overflow:hidden; background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3Mzk5NTAucG5n') 0px 0px no-repeat;}
 #iAmQuit {display:block; width:200px; height:220px; line-height:350px; overflow:hidden; background: url('/2jmj7l5rSw0yVb-vlWAYkK-YBwk=dXNlcmRpci8zLzIvMi84LzMyMjg2NjMvODA3NDE2NzgucG5n') 0px 7px no-repeat; }
 #addToFavA, #delFromFav {position:relative; left:30px !important; white-space:pre-wrap;}
 {--------posts-----------}
 .singlePost { position: relative; background: #FFFBF2; padding: 25px 25px 25px 25px !important; margin: 90px -100px 60px 120px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #D5C9B1 !important; }
 .singleComment{position: relative; background: #FFFBF2; padding: 10px 10px 10px 10px !important; margin: 0px 0px 35px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #D5C9B1 !important; }
 #msg_form{background: #FFFBF2; padding: 10px 10px 10px 10px !important; margin: 0px 0px 20px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #D5C9B1 !important; }
 .postTitle { text-align : center; padding: 7px 0px 7px 0px !important; padding: 0px 0px 7px 0px !important;}
 .singlePost .postDate { float:right !important; margin: -50px -25px 0px 0px; padding: 0px !important; color: #9f9f9f; }
 .postActionLinks { margin-top: -15px; }
 #sortOrder { margin: -10px 0px 0px 0px; }
 .singlePost .postTitle span {width: 96px; height: 68px; position: absolute; right: -103px; background: # no-repeat; display: block !important; text-align: left; color: #1f1f1f !important; padding: 25px 0px 0px 5px !important;}
 a:HOVER{color: #4082ca !important; text-decoration: none;}
 img { max-width: 700px !important; }

@темы: diaryCSS

---

Лого

[девушка из Хребтовки]

Вобщем-то по определенным причинам пришлось лезть в оформление дневника самой, чтобы кое-что доделать и я случайно убила часть кода, который отвечал за размещение логотипа. Понимаю, что это удивительно глупо и виновата я сама без должных знаний и забывшая сохранить образец. Стыдно жуть( Поскольку я почти полный нуб в этом деле, я не могу понять, где должна быть прописана ссылка. Человек, который помогал делать оформление, недоступен от слова совсем и я не знаю, кого ещё спросить. Переадресация работает, а вот сама картинка, конечно, слетела.

#side h1 A{position: absolute; width:321px; height:84px; overflow:hidden; background: 0px 0px no-repeat; top: -120px; left: 10px; overflow:hidden !important; line-height:800px !important;}

@темы: diaryCSS

---

[.monita.]

Подскажите как сделать такое меню?
Код прописала, настройки все сделала, картинку тестовую вставляю ( с пунктом меню), а меню не отображается горизонтально.

{--------Menu-----------}

 #thisDiaryOwner_title {display:block; width:88px; height:35px; line-height:300px; overflow:hidden; background: url('/userdir/3/2/0/0/3200354/80733101.png') 0px 5px no-repeat ;}
 #myDiaryLinks_title {display:block; width:170px; height:39px; line-height:300px; overflow:hidden; background: url('/userdir/3/2/0/0/3200354/80733101.png') 0px 0px no-repeat;}
 #globalLinks_title {display:block; width:175px; height:30px; line-height:300px; overflow:hidden; background: url('/userdir/3/2/0/0/3200354/80733101.png') 0px 0px no-repeat;}
 #iAmQuit a{display:block; width:81px; height:39px; line-height:300px; overflow:hidden; background: url('/userdir/3/2/0/0/3200354/80733101.png') 0px 0px no-repeat; }
 #addToFavA, #delFromFav {position:relative; left:10px !important; white-space:pre-wrap;}

Не понимаю.
Помогите пожалуйста.

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

---

Вопрос про side ul

[DesignTester2]

Привет!

Нужна помощь! Не корректно работают выпадающие меню side ul, хоть я их как прописываю, ведут они себя независимо от кода.



Код

 #thisDiaryOwner_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #myDiaryLinks_title { 
display:block; 
width:160px; 
height:30px; 
overflow: hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #globalLinks_title { 
display: block; 
width: 160px; 
height: 30px; 
overflow:hidden; 
background: #000000; 
border: solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #iAmQuit a {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #login_form_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #thisDiaryLinks_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #side ul {
 width: 160px !important; 
background-color:#000000 !important; 
border:solid 1px #e6e3de !important; 
font: 11px Tahoma !important; 
padding: 5px 5px 5px 5px !important; 
margin: 0px 0px 0px -5px !important; 
}

 #more_login { 
display:none !important; 
}

Сейчас все кнопки прописаны шириной в 160px, такую же ширину я задала селектору side ul, но он упорно становится шире пикселей на 10, чем кнопка, причем что места, как видите, для текста ссылок внутри блока предостаточно. И похоже это зависит от padding, чем больше я задаю padding для #side ul, тем шире становится сам блок, несмотря на заданные 160 пикселей.
Здесь я задала для #side ul - padding: 10px 10px 10px 10px !important



А здесь наоборот padding: 0px 0px 0px 0px !important



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



Спасибо заранее ^^

@темы: меню, отступы, рамки и полоски, diaryCSS