[Kumin]

Здравствуйте! дорогие сообщники, я в затруднении:

1. хотелось бы сделать фон записей прозрачным, но когда я пытаюсь это прописать, текст и все остальное, содержащееся в записи, тоже получается прозрачным! скажите, пожалуйста, как грамотно добиться сочетания прозрачный фон + непрозрачный текст?
2. При наведении на имя автора аватарка показывается несколько в стороне от самого имени. Скажите, пожалуйста, как можно скорректировать ее координаты?
3. Вопрос по именам: header и PostTitle - неужели это одно и то же? (когда я пыталась изменить один, непременно изменялся и второй.)
Мой многострадальный код:

body{ background: #; width:800px; margin:0 auto; padding:0}
 body{background-attachment:fixed;}
 #wrapper{width:800px; padding:0 !important; margin:0 auto;}
 #side{width:800px !important;}
 .countFirstDate, .countSecondDate {text-align:center !important; font-family:"Book Antiqua" !important; font-size:14 px !important; color:#000000 !important;}
 .header {text-align:center; background: url('/userdir/3/0/2/5/302532/53028125.png') 20px 20px no-repeat; padding:0 0 0 20px !important; height:120px; position: relative; right: -200px !important; margin:0 auto; width:400px !important; }
 .postlinks {text-align:center !important;}
 .postlinksbackg {text-align:center !important;}
 #globalLinks {display:none;}
 .menuSection {text-align:left;}
 ::selection {background:#FAFAD2; color: #0099CC}
 ::-moz-selection {background:#FAFAD2; color: #0099CC}
 #authorName, #YaSearchForm {position: relative; left: -50px;}
 .avatar:hover{filter: alpha(opacity=60); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 #thisDiaryPhoto:hover{filter: alpha(opacity=60); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 #thisDiaryPhoto:{position: absolute; left: -100px;}
 #authorName, #YaSearchForm {position: relative; left: -100px;}
 #bottomNav {width:800px; !important; min-width:0;}
 a:hover{letter-spacing: 2px; text-decoration: none}
 .postLinksBackg {text-align:center;}
 #postsArea {width: 780px !important;}
 

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

---

[Hurricane Zakuro]

Добрый день. Я подключил набор платных сервисов Простой + CSS , но при попытке написать дизайн, я не обнаружил окошка, где прописывать коды. В чем проблема?

вот подтверждение того, что ЦСС у меня подключен

Со второго аккаунта всё работает, с цсс на дайри работаю давно, поэтому варианты "не там смотришь" сразу отпадают

---

[tunery]

Здравствуйте.
Не могли бы вы помочь с такими проблемами:
1. В коде прописана рамка для блоков меню, в тестовом окне она отражается, а в самом дневнике нет. Кэш чистила несколько раз, не помогает.

код

Код:

.menuSection {background: none; background: url('/userdir/2/5/8/8/258893/53003591.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/2/5/8/8/258893/53003591.png', sizingMethod='scale'); zoom: 1;}
 .menuSection { border-width: 4px; border-style: groove; color: #CC9966;}

2. Цвет текста в списке тем записи и т.п. пример:

Не понимаю как его изменить, или хоть отменить имеющийся, чтобы стал черным.

@темы: текст, меню

---

Дневники и HTML

[Bernadett-e]

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

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

<table></table>

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

Что такое

<caption></caption>

и почему он нужен в таблице?

Если я хочу настроить кнопку для нужного мне HTML-шаблона, какие ограничения?

Почему я могу вставить только

<hr />

но не

<hr size="5" color="#FF0000" width="100"> </hr>

?

@темы: дневники

---

[Ksunny]

Можно ли с помощью css изменить цвет баннера статистики?

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

---

[fimiaren]

Доброго времени суток. Проблема такая: когда я захожу со своего логина, все ссылки в меню видны. Захожу с другого - три не отображаются. Спросила у ПЧ: у них тоже эти три пункта меню не видны. Заранее спасибо за помощь)

Скриншот (с моего логина):



Скриншот (с других логинов):

@темы: меню

---

[Marked]

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

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

Проблема решена так:
.header h2{display:block; width:100%; text-align:center; padding: 0px !important;}

Спасибо  polishastik

@темы: текст

---

[fssc]

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

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

---

[Кийен]

Не могли бы вы подсказать код для того чтобы убрать строку поиска с эпиграфа?)
Заранее спасибо.

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

---

навигационные ссылки

[mukashibanashi]

сразу несколько вопросов:

1) как в коде обозначаются скобочки вокруг цифры с колличеством комментариев?
2) пишу код, все время возникает лишний блок меню: при этом в коде проставлено для #topNav и #bottomNav {display: none;}, как убрать, не подскажите?

очень надеюсь, что сможете мне помочь)

@темы: меню

---

[namjiwon]

При фиксации, меню в Лисе и IE выглядит так,как запланированно

 

А в Опере меню только мелькает при прокручивании страницы, при этом в комментариях отображается опять же как должно.

#side {width:150px !important;margin:0 !important; position:fixed; top:25px; left:35px;}

С чем можно попробовать поработать?

@темы: меню

---

[Marked]

Хочу поставить дату посередине. Не работает код

.countFirstDate, .countSecondDate {text-align:center;}
ни
.postDate{text-align:center}
ни все тоже самое с !important

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

Проблема решена, спасибо  Aloria

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

---

Проблема с кодом

[Lysander]

Здравствуйте. Что-то дизайн вообще не хочет становиться на место.
Меню не убирается, картинки на место не встают...
Дизайн этот уже носил, все было нормально.

Заранее благодарю за тычки носом в ошибки. вопрос закрыт

Теперь вопрос в другом!
Ссылки перенесены в экстратоп и заменены картинками. однако слева болтается махонький огрызое меню, изрядно портящий мне жизнь.
Пробовал
#side *{border:none;}
#side, #side *{border:none !important; background: none !important; padding: 0 !important; margin: 0 !important;}
так оно вообще все меню потерло вместе с ссылками в экстратопе. Что делать?
Да, в 4 утра я нуб

запись создана: 09.03.2010 в 02:29

@темы: меню

---

[Kumin]

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

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

---

[daria kirsu]

Здравствуйте.
У меня верхнее меню, но оно почему-то не желает стоять наравне с wrapper. Почему? Проблема решена.

Дневник открытый. Код:

 span.quote_text {font-style:italic; display: block; margin: 5px;padding: 5px; border:1px dotted #375980; font-size: 97%; background: #e1e1e1; }
 a: hover {color:#d34a6b;}
 a {text-decoration:none !important;}
 a:hover,a:active{color:#d34a6b !important}
 #side h1 {text-decoration:none; font-style:bold; font-size: 15px; color:#892432 !important;}
 .menuSection {text-align:center;}
 #side { text-transform: lowercase; }
 body{ background-attachment:fixed; }
 body { background: url('/userdir/1/6/2/5/1625902/52784063.jpg') no-repeat fixed !important;}
 #wrapper{width:800px;min-width:0;}
 #side{width:0px;}
 .left #page-c {margin-left:-0px;}
 .left #page-t {margin-left:0px;}
 .right #page-c {margin-right:-0px;}
 .right #page-t {margin-right:0px;}
 #wrapper {position:relative;left:100% ;margin:0 0 0 -800px;}

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

---

[знакомьтесь, леся.]

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

---

Проблема с фоном body

[LiMinze]

Порылась в сообществе основательно, все равно не помогло.

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

Имеется вот такой код:

body {background-attachment: fixed !important;}
 body {background: url('/userdir/1/4/8/1/1481839/52680854.jpg') !important;}

В css я в принципе не новичок, раньше с проблемами сама справлялась, но на форумах такой код работает, а на дайри отказывается.
Что делаю не правильно?

Если нужен - скрин

Если нужно - полный код

Полный код:

body {background-attachment: fixed !important;}
 body {background: url('/userdir/1/4/8/1/1481839/52680854.jpg') !important;}
#wrapper {min-width: 968px !important; width: 968px; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important;}
 #wrapper {background: # }
 #side {width: 150px !important; margin: 0 !important; background: url('/userdir/1/4/8/1/1481839/52680797.png') !important; # !important; background-repeat: repeat !important; fixed !important; margin-left: -45px;}
 #page-c {width: 700px !important; padding: 0 !important; padding: 0 !important; background: url('/userdir/1/4/8/1/1481839/52680809.png') !important; # !important; background-repeat: repeat !important; margin-left: 118px; }
 #page-t {margin:0 !important; background-color: #;}
 #side .menuSection {text-align:center;}
 #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 {font-size: small; text-decoration: none !important;}
 .singlePost {padding-bottom: 20px !important; background: # center bottom no-repeat;}
 #epigraph .singlePost, #post0 {background: none !important;}
 #epigraph {background: none !important; background-position: bottom !important;}
 #extratop {background: url('/userdir/1/4/8/1/1481839/52683932.png'); #; background-repeat: no-repeat; width: 968px; height: 436px; margin-bottom: -184px;}
 #extrabottom {background: url('/userdir/1/4/8/1/1481839/52680815.png'); #; background-repeat: no-repeat; width: 700px; height: 30px; margin-left: 118px; position: relative;}

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

---

непрозрачность картинки при наведении

[Orm-Dian]

изначальный вопрос

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

upd.

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

.singlePost {-moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80);}
.singlePost:hover {-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100);}

меня пока устраивает. может кому еще пригодится.

---

[milu]

Доброго всем времени суток!
Извините, если я не по адресу, моя проблема в сохранении картинки. Я сохраняю прозрачную картинку в gif и в png, в фотошопе указываю, что она должна быть прозрачной, но при загрузке всегда вижу черный фон.
Уже перерыла весь интернет, конкретного решения не нашла. Может кто-нибудь может помочь?
Заранее спасибо!

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

---

[Хоббит Тук]

Может, немного не по адресу, но все-таки.
На счету CSS был ноль, кинула на счет 60 рублей, оплатила CSS, сумма оплаты - 40 рублей.
В итоге сейчас на счету минус 40, и CSS нет.
Это я нуб или как?

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