[Сыч.]

Здравствуйте. Проблема такая: пыталась прилепить фон к верхнему краю посередине, чтобы он не повторялся:

 body {background: #000000 url('/userdir/3/3/5/9/335909/65804051.jpg') center center no-repeat;}

Фон уехал и отказывается возвращаться. Код копировала отсюда.

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

---

плавное выпадающее меню

[Лунный дождь]

Здравствуйте. я бы хотела узнать - в выпадающем меню возможно ли сделать "выпадание" плавным? в css3 появилось такое полезное свойство transition, но как его применить конкретно для меню, я никак понять не могу. чувствую, способ очень уж хитромудрый или нет хД, но все-таки)

@темы: меню

---

Добрый вечер!

[Aeon Flax]

Скажите, пожалуйста, что не правильно:

сама проблема

Не работает - код body {background: url /userdir/2/0/2/1/2021881/69416102.jpg; fixed;padding: 0 !important;background position- bottom;}
#extratop{height:840px;background:url('/userdir/2/0/2/1/2021881/69416102.jpg') 50% 0 no-repeat;}
Я только учусьЗаранее, спасибо!)))

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

---

Отступы снизу

[Desert Eagle]

Внизу блока записей появляется ненужный отступ, между фоном записей и рамочкой. Где я нахимичил в коде?

Заранее благодарен.

Код:

#wrapper {position:relative;}
 #wrapper {top: -10px;}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; border:10px solid #aeb5bc;}
 body{background-attachment:fixed;}
 #extratop {background: url('/userdir/1/4/7/4/147491/64755065.jpg') no-repeat; width: 900px; height:440px !important; padding: 0 !important; margin: 0 !important;}
 #page-c{width:900px !important;padding:0 !important;padding:0 !important;}
 #page-t {margin:0 !important}
 #page-t { background: #9ca2a8; width:900px !important;}
 #page-c a:hover,a:active{color: #000000 !important; text-decoration:none !important}
 #page-c a{color: #7a4046 !important; text-decoration:none !important}
 #side{width:900px !important;margin:0 !important}
 #side a:hover,a:active{color: #000000 !important; text-decoration:none !important}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .nextPostLink {float: right;}
 #side h1 a {position: absolute; left:72px; top:70px !important; width:200px; height:42px}
 #side h1 a {color: #000000!important; font-family: Arial; font-size: 12pt; text-transform: uppercase; font-weight: bold;}
 #authorName { position:absolute; top:100px; left: 120px; font-weight:bold; color: #000000!important; font-size: 14px}
 #side *{border:none;}
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:900px; margin: 0 !important; padding: 0!important; position:absolute; top:1px ; }
 #headlineList, #myCommunitiesLink, #upInChart, #myLinks, #YaSearch, #rssLink, #myLinksLink, #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, #communityCatalogueLink, #photolibLink, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #tagslistlink, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #pchs, #login_form, #more_login, #subscribeEmail, #myNotepadLink, #authorRSS, #writeToAuthor, #subscribeEmail, #delFromFav, #Stats {display:none!important}
 #myDiaryLink { position:absolute; top: 140px; left: 120px; }
 #writeThisDiary { position:absolute; top:155px; left: 120px;}
 #myDraftLink { position:absolute; top: 170px; left: 120px;}
 #myFavLink { position:absolute; top: 185px; left:120px;}
 #discussionLink { position:absolute; top: 200px; left: 120px;}
 #optionsLink { position:absolute; top: 215px; left:120px;}
 #umailLink { position:absolute; top: 230px; left:120px;}
 #myProfileLink { position:absolute; top: 245px; left: 120px;}
 #mainpageLink { position:absolute; top: 260px; left: 120px; font-weight:bold}
 #postsCalendar{ position:absolute; top: 275px; left:120px;}
 #myQuotLink{ position:absolute; top: 290px; left:120px;}
 #addToFav { position:absolute; top:305px; left: 120px;}
 #iAmQuit { position:absolute; top: 320px; left:120px;}
 .singlePost { margin: 0px 0px 30px 0px !important; }
 .postContent { margin: 10px 0 10px 0 !important; overflow: hidden !important;}
 .paragraph { margin-top: 3px !important;}
 .avatar img {-webkit-box-shadow: 0px 0px 7px #7f838a; -moz-box-shadow: 0px 0px 7px #7f838a; box-shadow: 0px 0px 7px #7f838a; margin: 5px 0px 0px 5px !important; padding: 6px !important; border: 1px solid #b5b1b2; }
 .sign{ margin: 0px 0 0px 5px !important; }
 .postLinksBackg li {background: #f4ede5; padding: 2px !important; color: #aeb5bc; text-transform: uppercase; font: 11px Arial;}
 .postDate {color: #f4ede5!important;}
 #addCommentArea_title, #commentsArea_title, #draft_title, #new_post_title, .calHeader { font: 15px Arial !important; text-transform: uppercase; color: #9e958e !important; margin: 10px 0px 10px 0px !important;}
 span.quote_text { font: italic 12px Tahoma; display: block; margin: 10px; padding: 10px; background: #; border-top: 1px solid #6b6e74; border-bottom: 1px solid #6b6e74;}
 .atTag a{text-decoration:none}
 .paragraph {overflow: auto}
 

Спасибо, решено.

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

---

Всё решено

[Buddy7Glass]

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

отступ:

отступ

код

#YaSearch{display:none}
#side h1 a, #authorName { text-transform:none; color: #b2a6a8; font-size: 10px; font-family: "Verdana";}
#extratop{height:381px;background:url('/userdir/5/7/2/3/572348/69326435.png') 50% 0 no-repeat;}
A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 1px; border-bottom-color: #592e10;}
body{ background-attachment:fixed; }
.left #wrapper{background:#dadada;overflow:hidden;}
#authorAlbum{display:none}
#photolibLink{display:none}
#headlineList{display:none}
#rssLink{display:none}
#albumLink{display:none}
#communityCatalogueLink{display:none}
#randomDiaryLink{display:none}
#diarySpiritLink{display:none}
#authorLiks{display:none}
#diarySupportLink{display:none}
#paySupportLink{display:none}
#faqLink{display:none}
#upInChart {display:none}
#myCommunitiesLink {display:none}
#side {width:850px !important; margin:0 !important; margin-top: 0px !important;}
#side a{color:#050505}
#side a:hover{color:#c4112e}
div.menuSection {text-align:center !important;}
#page-c {width:850px !important; padding:0 !important; margin:0 !important;}
#page-t {margin:0 !important;}
#wrapper{min-width:850px!important; width:850px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
#side .bordered{border-right-width:0!important;position:relative;right:-[1];}
Спасибо  La mignonne
_______________________________
По сравнению с несколькими минутами ранее всё почти идеально

Исключительно для добрых и терпеливых добровольцев

Как привести всё в божеский вид (уровнять все блоки) и ник переместить рядом с названием (или как вариант вообще убрать)?

код

#page-t {width:850px; padding:0px 3px 0px 3px; border-left: double 2px #ececec; border-right: double 2px #ececec;}
#extratop { background: url('/userdir/5/7/2/3/572348/69326435.png') repeat-x; !important; width: 100%; height:381px; line-height: 100% !important;}
#wrapper{width:850px;min-width:0;}
#side{width:120px;}
.left #page-c {margin-left:-120px;}
.left #page-t {margin-left:120px;}
.right #page-c {margin-right:-120px;}
.right #page-t {margin-right:120px;}
.left #wrapper{background:#ffffff;overflow:hidden;}
#side a{color:#050505}
#side a:hover{color:#c4112e}
div.menuSection {text-align:center !important;}
body{ background-attachment:fixed; }
#postsCalendar{display:none}
#albumLink{display:none}
#rssLink{display:none}
#communityCatalogueLink {display: none;}
#randomDiaryLink {display: none;}
#diarySupportLink {display: none;}
#paySupportLink {display: none;}
#YaSearch {display: none;}
#faqLink{display:none}
#randomDiaryLink{display:none}
a:hover{cursor:crosshair;}
#thisDiaryOwner {display: none;}
#diarySpiritLink{display:none}
#myLinksLink{display:none}
#photolibLink{display:none}
#headlineList{display:none}
A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 1px; border-bottom-color: #592e10;}
#side {line-height:0.9em;}
#header{text-align:center;}

запись создана: 20.05.2011 в 03:15

@темы: меню, эпиграф, отступы

---

[Анна Роддик]

Здравствуйте, уважаемые мастера CSS.) Снова обращаюсь к Вас с вопросом (возможно тупым). Выставила некоторым кнопкам в дневнике значение display: none - как теперь использовать пустое пространство. То есть например я убрала в начале записей кнопки сортировки записей и редактирования эпиграфа, как теперь записи задвинуть вверх на пустое пространство этих кнопок? (пробовала чисто ради эксперимента повыставлять везде margin-top: 0, разумеется не помогло, так как понимаю, там как-то по-другому надо, это ведь не отступ). Заранее спасибо за помощь

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

---

[Лан Мао]

Подскажите пожалуйста! Не могу поменять цвет названия дневника.
#authorName {color:#000000; font-family:"Verdana"; font-size: 20px; } нормально задает цвет для имени автора, а #side h1 a {color:#ffffff; font-family:"Calligraph"; font-size: 16px; } цвет названия дневника не меняет.
Общий цвет для все ссылок задан #a2171a. Может код не верный?

---

[halftail]

Задала цвет для фона заголовка .header {background: #161616; }
В Опере все нормально, в Мозиле и хроме фон идет через пост.
Можно ли как-то это исправить?

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

---

отступ под экстратопом

[Грин]

Здравствуйте!
1. Как убрать выделенный красным пробел? В эпиграфе вроде всё стёрто, сделать высоту экстратопа побольше не получается, этот пробел остаётся.(

@темы: отступы

---

[manhattan.]

Уважаемые знатоки!
подскажите пожалуйста, можно ли сделать блок записей "двухслойным"?
т.е., например, чтобы на черный слой накладывался полупрозрачный белый, но он был меньше по размеру, чем черный...не знаю, как по другому объяснить. для наглядности картинка:


если такое возможно, буду благодарна, если объясните, как это сделать...
заранее спасибо)

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

---

[Лан Мао]

Подскажите, можно ли поместить счетчик статистики на экстработтом. Если да, то подскажите код.
Нижняя полоса меню убрана и счетчик тоже исчез. Код и скин прилагаю))

body {background:url('/userdir/1/8/1/6/1816774/66668003.jpg');}
 #wrapper{background:url('/userdir/1/8/1/6/1816774/69072026.jpg'); min-width:1000px!important;width:1000px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/69076736.jpg') no-repeat; width: 1000px; height:300px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/69072017.jpg') no-repeat; width: 1000px; height: 300px;line-height: 100% !important; margin-top:-0px;margin-left: 0px;}
 #page-t{margin-left:30px !important; width:940px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:914px; margin: 0px 0px 0px 0px !important; }
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 50px 0px 50px !important; background: url('/userdir/1/8/1/6/1816774/69073064.png') no-repeat bottom center; }
 .menuSection {text-align:center; }
 #myDiaryLinks_title {display:block; width: 190px; height: 50px; line-height: 700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69076682.png') no-repeat;}
 #myDiaryLinks ul {width: 190px; height: 250px; background: url('/userdir/1/8/1/6/1816774/69073787.jpg') no-repeat; text-align:center; padding:20px 0px 0px 0px !important; margin-top: -1px !important; margin-left: -4px !important;}
 #globalLinks_title {display:block; width: 190px; height: 50px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69076670.png') no-repeat;}
 #globalLinks ul {width:190px; height:250px; background: url('/userdir/1/8/1/6/1816774/69073787.jpg') no-repeat; text-align:center; padding:20px 0px 0px 0px !important; margin-top: -1px !important; margin-left: -4px !important;}
 #thisDiaryOwner_title {display:block; width:190px; height:50px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69076679.png') no-repeat;}
 #thisDiaryOwner ul {width:190px; height:250px; background: url('/userdir/1/8/1/6/1816774/69073787.jpg') no-repeat; text-align:center; padding:20px 0px 0px 0px !important; margin-top: -1px !important; margin-left: -4px !important;}
 #pchs_title {display:block; width:190px; height:50px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69076688.png') no-repeat;}
 #pchs ul {width:250px; height:250px; background: url('/userdir/1/8/1/6/1816774/69077051.jpg') no-repeat; text-align:center; padding:20px 0px 0px 0px !important; margin-top: -1px !important; margin-left: -30px !important;}
 #side {min-width: 800px !important; }
 #myDiaryLinks {position:relative; top:-120px; left:200px }
 #globalLinks {position:relative; top:-120px; left:-288px }
 #thisDiaryOwner {position:relative; top:-120px; left:675px }
 #pchs {position:relative; top:-200px; left:-200px }
 #side h1 a {repeat-x bottom; position:relative; left:320px; top:-220px; font-size: 25px; font-family: "Tahoba"; text-transform: uppercase; text-shadow: 3px 1px 2px #ffffff, 1px 1px 2px #503917;white-space:nowrap;}
 #side h1 a:hover{color:#6c6b3f; text-decoration:none;}
 #YaSearch, #lastComments, #paySupportLink, #thisDiaryPhoto, #iAmQuit, #bottomNav, #login_change, #myLinksLink, #iAmQuit a, #diarySpiritLink , #more_login, #faqLink, #diarySupportLink, #rssLink, #myLinks, #thisDiaryLinks {display:none !important;}
 #authorName {position:relative; right:440px; top:35px; font-size: 20px; font-family: "Tahoba"; text-transform: uppercase; text-shadow: 3px 1px 2px #ffffff, 1px 1px 2px #503917; white-space:nowrap;}
 #authorName:hover{color:#6c6b3f; text-decoration:none;}
 msg_form input, #msg_form textarea {background-color:#ffffff !important;}
 #page-c{width:1000px !important;padding:0 !important;padding:0 !important; margin-top: -100px !important;}
 .menuSection a{font-size: 15px !important; text-align : center; }

---

[это всё она.]

вот код
#add_block1 { background: url('/userdir/1/7/2/4/1724476/68598446.png' no-repeat; margin-left: 900px !important ; position:absolute;top:450px; padding:1 !important; width:250px; height:700px;z-index:1;}
#add_block2 { background: url('/userdir/1/7/2/4/1724476/68598167.png' no-repeat; margin-left: 930px !important ; position:absolute;top:800px; padding:1 !important; width:250px; height:700px;z-index:1;}
#add_block3 { background: url('/userdir/1/7/2/4/1724476/68598686.png' no-repeat; margin-left: 940px !important ; position:absolute;top:700px; padding:1 !important; width:250px; height:700px;z-index:1;}
почему-то уезжают дополнительные блоки,в зависимости от экрана...

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

---

Что это? ._.

[you want to sleep]

Здравствуйте, наверное вопрос покажется глупым, но мне очень интересно, как сделать, чтобы в дизайне появился блок со статичной информацией, которая где-то сама вводится.
Вот как здесь, справа.

Это дополнительные блоки, или что?
и как можно добавлять информацию в них.
По поиску и в настройках вроде тщательно смотрел, не нашел хх"

@темы: дневники, Дизайн

---

[это всё она.]

.menuSection{color:#ffffff!important;} что не так в коде?почему меню не отоюражает пропсианый цвет?

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

@темы: меню

---

Селектор '>'

[Wind Keeper]

Обнаружила, что дайри не признаёт вот такую вещь:
.paragraph > div
заменяя ">" на "#". Возможно, кто-нибудь придумал, как обратиться к непосредственно дочернему div'у, не затрагивая вложенные? Нужно выцепить div, в котором лежит сам текст поста.

---

[бескрайняя]

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

@темы: меню

---

фоновые картинки и эдд_блок

[Меломан Пух]

Здравствуйте.
Новичок в коде.
Возникла проблема с эдд_блоком.
Нужно, чтобы эта картинка была bottom right и была поверху записей .singlePost.
Попробовала все, что предлагали здесь в сообществе - ничего не получается, мой днев упорно не видит эдд_блока.
Вот коды извращений:

#add_block1 {background: url('userdir/1/8/2/3/1823218/68900231.jpg'); position:fixed; bottom:0px; right:0px; z-index:-1;}

#add_block1 {background: url("userdir/1/8/2/3/1823218/68900231.jpg") !important; bottom: 0px!important; right:0px!important; width: 600px!important; height: 762px!important; position: fixed !important;}

background-image: url("userdir/1/8/2/3/1823218/68896778.jpg"), url("userdir/1/8/2/3/1823218/68900231.jpg") position:fixed; bottom:0px; right:0px; z-index:-1;}

#add_block1 {position: absolute; right: 160px; bottom: 160px; z-index: 5;}

Спасибо.

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

---

Рамка меню

[Шарлеруа]

Здравствуйте!
1. На основе стандартного блочного дизайна сделала свой. Вот что получается с границей:

Код такой:

 #wrapper{!important; width:95%; margin: 0 auto !important; position:relative; margin-top: -10px; background: url('/userdir/2/4/6/3/2463667/68853218.png') repeat center top; }
 #page-t { background: url('/userdir/2/4/6/3/2463667/68853077.png'); }
 #side { background: url('/userdir/2/4/6/3/2463667/68853077.png'); }
  .menuSection {font-size:90%;}

Пыталась выставить border в #side, но никакого эффекта. Удалось убрать лишь все рамки и разделители в меню полностью, но мне это не подходит.

2. Можно ли сделать так, чтобы время не показывалось перед заголовком записи, но отображалось в комментариях?
Заранее спасибо.

UPD: ответ найден.

@темы: рамки и полоски

---

[Laite]

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

@темы: меню

---

[Nelliely]

Уважаемы мастера, помогите пожалуйста.
В данный момент меню при моём дизайне выглядит так:

Очень хотелось бы убрать список постоянных читателей из него, или на крайний случай свернуть его до надписи "Постоянные читатели (228)", (т.е без перечисления ников)
#pchs {display: none} пробовала, не помогает.

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