[do not speak]

ДД!
вопросы такие:
1) нужно задать фон под заголовок. Если задавать его для header h2, то фон будет и там, где заголовка нет.
Можно ли задать фон только под заголовок с текстом, а если текста нет, то и фона чтобы не было?
2) какие id у ссылок "следующая, предыдущая" у страниц #pageBar?

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

---

бэкграунд, границы меню, обрезка картинок

[SnezhArt]

Здравствуйте!
Начала осваивать css. Сделала макет, написала код, но никуда без багов. >< Я их уже и так, и этак, но не понимаю, как от них избавиться. тт_тт Помогите!! Буду очень признательна за помощь!!

1. самая главная ужасная проблема, не знаю откуда только она такая взялась >< , у меня что-то происходит c бэкграундами. то есть:
вместо {background: url ('КАРТИНКА') repeat fixed} после нажатия на кнопочку "сохранить" - никакого фона, никакой картинки, а в коде появляется взамен этот ужос: {background: # repeat fixed}.

далее парочка багов в скриншотах

2. как можно убрать эти две верхние границы в меню?


3. как сделать так, чтобы всякие видео и картинки неприличного размера, выкладываемые бессовестными людьми, не знающими что такое превью, обрезались не по границе блока записей, а по границе текста/ссылок/и прочего?


И еще хотелось бы совет получить, кому не жалко дать.

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

превью

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

Код прилагается:

 .block_design {background:url('/userdir/2/7/0/2/2702809/80549095.png') 50% 50% fixed;}
 #wrapper {width: 940px !important; padding: 0 !important; overflow: hidden !important; margin-top: 30px !important; margin-bottom: 30px !important;}
 #side {width: 200px !important; background: #ffffff; margin:0 !important; position: fixed !important; border: 1px solid #c8c8c8 !important; padding-top: 15px !important;}
 #page-c {width: 700px !important; background: #ffffff; padding-right: 20px !important; padding-left: 20px !important; padding-top: 15px !important; margin: 0 !important; border: 1px solid #c8c8c8 !important;}
 #page-t {margin:0 !important;}
 .menuSection {border-top: 1px solid #c8c8c8 !important; padding-bottom: 15px !important; padding-top: 25px !important;}
 #side h1 a {font: bold 12px Georgia !important; color: #b6cdc8 !important;}
 #thisDiaryPhoto img {border: 4px solid #b6cdc8 !important; margin-top:-7px !important;}
 #authorName {font: bold 12px Georgia !important; color: #b6cdc8 !important;}
 .menuSection a {font: bold 12px Georgia !important; color: #b6cdc8 !important;}
 .menuSection li {padding-left: 20px !important;}
 #TagsList a {font: 12px Georgia !important; color: #b6cdc8 !important;}
 #tagslistlink ul li {width: auto !important;}
 .tags_ul_all span {font: 12px Georgia !important; color: #c8c8c8 !important;}
 #epigraph {border: none !important; margin-top: -25px !important;}
 #epigraph a {text-decoration: none !important; font: 13px Georgia !important; color: #b6cdc8 !important;}
 #lastComments, #Stats, #pchs, #myLinks, #YaSearch, #myAccountLink, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #subscribeEmail, #unsubscribeEmail, #authorRSS, #albumLink, #rssLink, #myDraftLink, #postsCalendar, #upInChart, #myNotepadLink, #myQuotLink, #myProfileLink, #optionsLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #iAmQuit, #mySFavLink, #TagsList span {display: none !important;}
 .Attention, .prevnext, .order_button, .diary, .profile, .umail, .lastLink {display: none !important;}
 .postDate {font: bold 14px Georgia !important; color: #b6cdc8 !important; padding-bottom: 10px !important;}
 .header {padding-bottom: 10px !important;}
 .header span {font: bold 16px Georgia !important; color: #b6cdc8 !important;}
 .header h2 {font: bold 16px Georgia !important; color: #b6cdc8 !important; margin-left: 5px !important;}
 .avatar img {width:100px !important; min-width: 100px !important; max-width: 100px !important; border: 4px solid #b6cdc8 !important;}
 .sign {font: 11px Georgia !important; color: #b6cdc8 !important;}
 .postLinksBackg {font: bold 11px Georgia !important; color: #b6cdc8 !important; padding-top: 15px !important;}
 .atTag span, .atMusic span, .atMood {font: bold 11px Georgia !important; color: #b6cdc8 !important;}
 .atTag a, .atMusic {font: 11px Georgia !important; color: #b6cdc8 !important;}
 .singlePost {border-bottom: 1px solid #c8c8c8 !important; padding-bottom: 15px !important; padding-top: 15px !important;}
 .LinkMore {font:14px Georgia !important; color: #b6cdc8 !important;}
 #pageBar a {font: bold 12px Georgia !important; color: #c8c8c8 !important;}
 #pageBar strong {font: bold 16px Georgia !important; color: #b6cdc8 !important;}

UPD: БАГИ УБРАНЫ, СПАСИБО  Min Young-nim и  Стражница Поднебесья !!

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

---

.header — блок заголовка записи

[Лоссэ]

Доброго времени суток!
Очень нужна помощь. Правильно ли я понимаю, что при полупрозрачном фоне записи, который был прописан с помощью кода в графе "стили", не может уже быть фона в заголовке записи, если только он тоже не прописан?
Очень долго искал ответ на вопрос, что это должен быть за код. Кроме вот этой надписи .header — блок заголовка записи (которая ни о чем мне не говорит) ничего нигде не нашел. Очень прошу помощи. Помогите, пожалуйста, сделать фон заголовка. Спасибо

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

---

Проблема с эпиграфом

[Rikali Lockwood]

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

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

---

[chvrchs]

Пытаюсь реанимировать свои школьные знания CSS, но пока со скрипом идет.
Нужна помощь профессионалов.

1. Как сделать ссылку "подписаться" доступной только в комментариях, чтобы в ленте дневника видна не была

2. Главное меню, которое сейчас в левом нижнем углу, не должно быть выпадающим списком. вместо него нужна просто ссылка на главную страницу
то есть, чтобы вместо всего #globalLinks был только #mainpageLink

3. Возможно ли URL записи сделать датой записи?
то есть опять же .urlLink = .postTitle span или .postDate

4. Пытаюсь сделать ссылки "комментировать" и "в цитатник" видимыми по наведению при помощи

#comments {visibility: hidden;}
 #comments:hover a {visibility: visible !important; }

- не работает. в чем может быть дело?

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

---

[дымка осени]

Доброго времени суток!
Интересует такой вопрос.. Возможно ли сделать так, что бы отображалось определенное количество записей в блоге? Т.е. например 5 постов на каждой странице? Существует такой код?

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

---

Вопрос

[sasta]

Здравствуйте.
Я сразу признаюсь - ничего не понимаю в css.
Несколько лет назад написала себе код, пользовалась им, не снимая, с 2009 года, только меняла в нем цвета.
Но нынче ночью дайр весело глюкнул (вопрос в техподдержку задала, но не очень надеюсь на то, что диз мне вернется), и удалил мой дизайн.
Из настроек.
Села писать новый (ну как писать - выдергивать нужные мне строчки из постов и комментариев этого сообщества) и столкнулась со странной проблемой.
Добавляю строки, меняю параметры, смотрю - все получается.
Полоски встали, эпиграф заузился, как нужно, столбец с меню тоже, ненужные строки скрылись, шрифт на заголовок и время записи лег, только почему-то время и дата жирным выделяются, а сам заголовок нет - это первый вопрос.
И второй. Смотрю - все так, как мне нужно. Нажала "сохранить", поставила дизайн, ничего в строках не меняла - пропали полоски.
И не появляются - это второй вопрос.
Посмотрите, пожалуйста, из-за чего это может быть.
Спасибо.

 #epigraph {width:700px; margin: 0 auto !important; font-family:"arial"; font-size: 12px; color:#33110a;}
 #epigraph {border-bottom: #33110a double; 1px !important;}
 .singlePost, .singleComment, .menuSection, .pageBar { border-top: #33110a double;1px !important;}
 #side h1 a {font-family: "Monotype Corsiva"; font-size: 22px; color:#33110a; font-weight: bold;}
 #photolibLink, #albumLink, #myLinksLink, #myAccountLink {display:none;}
 #authorName span {font-family:"Monotype Corsiva"; font-size: 16px; color:#33110a;}
 #side {width:185px; font-family:"arial"; font-size: 13px;}
 .avatar img, .avatarNew img {background-color: #99827a; border: 1px solid #33110a; padding: 2px; }
 .postDate span, .postTitle {font-family:"Monotype Corsiva"; font-size: 22px; color:#33110a; font-weight: bold;} 

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

<div style="margin-left:50px; margin-right:50px;">бла-бла</div>

в самом посте можно подвинуть текст слева и справа, сделать поля. А можно это как-то задать по умолчанию через css? Не нашла т_т

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

---

[хурмушка]

Здравствуйте. У меня такая проблема... У меня на экране три браузера показывают всё ок. Но на мониторе (который огромный) у парня google chrome показывает вот так. Mozilla Firefox показывает ок.


Как от это исправить?

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

---

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

Здравствуйте. Помогите несчастному нубу, который уже весь мозг себе сломал! Т_Т

Собственно проблема и сканы

Как убрать эти мерзкие отступы? Или как прописать для них такой же фон, как я прописала для записей?

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

Ну и контрольный вопрос, не менее глупый, чем предыдущие: каким кодом прописывается картинка вместо обычного разделителя? Хоть убейте не могу вспомнить! Т_Т

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

---

помощь с багом

[Tish Evans]

upd
На странице с избранным проблему убрали, но на всех остальных страницах (черновики, цитатник и т.д.) она осталась.
Помогите, плиз!

Здравствуйте! Есть небольшой баг в дизайне, очень хотелось бы от него избавиться, но моего ума для этого не хватает. помогите, пожалуйста!
фото бага прилагается:

смотреть

+ код:

#wrapper {min-width: 1215px !important; width: 1215px; margin: 0 auto !important; padding: 0 !important;}
 #wrapper {background: #; }
 #page-c {width: 1200px !important; padding: 0 !important; padding: 0 !important; background: url('/userdir/9/8/5/2/985263/80244264.png') !important; # !important; background-repeat: repeat !important; margin-left: 67px; margin-top: -1px;}
 .postActionLinks { position:relative; left:-50px; }
 #page-t{margin-left:50px !important; margin-top:180px !important;width:1000px !important;}
 body { background: # fixed;}
 #bottomNav, #topNavLinks {display: none !important;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #fbfbfc !important; }
 .singlePost, #content {padding-right: 10px !important; padding-left: 10px !important; width:950px !important; padding-bottom: 20px !important; padding-top: 0px !important; }
 .singleComment {padding-right: 75px !important; padding-left: 75px !important; width:950px !important}
 #msg_form {padding-right: 75px !important; padding-left: 25px !important; width:950px !important}
 #postsArea { position:relative; left:65px; width:950px !important; margin-top:35px; }
 #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;}
 #epigraph .singlePost, #post0 {background: none !important;top: 5px !important;}
 #epigraph {background: none !important; background-position: bottom !important;}
 #extratop {background: url('/userdir/9/8/5/2/985263/80244267.png'); #; background-repeat: no-repeat; width: 1200px; height: 482px; margin-bottom: 0px;margin-left: 17px;}
 #extrabottom {background: url('/userdir/9/8/5/2/985263/80244265.png'); #; background-repeat: no-repeat; width: 1200px; height: 42px; margin-left: 17px; position: relative; margin-top: -32px;}
 {-------меню--------}
 #side {position: relative; top: 20px !important; right: 0px !important; left: 135px !important; width: 200px; height:150px; padding-bottom: 0px !important; margin-left: 0px !important; font: 20px times new roman !important; z-index:10; background: # !important; }
 #authorName {position:absolute; text-align: left !important; font: 20px times new roman !important; font-style: italic !important; margin-left: 136px !important; margin-top: -27px !important; width:320px;}
 #side h1 {position:absolute; text-align: left !important; font: 23px times new roman !important; font-style: italic !important; margin-left: 47px !important; margin-top:142px !important; width:320px; }
 #Stats { margin-left: 821px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #iAmQuit {display:none;}
 #YaSearch A {display:none;}
 #YaSearch {display:none;}
 #yaquery {display:none;}
 #randomDiaryLink {display: none !important; }
 #thisDiaryPhoto {position:absolute; margin-left: 90px !important; margin-top: 4px !important;}
 #thisDiaryInfo { margin-left: -20px !important; width:100px; text-align: left !important;}
 .menuSection { margin-left: 20px !important; width:125px; background: # !important; }
 #myNotepadLink, #upInChart, #usrlog, #usrpass, #albumLink, .order_button, #authorQuot {display: none !important; }
 #myDiaryLinks { margin-left: 285px !important; margin-top: -35px !important; width:125px; text-align: center !important; background: # !important; position:absolute;}
 #myDiaryLinks_title { text-align: left !important; position:absolute;}
 #myDiaryLinks ul {position: absolute; width: 175px !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175px; background: # !important; text-align: center !important; position:absolute; font: 17px times new roman !important;}
 #myNotepadLink {display: none !important; }
 #globalLinks { margin-left: 460px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryOwner { margin-left: 654px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryLinks {margin-left: 460px !important; margin-top: 60px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #myProfileLink {display: none !important; }
 #myLinks {display: none !important; }
 #pchs {display: none !important; }
 #lastComments {display: none !important; }
 #myAccountLink {display:none !important; }
 #photolibLink, #pchListLink, #communityCatalogueLink, #subscribeEmail {display:none !important; }
 #login_form { margin-left: -222px !important; margin-top: -450px !important; width:200px; background: #678b42 !important; position:absolute;}
 #usrlog { margin-left: -222px !important; margin-top: -480px !important; width:200px; background: #678b42 !important; position:absolute; }
 #usrpass { margin-left: -222px !important; margin-top: -510px !important; width:200px; background: #678b42 !important; position:absolute;}
 #bottomNav {display: block !important; top: 0px !important;}
 .avatar img, .avatarNew img {border: 2px solid #30440b;}
 {----------------------------Разделитель--------------------------------------}
 .postLinksBackg {background:url('/userdir/9/8/5/2/985263/80244269.png') no-repeat 100% 100%; height:73px; background-position: center !important; position:relative; left:0; margin-left:0px; top:20px; font-weight: bold !important; font-size: 15px !important;}
 .postLinksBackg.prevnext {background: none !important; }
 .postLinks {margin-right:0px; line-height:0pt;margin-top: -10px !important; z-index: 20;}
 .postLinks a {color:#3f5712;}
 .header {text-align: center; position:relative; top:0px; }
 .postDate {text-align: right !important; color:#442b03 !important; font: 18px times new roman !important; position:relative; top:10px;font-style: italic !important; font-weight: bold !important;}
 .postTitle {text-align: left !important; color:#3f5712 !important; position:relative;top:5px; left: 0px !important;}
 .postTitle span {text-align: left !important; color:#3f5712 !important; position:relative;top:5px;}
 .postActionLinks {position:relative; right: -50px !important;}
 img{max-width: 808px;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 55px; width: 28px; height: 31px; background: url('/userdir/9/8/5/2/985263/80244274.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 #bottom_mainlink a { display: block !important; position: fixed; bottom: 82px; right: 52px; width: 32px; height: 28px; background: url('/userdir/9/8/5/2/985263/80244276.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_mainlink a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 

запись создана: 09.01.2014 в 23:29

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

---

нид хелп

[Tish Evans]

upd
Всё решено с помощью  Тайя, которая душит романтиков)

Здравствуйте! Снова я, да. Сделала дизайн, но есть несколько багов, очень нужна помощь!

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

смотреть

И ещё вопросик: можно ли расположить меню по центру, и если да, то куда это прописывать?
Скрин:

смотреть

И кнопочка редактирования эпиграфа почему-то не активна, но это мелочи.

Код:

{--------основные блоки-----------}
 #extratop{height:376px;background:url('/userdir/1/6/1/9/1619707/80280681.png') 50% 0 no-repeat; margin-top: -10px !important;}
 #wrapper{width:970px;min-width:970px; }
 #page-t { padding-top: 60px !important; width:800px; margin-left:90px !important;}
 {--------Menu-----------}
 .menuSection a {color: #0c2b4b !important; font-size: 16px !important; text-shadow: #ffffff 1px 1px 1px;}
 #side {position: absolute; margin-top: 180px; margin-left:455px !important; z-index: 1 !important;}
 #myDiaryLinks {position: absolute; margin-top:-135px; margin-left:-265px;}
 #globalLinks {position: absolute; margin-top:-135px; margin-left:-30px;}
 #thisDiaryOwner {position: absolute; margin-top:-135px; margin-left:210px; display:block; width:220px;}
 #thisDiaryLinks, #subscribeEmail, #upInChart, #rssLink, #lastComments, #albumLink, #faqLink, #YaSearch, #diarySpiritLink, #myDiaryLinks_title, #myNotepadLink, #myFavLink, #myLinksLink, #myProfileLink, #albumLink, #allDiaryLink, #myCommunityLink, #postsCalendar, #communityCatalogueLink, #randomDiaryLink {display:none;}
 #authorName {display:block; position:absolute; margin-top:-220px; margin-left:-45px; font: 26px Book Antiqua !important; color: #ffffff !important;background: transparent !important;text-shadow: #1d3a5c 1px 1px 1px; }
 #side h1 a {display:block; position:absolute; margin-top:-565px; margin-left:-80px;font: 26px Book Antiqua !important; color: #ffffff !important;background: transparent !important;text-shadow: #1d3a5c 1px 1px 1px; }
 #Stats {display: none !important;}
 #myAccountLink {display: none !important; }
 {--------posts-----------}
 A:HOVER{text-shadow: #ffffff 1px 1px 1px;}
 A:LINK{text-shadow: #ffffff 1px 1px 1px;}
 #post0 {margin-top: 175px !important;}
 .singlePost { position: relative; background: #acc8d4; padding: 25px 25px 25px 25px !important; margin: 0px 0px 45px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; }
 .singleComment{position: relative; background: #acc8d4; padding: 10px 10px 10px 10px !important; margin: 0px 0px 35px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; }
 #msg_form{background: #acc8d4; padding: 10px 10px 10px 10px !important; margin: 0px 0px 20px 0px !important; -moz-border-radius: 15px !important; border-radius: 15px; border: 2px solid #4a799d !important; }
 .postTitle { text-align : center; padding: 7px 0px 7px 0px !important; padding: 0px 0px 7px 0px !important;}
 .singlePost .postDate { float:right !important; margin: -54px -25px 0px 0px; padding: 0px !important; color: #9f9f9f; text-shadow: #ffffff 1px 1px 1px; }
 .postActionLinks { margin-top: -15px; }
 #sortOrder { margin: -10px 0px 0px 0px; }
 .singlePost .postTitle span {width: 96px; height: 68px; position: absolute; right: -103px; background: url('/userdir/1/6/1/9/1619707/80280775.png') 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; }
 {--------Иконки-----------}
 .atTag em, .atMusic em, .atMood em, .atTag a { font-style: normal; text-decoration: none; color: #698595 !important;}
 .postLinksBackg a {color: #e36a64 !important;}
 #bottomNav {display: block !important; text-shadow: #ffffff 1px 1px 1px;}
 #pageBar {text-shadow: #ffffff 1px 1px 1px !important;}

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

---

[Korolevich Elisei]

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

.postContent { padding: 10px; border-radius: 15px; background:rgba(255, 255, 255, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#482a13,endColorstr=#482a13); -moz-box-shadow: -2px 3px 12px #570d02; -webkit-box-shadow: -2px 3px 12px #570d02; box-shadow: -2px 3px 12px #570d02;}

@темы: diaryCSS

---

Добрый вечер

[Вэлли В.]

Не подскажете, как надо прописать код, чтобы между блоками записей и комментариев было пусто? Я пробовала делать отдельный фон для #postsArea и #commentsArea, но тогда поле "добавить комментарий" остаётся вообще прозрачным

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

---

[Cherokee]

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

Если что, увеличение БИ до 300 МБ я оплачивала.

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

---

[Lynx_by]

Добрый день!
Уплывает extratop...

Картинка

Вот код:

 #extratop { background : url('/userdir/3/2/0/6/3206577/80196942.gif') no-repeat; width : 741px; height : 186px; float : right; margin-top : 0; }

Если менять параметры ширины - оно уплывает влево, наезжая окончательно на ник. Что его может жрать справа? И как убрать вот это уплывание?

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

---

[Ксаксиксюльц]

Здравствуйте!
Вот этот код:

 .postContent .postInner img {margin: 15px; -webkit-transition: margin 0.5s ease-out;-moz-transition: margin 0.5s ease-out;-o-transition: margin 0.5s ease-out;}
 .postContent .postInner img:hover {margin-top: 2px;}

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

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

---

[Береннис]

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

@темы: меню

---

Фиксированное меню & картинки вместо названия дневника.

[Балмунг Фезалион]

Есть ли способ вытащить дочерний элемент из родительского? Нужно применить к #side fixed, а к имени автора и названию дневника relative. #side:not(#authorName) не работает, другой способ не могу придумать. Могу придумать применять fixed ко всем разделам меню подряд, потом располагать их маргинами чёрт знает где и долго париться из-за разницы в количестве пунктов в меню для зарегистрированных пользователей и для гостей, но вдруг есть более простое решение? Может, существует оболочка, объединяющая все пункты меню, кроме имени автора и названия дневника?

@темы: меню

---

Горизонтальные полосы прокрутки

[DesignTester2]

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

@темы: diaryCSS

---

Много вопросов

[DesignTester2]

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

У меня много вопросов, от простых к сложным.

1. НЕ АКТУАЛЬНО
Вопрос про кнопку редактирования эпиграфа, сейчас она "спряталась" под фон самого эпиграфа. Как сделать так, что бы она отображалась над ним?
Я пробовала прописывать "z-index: 1 !important;", и даже 1000 выставлять пробовала. но, видимо, не правильно понимаю, как оно работает.

#JournalDraft #epigraph { 
display:none !important; 
}

#draft_title { 
display:none !important; 
}

#JournalDraft .list_box { 
display: none !important; 
}

#Journal #post0 { 
margin: 20px !important; 
padding: 20px 0px !important; 
}

#Journal #epigraph { 
margin: 0px 0px 40px 0px !important; 
padding: 0px !important; 
}

 #epigraph .urlLink { 
display:none !important; 
}

#epigraph .Attention { 
display:none !important; 
}

#epigraph .editPostLink { 
position: absolute; 
}

#epigraph .editPostLink { 
top: 20px !important; 
right: 25px !important; 
z-index: 1 !important; 
}

2. РЕШЕНО
Как сделать запятую между метками в цвет фона?

картинка с вопросом

3. РЕШЕНО
Как сделать, чтобы ссылки .urlLink a, .profile a, .diary a, .umail a a отображались только в виде иконок, без надписей? Сейчас у меня получились иконки с надписями в них (розовый мелкий шрифт внутри елочных шариков)

картинка с вопросом

4. РЕШЕНО
Как сделать, чтобы при наведении на эти иконки для .urlLink a, .profile a, .diary a, .umail a всплывала подсказка с подписью - URL, профиль, дневник, U-mail? Это делается как-то через hover, но я нашла только про подсветку другим цветом при наведении и изменение курсора.

Сейчас код для .urlLink a, .profile a, .diary a, .umail a такой (для вопроса 3 и 4)

.urlLink a, .profile a, .diary a, .umail a {
position: absolute !important; 
bottom: 15px; 
display: block; 
width: 24px !important; 
height: 30px !important; 
line-height: 50px !important; 
}

.urlLink a {
background: url('/userdir/3/1/9/9/3199937/80147744.png') 0px 0px no-repeat; 
}

.profile a { 
left: 51px; 
background: url('/userdir/3/1/9/9/3199937/80147746.png') 0px 0px no-repeat; 
}

.diary a {
left: 82px; 
background: url('/userdir/3/1/9/9/3199937/80147747.png') 0px 0px no-repeat; 
}

.umail a {
left: 113px; 
background: url('/userdir/3/1/9/9/3199937/80147748.png') 0px 0px no-repeat; 
}

5.РЕШЕНО
Вопрос про вынесенные кнопки. Получается их двигать только вверх-вниз. Вправо-влево двигать выходит, но тогда кнопка "цепляется" не к краю враппера, а к краю экрана, и в другом разрешении или если изменять масштаб отображения, кнопка отделяется и "парит". Left и right привязывают их к краю экрана, а мне нужно, чтобы эти кнопки были привязаны к краю враппера и выглядели примерно таким образом:

картинка с вопросом

Как выглядит сейчас:

картинка с вопросом

Код для этих кнопок:

#tagslistlink { 
position: absolute; 
top: 147px; 
height: 30px; 
width: 160px; 
text-align: center; 
background: #583a31 !important;
padding-top: 5px !important; 
text-transform: lowercase; 
font: bold 17px Tahoma; 
border: 2px solid #ea97a1; 
z-index: 4 !important;
-webkit-border-radius:10px !important; 
-moz-border-radius:10px !important; 
border-radius:10px; 
}


#tagslistlink a { 
color: #ea97a1 !important;
}

#tagslistlink a { 
color: #ea97a1 !important;
}

#TagsList ul { 
width: 160px !important; 
text-align: left; 
font: normal 13px Tahoma; 
padding: 5px 5px 5px 5px !important; 
margin: 11px 0px 0px -20px !important; 
background: #583a31 !important;
border: 2px solid #ea97a1; 
-webkit-border-radius:10px !important; 
-moz-border-radius:10px !important; 
border-radius:10px; 
}

#YaSearch { 
position: absolute; 
top: 147px; 
height: 30px; 
width: 228px; 
text-align: center; 
background: #583a31 !important;
padding-top: 5px !important; 
text-transform: lowercase; 
font: bold 17px Tahoma; 
border: 2px solid #ea97a1; 
-webkit-border-radius:10px !important; 
-moz-border-radius:10px !important; 
border-radius:10px; 
}

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

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