Проблемы с полупрозрачным фоном

[~narcissa]

Я знаю что за вопросы про полупрозрачность здесь расстреливают на месте -_-;
Но есть такая проблема:
1. при просмотре моего дневника через интернет эксплорер и макстон невозможно выделение текста и сохранение картинок: это можно как-то исправить?
2. почему при просмотре моего дневника через и.эксплорер прозрачный фон становится в два раза плотнее, не знаю как еще объяснить, вот скриншоты:
в IE

в MF


Следующий вопрос не связан с прозрачностью:
3. у меня смайлы выстраиваются в столбик:

как это можно поправить?

пожалуйста, помогите

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

---

[.Внесение изменениЙ.]

как сделать ссылку прозрачной?
если я хочу сами названия написать на картинке extratop а ссылки позиционировать поверх них.
думаю что тут нужно химичить с opacity,но не нашла подходящих ссылок под "прозрачностью всего"

@темы: меню

---

Анимированное меню

[CreepY]

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

#myDiaryLink a{background: url('/userdir/2/6/3/6/263605/24321902.gif'; no-repeat 0; width:150px; height:40px; position: absolute; top: 50px; left: 50px; font-size: 0px; }
#myDiaryLink a: hover {background url('/userdir/2/6/3/6/263605/24321894.gif'; no-repeat 0; }

Первый код работает, второй — нет. Не издевайтесь, ламер, знаю. Скажите плз, что не так и как сделать праильно (если оно вообще возможно).
Заранее благодарен.

@темы: меню

---

О тематическом конкурсе

[designsCSS]

Итак, Конкурс №2 подходит к концу. В связи с этим хотелось бы опросить уважаемых участников сообщества на предмет тематики следующего конкурса. Мы понимаем, что сделать полноценный CSS дизайн на определенную тематику, заданную сообществом, довольно сложно. Точнее, на это необходимо потратить энное количество времени и усилий. Нам необходимо быть уверенными что участники сообщества действительно согласятся потратить своё драгоценное время на сотворение дизайна, поэтому большая просьба отписаться в комментарии всем желающим учавствовать. Если желающих не наберётся, то тематического конкурса не будет. Ещё большая просьба голосовать за выбор темы и не стесняться предлагать свои варианты.

@темы: diaryCSS

---

[vorbei mir.]

Ох. люди. либо у меня с мозгами что-то нитак. либо обленилась.
Вообщем когда я ставлю код чтобы заглавная буква ссылок меню при наведении становилась большой, то у меня этот код не работает, просто ссылки становятся с маленькой буквы и при наведении не меняет размер.Это первый вопрос.Вопрос решён
Во вторых был у меня в Worde код, который подчёркивает все ссылки и снизу и сверху чёрточкой.
Я к сожалению потеряла код и пробовала листать сообщество, но там коды не работают.
помогите плиз.

запись создана: 30.10.2007 в 21:41

@темы: меню

---

Комментарии

[lelyasamm]

В комментариях все ниже флажка "Прикрепить изображение" исчезло. В новой записи и других дневниках нормально. Оперу обновил в техподдержку ходил))) Что делать?

скрин

код

#extratop { background: url('/userdir/4/9/5/1/495121/25731183.jpg' no-repeat; width:700px; height:380px; }
#side{font-family:"Palatino Linotype","Comic Sans MS"; }
.offtop {font-family:"Tahoma","Comic Sans MS"; }
#postsArea, #commentsArea {font-family:"Palatino Linotype","Comic Sans MS"; }
a:hover{cursor:sw-resize ;}
#mainpageLink a{color: # dddddd; font-weight: bold}
#myDiaryLink a{ color: # dddddd}
#diarySpiritLink{display:none}
#diarySupportLink{display:none}
#paySupportLink{display:none}
#allDiaryLink{display:none}
#faqLink{display:none}
#myStatLink {display:none}
#upInChart {display:none}
#postsCalendar {display:none}
#discussionLink {display:none}
#randomDiaryLink {display:none}
#rssLink {display:none}
#pchs li {height:15px; max-height:15px; overflow:hidden; overflow-y:hidden;}
#myDiaryLink {background: no-repeat; padding:0 0 0 16px !important;}
#photolibLink {background: no-repeat; padding:0 0 0 16px !important;}
#writeThisDiary {background: no-repeat; padding:0 0 0 16px !important;}
#umailLink {background: no-repeat; padding:0 0 0 16px !important;}
#myQuotLink {background: no-repeat; padding:0 0 0 16px !important;}
#myLinksLink {background: no-repeat; padding:0 0 0 16px !important;}
#myProfileLink {background: no-repeat; padding:0 0 0 16px !important;}
#optionsLink {background: no-repeat; padding:0 0 0 16px !important;}
#authorFav {background: no-repeat; padding:0 0 0 16px !important;}
#authorQuot {background: no-repeat; padding:0 0 0 16px !important;}
#authorLiks {background: no-repeat; padding:0 0 0 16px !important;}
#authorAlbum {background: no-repeat; padding:0 0 0 16px !important;}
#authorStats {background: no-repeat; padding:0 0 0 16px !important;}
#authorRSS {background: no-repeat; padding:0 0 0 16px !important;}
.countFirstDate {text-align:center;}
.countSecondDate {text-align:center;}
.addToQuote {background: no-repeat; padding:0 0 0 20px !important; display:block; height:25px; }
.singlePost {background-image: !important;}
textarea { background-color: #000000; color:#000000; }
body{ background-attachment:fixed; }
A { TEXT-DECORATION: none;}
A:hover { TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width:1px; border-bottom-color: #dddddd;}
.paragraph A { TEXT-DECORATION: none;}
.paragraph A:hover { TEXT-DECORATION: none}
type="text/css" A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
.comments a:first-child {content: 'Мысли'; overflow:hidden;}
*element* {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);}
.menuSection {text-align:center; }
#side { text-transform: lowercase; }
body.left{padding-left:10px !important;}
.left #wrapper{width:700px;margin: 0 0 0 -300px !important;padding:0 !important;position:relative;left:45%;//left:70%;}
.left #side{width:150px !important;margin:0 !important;}
.left #page-c{width:600px !important;padding:0 !important;}
A:hover {font-size: 24; font-weight: bold; color: black;}
#side .menuSection { text-align:center; }
background: no-repeat; background-position: 10% 0; padding-top: 40px !important; .left #wrapper{background:#ffffff;overflow:hidden;}
A:hover {text-decoration: none; border-bottom: 3px dotted #999999;}
#page-c { position:relative; top: 30px; }

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

---

поле для добавления нового поста и рамки

[.сестра хаос.]

всё таки я в чём-то туплю. не получается настроить размеры поля для ввдения нового поста. О.о есть адльтруитсы, готовые помочь?)
#mce_editor_0_nick_insert {position:absolute; top:25px; left:280px}
#mce_editor_0_nick_insert_L {position:absolute; top:25px; left:320px}
#mce_editor_0_nick_insert_M {position:absolute; top:25px; left:350px}


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

запись создана: 30.10.2007 в 17:02

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

---

[Tonni]

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

kot

.left #wrapper {width:700px; margin: 0 0 0 -500px !important; padding: 0 !important; position: relative; left: 50%;}
.left #side {width:150px !important; margin: 0 !important;}
.left #page-c {width:540px !important; padding: 0 !important;}
.left #page-t {margin: 0 !important;}
.menuSection {text-align:center; }
header h2 {text-align: center}
.header {text-align:center; font-variant: small-caps; letter-spacing:1px; text-transform:lowercase; font-family: Arial; }
#extratop { background: url('/userdir/2/7/4/8/274855/25666855.jpg' repeat-x; !important; width:100%; height:540px; line-height:100% !important;}
.paragraph div {line-height:11px !important;}
#side {line-height:10px !important; text-align: right;}
A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width:5px; border-bottom-color: #82312a;}
#side div.bordered {-moz-opacity:.85 !important;opacity:.85 !important; filter:alpha(opacity=85); }
#page-c div.bordered {-moz-opacity:.85 !important;opacity:.85 !important; filter:alpha(opacity=85); }

@темы: меню

---

[ko[z]

Господа, помогите кто чем может.
Экспериментирую с границами, и вроде бы с постами все более-менее (надо бы еще поизвращаться, конечно, но эт потом)
А вот как быть с эпиграфом - ума не приложу. Но виден только хеадер.
С меню и датами буду пробовать сам, но вряд-ли сделаю что-нибудь путное...

Код

singlePost,.singlePost, .singlePost.lastPost, .singlePost.countFirst, .singlePost.countSecond { border: none; padding: 0px 0px 30px 0px; background: url('/userdir/3/9/6/9/396988/24294314.png') 0px 0px no-repeat; }
.postContent { background:url('/userdir/3/9/6/9/396988/25742543.png') 0px -1px repeat-y; clear:both; width:0auto; }
.postLinks { position:relative; top:-5px; left:-5px !important; left:0px; width:700px; background: url('/userdir/3/9/6/9/396988/25742415.png') 0px bottom no-repeat; height:30px; padding-bottom: 13px; padding-right: 0px; padding-left:0px; margin-left:0px; margin-right: -10px !important; margin-right:-5px;}

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

---

[yourfairie-deactivated]

Классное соо)))
Спс,поняла некоторые вещи)))
У меня к вам несколько вопросов...
1.Хоть убей,не нашла в куче ссылок и т.д. .Нужно поставить иконки на "Подписаться" и "Добавить в цитатник" (в куче ссылок нашла только ссылку где находить картинки иконок,но как раз таки картинки у меня есть а кода нет).
2.Опять таки,не нашла (даже в новых записях) код чтобы ссылки в меню были как здесь , то есть вообще буква заглавная маленькая,а при наведении курсора увеличиваеться.

если повторюсь,простите(((надеюсь,вам несложно просто выставить в комменты код?Даже обьяснять не надо,я разберусь,я КСС понимаю но коды ненаю(((

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

---

[Nica Mitsar]

У меня не вопрос. И даже не просьба.

Я в общем, все посмотрела, что хотела нашла, разобралась и все получилось, вот.

Спасибо вам)))))

@темы: Мысли вслух

---

Размножение Эпиграфа

[[Грим]]

Доброго времени суток!

Подходящей темы в сообществе пока не нашёл, поэтому пишу.

Ситуация, которая есть: имеется эпиграф, фоном которого сделана картинка. Внутри, соответственно, всякий разный текст. И естественно, эпиграф отображается только при просмотре собственных записей.

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

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

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

---

Основной блок. Новая запись

[britcardigan]

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

и еще, как сделать в основном блоке чтобы мои записи были по центру?
заранее всем огроменное спасибо!

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

---

срочно нужна ваша помощь

[coolcooldeath]

сделала дизайн в сообществе: pay.diary.ru/~thematicduel/
у меня у самой ИЕ...но в других браузерах, судя по отзывам моих пч, все криво и дико неудобно...
посоветуйте, как это исправить?!

вот код

#extratop { background: url('/userdir/5/2/2/8/522869/25730323.jpg') no-repeat; width:700px; height:500px; }
BODY { FONT-WEIGHT: normal; FONT-SIZE: 62%; BACKGROUND-IMAGE: #ffffff 0px 0px; COLOR: #634a4a; FONT-STYLE: normal; TEXT-TRANSFORM: lowercase; FONT-FAMILY: Georgia}
body.left { padding-left: 10px !important; padding-left: 234px; }
.left #wrapper { PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; LEFT: 49.5%; PADDING-BOTTOM: 0px! important; MARGIN: 0px 0px 0px -390px; WIDTH:700px; PADDING-TOP: 0px! important; POSITION: relative }
.left #side { MARGIN: 0px; WIDTH:150px! important }
.left #page-c { PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 0px! important; WIDTH:600px! important; PADDING-TOP: 0px! important }
BODY.left { PADDING-LEFT: 10px! important }
#side { POSITION: fixed; TEXT-TRANSFORM: lowercase }
.menuSection { TEXT-ALIGN: center; BACKGROUND-COLOR: #ffffff }
#side H1 { FONT-STYLE: normal; COLOR: #634a4a; font-face: "Arial" }
H1 { FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #634a4a; FONT-STYLE: normal; BACKGROUND-COLOR: #ffffff }
A { COLOR: #b8a2a2 }
#authorName { TEXT-TRANSFORM: none; COLOR: #634a4a; font-weight: bold; FONT-FAMILY: "Arial" }
A:link { FONT-WEIGHT: bold; TEXT-DECORATION: none! important }
A:visited { FONT-WEIGHT: bold; TEXT-DECORATION: none }
A:hover { COLOR: #cc9999; TEXT-DECORATION: none }
#wrapper{background:#ffffff;overflow:hidden;}
.header, .header h2, .header span { FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; FONT-FAMILY: "Arial"; COLOR: #996666; font-weight: bold; TEXT-ALIGN: center }
.singlePost { FONT-WEIGHT: normal; FONT-SIZE: 100%; BACKGROUND-IMAGE: #000000 0px 0px; COLOR: #634a4a; FONT-STYLE: normal; TEXT-TRANSFORM: lowercase; FONT-FAMILY: Verdana, Arial, sans-serif }
INPUT { SCROLLBAR-BASE-COLOR: #b8a2a2! important }
TEXTAREA { SCROLLBAR-BASE-COLOR: #b8a2a2! important }
HTML { SCROLLBAR-FACE-COLOR: #cc9999; SCROLLBAR-HIGHLIGHT-COLOR: #b8a2a2; SCROLLBAR-SHADOW-COLOR: #b8a2a2; SCROLLBAR-3DLIGHT-COLOR: #b8a2a2; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #b8a2a2; SCROLLBAR-DARKSHADOW-COLOR: #b8a2a2 }
BODY { SCROLLBAR-FACE-COLOR: #cc9999; SCROLLBAR-HIGHLIGHT-COLOR: #b8a2a2; SCROLLBAR-SHADOW-COLOR: #b8a2a2; SCROLLBAR-3DLIGHT-COLOR: #b8a2a2; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #b8a2a2; SCROLLBAR-DARKSHADOW-COLOR: #b8a2a2 }
INPUT { FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #cc9999; FONT-FAMILY: arial; BACKGROUND-COLOR: #b8a2a2; TEXT-ALIGN: left }
TEXTAREA { FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #634a4a; FONT-FAMILY: Verdana ; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left }
SELECT { FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #634a4a; FONT-FAMILY: arial; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left }
#commentsArea { FONT-SIZE: 7pt; COLOR: #634a4a; FONT-FAMILY: verdana }
.offtop { FONT-SIZE: 9pt; FONT-FAMILY: "Arial" }

@темы: diaryCSS

---

[.сестра хаос.]

обвалился диз. так уж вышло. сижу восстанавливаю.
трабл:
как убрать "лишний фон" под меню? заранее спасибо.

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

---

[Элоя]

Здравствуйте.
Поскольку игнорятся вопросы в комментах к уже заданным, пришлось создавать новую запись.
Оформляю сообщество "Неки". Вопросов несколько.
1. Аватары. Посмотрела на замечательный пример Рёцке и попробовала записать такое же себе.
Код:
.avatar {border: 1px solid; color: #000080; background: #ffffff; padding: 3px; text-align:center; margin-top:0px; margin-bottom:0px; vertical-align:center; width:100px;}
Результат

Волнует исчезновение правой границы. Пробовала с разными padding - одно и то же.

Если есть вопросы касательно разметки body - тут код

body.left { padding-left: 10px !important; padding-left: 220px; }
.left #wrapper {width:700px; margin: 10px !important; padding: 0 !important;}
.left #side {width:170px !important; margin: 0 !important;}
.left #page-c {width:700px !important; padding: 30 !important;}


2. Разделитель между записями сделала картинкой. Все нравится. Жить можно, кроме трех моментов
- Если много комментов и строка "Комментарии Подписаться Добавить в цитатник" от этого растягивается.
- Если хочу закомментировать запись, картинка так же заезжает на слова "U-mail Дневник Профиль" (применимо и к цитатнику)
- В эпиграфе все непонятным образом съезжает

Пробовала решить с помошью отступов - ставлю 10, съезжает вообще все на свете на 10pix кроме картинки |-(
Есть мысли об использовании position, но не знаю с какой стороны подступиться

3. Рамки. Делала как описано тут.
Там же и мой коммент на эту тему, на который очень хочется получить ответ.

4. Картинка в эпиграфе. Как задать margin="0"? Мне пишется, что ничего такго не знают и пользовать не хотят.

Буду очень рада Вашему вниманию.

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

---

[what if?!]

Здраствуйте) Подскажите мне пожалуйста
в ксс вообще ноль.
вот попробывала а меню уехало
как его вернуть?(
а то не знаю.
пожалуйста подскажите

---

[Tonni]

подскажите пожалуйста,почему у меня в заголовке такие пробелы?
tonnni.diary.ru/
вот код заголовка: .header {text-align:center; font-variant: small-caps; letter-spacing:1px; text-transform:lowercase; }

запись создана: 27.10.2007 в 23:34

@темы: diaryCSS

---

[девочка с леденцом]

Как в меню сделать, чтобы 1ая становилась заглавной, когда на ссылку мышку наводишь?

---

Про темы записей...

[zolotzzze]

... и их количесвто.
Вообщем, суть вопроса в том, что хотелось бы убрать количество записей, которые объеденены одной темой. В исходном коде была. Ничего интересного...

Как убрать - загадка... Подскажите, пожалуйста!

А ЕЩЕ МОЖНО?
кто-нить подскажет, что за селектор такой странный появился??? мм??

LOOK!

запись создана: 28.10.2007 в 15:59

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