[zi_shi]

Поставила рядом с записями аватары, этим кодом. Таким образом они не заезжают на текст.
.postInner { min-width:500px;width:auto !important; width:500px; }
.postInner { min-height:150px;height:auto !important; height:100px; }

Но в комментариях творится следующее:

Как это исправить?
и можно ли первый аватар убрать из эпиграфа?

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

---

[L i v e]

Здравствуйте!
Скажите, пожалуйста, как перенести "поиск по дневнику" из правого верхнего края чуть левее?

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

---

Эпиграф

[do not speak]

А можно, чтоб эпиграф был виден на всех страницах, не только на главной? если да, то как это прописать..
спасибо

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

---

[уличная мода.]

помогите пожалуйста. певый раз сталкиваюсь с ЦСС дизайном.
хочу установить его в своём собществе. уже оплатила. а теперь незнаю как сделать так:

http://sexynasty.diary.ru/ - хочется всё как в этом дневнике. это подруга. фон, цвет записи и тп. будут свои.
я хочу коды именно настроек:
что б запись узкая, посередине
меню узкое слева - на нем текст орентировался по центру
и ещё + к этому что б меню двигалось вместе с пролистыванием страницы...

помогите мне...

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

---

Помогите девушке))

[Александра Сонли]

В CSS не разбираюсь от слова "совсем". Купила даже книгу по нему, но пока некогда вникать...
Подскажите (знаю, что уже неоднократно спрашивали, но искать, опять же, нет времени >.<, как сузить полосу записей и поставить её в центр?
(изъясниться понятно не могу, так что скажу: хочу, что было как здесь ) Вместе с кодом для фиксации фона.
И подскажите, в какое место в исходном коде мне всё это поставить?))

Спасибо тому, кто поможет)

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

---

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

[Speil]

скажите пожалуйста, как сделать такие вещи чтоб блок с записями стоял слева, а справа была картинка (как не повторяющийся фон)

@музыка: лакримоса

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

---

[Мышка]

Вопрос к админам: поддерживается ли свойство background-image и связанное с ним background-position?

---

[mieze]

добрый день…
1. подскажите пожалуйста, как мне убрать эту дурацкую рамку вокруг моей фотографии!? (#thisDiaryPhoto) и приделать туда такую тень, как тут тень под аватаром
2. я убрал навигацию снизу (#bottomNav ) но к сожалению там находится и статистьика… можно как‒то снова сделать видимой её одну?


вот ещё далеко не доделанынй код моего меню:

 #side{width:840x !import ant;margin-left:290px !important;}
 #side h1 a {position:absolute;left:150px;top:200px;color: #цвет;font-size:60px;font-family: Times;text-align:center;}
 #side .menuSection{text-align:center;}
 #more_login{display:none}
 #YaSearch {display:block;position:absolute;margin-right:450px;margin-top:18688px;padding:0;}
 #authorName {position:absolute; right:750px;top:307px;}
 #thisDiaryPhoto{position:relative;left:-1420px;top:150px;padding:0;}
 #bottomNav {display: none !important;}
 #side ul {background:#цвет выпадающих блоков; прозрачность -moz-opacity:.значение !important;opacity:.значение !important; filter:alpha(opacity=значение); !important; border: none}
 .menuSection_title { background: (либо картинкой background: # repeat); color:#цвет навзания; display:block; font-size:размер%; margin:;text-align:center !important;}

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

---

[Amely@]

У меня возникла проблема: невозможно выделять цитаты, как было раньше

не появляется это окошко "вставить цитату". Я понятия не имею от чего это зависит.
Буду очень признательна за помощь.

Вот мой код, возможно что-то в там повлияло на это.

#extratop { background: url("/userdir/5/0/3/6/503693/49166168.jpg") 50% 50% no-repeat; height:333px; clear:both;}
 #extrabottom{ background: url("/userdir/5/0/3/6/503693/49169138.png") 0 0 no-repeat; height:102px; background-position: center !important; margin-top:-10px!important;}
 #wrapper{ background; padding:0 !important; width:872px; min-width:872px!important; margin:0 auto !important; overflow:hidden !important; position: relative !important}
 #page-c{ background: url('/userdir/5/0/3/6/503693/49166180.jpg') repeat-y; width:872px !important;}
 #page-t { margin:0 !important}
 body{background: #b19975 url('/userdir/5/0/3/6/503693/49186271.gif') no-repeat; background-position: 50% 0;}
 .bordered, .menuSection {border: none !important;}
 .postDate {padding:9px 12px 15px !important; background: url('/userdir/5/0/3/6/503693/49146731.jpg') center bottom no-repeat;font: normal bold 115% Verdana !important; padding:12px !important; text-transform: lowercase;}
 .left #side {margin:0 0 0 -100% !important;}
 #commentsArea{width:730px !important; position: relative !important; margin-left: 20px !important;}
 #addCommentArea {width:730px !important; position: relative !important; margin-left: 20px !important;}
 .singlePost{padding-left:40px !important;}
 .singlePost{padding-right:40px !important;}
 .header span { letter-spacing: 2px; font: normal bold 115% Verdana !important; padding:4px !important; text-transform: lowercase;}
 a:hover {background:#fcfcfc;text-decoration:none;}
 #side a:link,#side a:visited{color:#46270c}
 #side a:hover,#side a:active{color:#46270c}
 #extratop { background: # no-repeat; width: 872px; height: 333px; }
 #mainpageLink { position:absolute; top: 35px; left: 700px;}
 #randomDiaryLink { position:absolute; top: 45px; left: 695px;}
 #myDiaryLink { position:absolute; top: 62px; left: 710px;}
 #myCommunityLink a b{position: absolute; top:85px; left: 705px; }
 #writeThisDiary { position:absolute; top: 98px; left: 715px;}
 #umailLink { position:absolute; top: 115px; left:735px;}
 #myFavLink { position:absolute; top: 132px; left:722px;}
 #discussionLink { position:absolute; top: 151px; left:722px;}
 #optionsLink { position:absolute; top: 170px; left:720px;}
 #addToFav, #delFromFav { position:absolute; top:187px; left: 690px;}
 #myDraftLink { position:absolute; top:205px; left: 715px;}
 #iAmQuit { position:absolute; top:222px; left: 735px;}
 #myQuotLink , #writeToAuthor,#Stats, #pchs, #pchs ul, #tagslistlink, #randomDiaryLink, #upInChart , #albumLink, #photolibLink, #allDiaryLink, #favListLink, #myCommunitiesLink, #diarySupportLink, #paySupportLink, #faqLink, #topNav , #more_login, #diarySpiritLink , div#YaSearch.menuSection, #pchListLink , #communityCatalogueLink , #myLinks , #authorLiks , #headlineList, #myLinksLink, #login_form, #myNotepadLink, #lastComments, #myQuotLink , #postsCalendar, #rssLink , #myProfileLink , #authorFav, #authorQuot, #authorAlbum, #albumLink , #QuotLink , #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #sortFromBegin, #sortFromEnd, .header #sortFromLastComment, #authorName{display:none!important}
 #epigraph{display:none}
 #authorName{display:none}
 #side h1{display:none}
 #sortOrder{display:none}
 #thisDiaryInfo{display:none}
 #thisDiaryPhoto{display:none}
 .order_button {display: none}
 .postDate {text-align: center !important; }
 .atMusic em SPAN { position: absolute; left:-1000px;}
 .atMusic em { font-size: 0 px; background: url('/userdir/5/0/3/6/503693/39078011.gif') no-repeat 0; padding-left: 65px !important; }
 .singlePost {padding-bottom: 40px !important; background: url('/userdir/5/0/3/6/503693/39078584.png') center bottom no-repeat; }
 .atTag { font-size: 0 px; background: url('/userdir/5/0/3/6/503693/39078815.png') no-repeat 0; padding-left: 15px !important; }
 .avatar img {width:100px !important; min-width:100px !important; max-width:100px!important; padding: 8px !important; border: 1px solid #e6e5e6; z-index:45; background: #fafafa !important; }
 .quote_text { display: block !important; font-style:normal !important; padding: 8px; background-color: #fffcf7; border-top: 1px solid #bac4d1; border-bottom: 1px solid #bac4d1; margin: 3px; background-image: url('/userdir/5/0/3/6/503693/49705748.png'); background-position: top left; background-repeat: no-repeat; text-indent: 18px; .quote_text span {display: block !important; background-image: # !important; background-repeat: no-repeat; background-position: bottom right;}

---

[вэл..]

Здравствуйте. Попробую объяснить...
Вопрос такой, например фон дневника темный, чтобы писать коментарий, нужно поставить галочку слева над полем окошка коментария, где прозрачные поля(HTML) ну вот, я столкнулась с такой проблемой, не все знают об этой кнопочке, и просто встают в тупик, когда и буковки черные и поле черное. ( а посты в дизайне на светлых вставочках-картинках черными буквами)
Я видела в одном дизайне, при вставлении галочки в поле прозрачные поля(HTML) текст оставался темным, а если галочку не нажимать, он был светлым, то есть все было читаемо.
Не подскажете код? если можно.

---

[Cherry|Sky]

Добрый день!
Вчера установиал CSS. Сегодня пробую поставить код.
Когда писала код в Css строку, дизайн отображается, каким он должен быть.. но когда я нажимаю "сохранить", он исчезает, и остаётся белый фон.
Что делать?

код на всякий случай

body {background: url('/userdir/9/9/4/7/99479/49351259.jpg') fixed repeat; padding-top: 0px !important; background-position: center !important;}
#wrapper{ min-width:1000px!important;width:1000px; margin: 0 auto !important;padding:0 !important;}
#extratop {background: url('/userdir/9/9/4/7/99479/49351274.png') 0 0 no-repeat; height:370px; width:906px; background-position: center !important; margin-top: 0px !important; margin-left: 65px !important }
#extrabottom {height: 250px; background: url('/userdir/9/9/4/7/99479/49351352.png') no-repeat center; clear: both; position: relative !important; right: 0px; top: -10px}
#page-c{ background: url('/userdir/9/9/4/7/99479/49351343.png') repeat-y; width:802px !important;padding:0px !important;padding:0px !important; margin-top: -4px !important; margin-left: 113px !important }
#page-t { margin:0 !important}
#postsArea { width:730px !important; position: relative !important; margin-left: 20px !important; margin-top: 0px !important }
#commentsArea{width:730px !important; position: relative !important; margin-left: 20px !important;}
#addCommentArea {width:730px !important; position: relative !important; margin-left: 20px !important;}
#side{ width:830px !important;margin:0px !important; padding:0 !important;}
#side div.bordered {position:absolute; top:170px; left:50%; margin-left:-60px ;}
.menuSection {text-align:center}
#thisDiaryOwner_title {display:block; width:145px; height:76px; line-height:500px; overflow:hidden; background: url('/userdir/9/9/4/7/99479/49351370.png') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 10px !important}
#myDiaryLinks_title {display:block; width:126px; height:76px; line-height:500px; overflow:hidden; background: url('/userdir/9/9/4/7/99479/49351388.png') 2px 4px no-repeat; margin-left: -3px !important }
#globalLinks_title {display:block; width:125px; height:76px; line-height:500px; overflow:hidden; background: url('/userdir/9/9/4/7/99479/49351403.png') 2px 4px no-repeat; margin-left: -10px !important }
#thisDiaryOwner_title:hover {display:block; width:145px; height:76px; line-height:500px; overflow:hidden; background: url('/userdir/9/9/4/7/99479/49351379.png') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 10px !important}
#myDiaryLinks_title:hover {display:block; width:126px; height:76px; line-height:500px; overflow:hidden; background: url('/userdir/9/9/4/7/99479/49351397.png') 2px 4px no-repeat; margin-left: -3px !important }
#globalLinks_title:hover {display:block; width:125px; height:76px; line-height:500px; overflow:hidden; background: url('/userdir/9/9/4/7/99479/49351430.png') 2px 4px no-repeat; margin-left: -10px !important }
#side h1 a {position:relative; top:-20px !important; left: -90px !important; font-size: 150%; font-weight: bold; text-decoration: none; color: #ffffff !important}
#authorName {position:relative; top: 70px !important; right: 610px !important; color: #aa1005 !important}
#side ul {background: #ffffff; border: 1px solid #aa1005 }
.menuSection a {color: #aa1005 !important}
.menuSection a:hover {text-decoration: none !important; color: #29548b !important}
a:hover {text-decoration: none !important; color: #aa1005 !important}
.singlePost {padding-bottom: 80px !important; background: url('/userdir/9/9/4/7/99479/49352606.png') center bottom no-repeat;}
#epigraph .singlePost, #post0 {background:none !important;}
#epigraph {background: none !important; background-position:bottom !important;}
.postDate { text-align:center; }
.header { text-align:center; }
.postLinksBackg {text-align:center;}
.pageBar {position: relative; top: 10px; }
.avatar img {width:80px !important; min-width:80px !important; max-width:80px!important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); border: 4px double #29548b}
.avatar img:hover {width:100px !important; min-width:100px !important; max-width:100px!important;-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100); border: 4px double #aa1005}
.sign {font-size: 50% !important; text-align: left;}
.sign:hover {font-size: 50% !important;text-align: left; color:#aa1005;}
#sortFromBegin {display:none !important;}
#sortFromEnd {display:none !important;}
#sortFromLastComment {display:none !important;}
.order_button {display:none}
#iAmQuit, #thisDiaryPhoto, #thisDiaryLinks, #more_login, #YaSearch, #lastComments, #myLinks, #pchs, #albumLink, #allDiaryLink, #faqLink, #paySupportLink, #diarySupportLink, #diarySpiritLink , #randomDiaryLink, #myCommunitiesLink, #upInChart, #myDraftLink, #communityCatalogueLink , #photolibLink, #lastComments, #pchs {display:none !important;}
#bottomNav {display:none !important;}

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

---

"Как" Картинка меняется на картинку при наведении курсора и еще три вопроса

[Дрэкул]

1. Я заменил несколько ссылок в дневнике на картинки. И я хочу что бы наводя на них курсор картинка менялась на другую картинку.
Я знаю что такое возможно, и я видел у кого то в дневнике, вот только забыл у кого ТТ Знаю что за это как бы отвечает a:hover, но я не вкурил что в нем прописать. Например тут
#authorName { width:80px; height:60px; line-height:3000px; background: url('бла бла бла') no-repeat; top: 105px; left: 885px; z-index:10 ; position:absolute; }
Если кто-то знает код, напишите, пожалуйста. И еще, работает ли это с фиксированными ссылками
#authorName:hover { width:80px; height:60px; line-height:3000px; background: url('бла бла') no-repeat; top: 105px; left: 885px; z-index:10 ; position:absolute; }
спасибо  polishastik
2. одна из замененных ссылок на картинку U-mail
#umailLink { top:57px; left: 171px; z-index:10 !important; background: url('/userdir/8/3/5/4/835441/49401383.png') no-repeat; position:absolute; width:72px; height:16px; line-height:3000px; }

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

3. У меня фиксированное меню к левому краю и ссылки. В опере и мозиле все прекрасно. В Хроме же меню наполовину уходит за предел всей страницы. В чем ошибка?

#side *{border:none; !important;}
#side div.bordered {position:absolute; width:1000px !important; margin: 0 !important; padding: 0!important; }
#side {z-index:10 ; position:fixed; }
#wrapper { min-width:1150px; width:1150px; position: relative !important; left:50%; margin-left: -620px !important;}

4. можно ли ссылку читать дальше (more) заменить на картинку в самом ксс?

запись создана: 12.12.2009 в 16:28

---

Цвет текста в блоке CODE

[Aloria]

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



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

@темы: текст

---

[.amethyst poison]

Извините, я совсем новичек, делала только несколько совсем простеньких css дизайнов Так что возникли некоторые, очень глупые вопросы.

- Как закрепить фон так, чтоб он стоял на месте, а сам блок с записями двигался ?
- Как перенести название дневника на экстратоп?
- Как изменить шрифт текста записи и меню?

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

---

[storm weather]

Почему при переносе #authorName и #side h1 ссылки прекращают работать?
В комментариях они не работают.
В Мазиле они не работают вообще.

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

---

html в css

[Octokid]

Да-да, вопрос очень глупый, но все же: можно ли как-нибудь вставить объект html в экстратоп?

Вот это - код объекта, который требуется вставить.

<img src="http://pic.ipicture.ru/uploads/091212/kiNq58Ij59.png" width="740" height="450" border="0" alt="" usemap="#_________________Map">
<map name="_________________Map">
<area shape="rect" alt="Дневник" coords="0,1,357,35" href="http://kiddeness.diary.ru/">
<area shape="rect" alt="Профиль" coords="631,401,734,449" href="http://pay.diary.ru/member/?1125108">
<area shape="rect" alt="Блокнот автора" coords="96,219,250,274" href="http://kiddeness.diary.ru/?newpost¬epad">
<area shape="rect" alt="Цитатник" coords="79,168,239,205" href="http://kiddeness.diary.ru/?quote">
<area shape="rect" alt="Темы записей" coords="79,125,273,163" href="http://kiddeness.diary.ru/?tags=">
<area shape="rect" alt="Главная Страница" coords="131,66,263,110" href="http://pay.diary.ru/">
</map>

картинка с ссылками, выполненная в Image Ready.

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

---

[абонент не отвечает]

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

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

---

доп. блок

[do not speak]

Не подскажете, почему у доп. блока не срабатывает repeat?
У меня задана ему высота, только на которую он и растягивается, а если ее убрать, то доп. блок вообще исчезает =(

код блока

#add_block1 { background: url('/userdir/1/3/0/8/1308297/49354394.jpg') repeat-y; height:800px; position:absolute; left:50%;margin-left:-475px; top:225px; width:950px; z-index:-1;}

весь код

весь код
#wrapper{min-width:950px !important;width:950px;margin: 0 auto !important; margin-top:-10px !important; background: url('/userdir/1/3/0/8/1308297/49359953.jpg') no-repeat;position:relative;}
#postsArea { margin-left: 62px;background: url('/userdir/1/3/0/8/1308297/49354151.jpg') repeat-y; margin-top: 663px;}
#globalLinks {position:absolute; top: 500px; left:90px;}
#side .menuSection{text-align:center;}
#myDiaryLinks{position:absolute; top: 198px; left:75px;}
#thisDiaryOwner {position:absolute; top: 768px; left:85px;}
#Stats{position:absolute; top: 930px; left:115px;}
#thisDiaryLinks{position:absolute; top: 850px; left:95px;}
#add_block1 { background: url('/userdir/1/3/0/8/1308297/49354394.jpg') repeat-y; height:5800px; position:absolute; left:50%;margin-left:-475px; top:225px; width:950px; z-index:-1;}
.postLinksBackg{border-bottom: 1px dotted #000000;}
#extrabottom {background: url('/userdir/1/3/0/8/1308297/49357433.jpg') no-repeat; width: 654px; height: 59px;line-height: 100% !important; margin-top: -15px;margin-left: 296px;}
#commentsArea, #addCommentArea {margin-left: 62px;background: url('/userdir/1/3/0/8/1308297/49354151.jpg') repeat-y;}
#authorName {position:absolute; font-size:20px !important; left: 85px; top: 108px;}
#side h1 a {display:block; width:312px; height:93px; line-height:400px; overflow:hidden; background: url('/userdir/1/3/0/8/1308297/49357922.png') no-repeat;}
#authorName {display:block; width:92px; height:24px; line-height:500px; overflow:hidden; background: url('/userdir/1/3/0/8/1308297/49357994.png') no-repeat;}
#postsCalendar {display: none;}

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

---

[женя апрель]

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

---

[Dummy Bear]

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

С другого пользователя

А когда вообще выходишь Вход оказывается слева и не на экстратопе...

Upd.
А как сделать чтобы Темы не выезжали, а сразу открывались при нажатии?
Upd.2
Что делать если с увеличением расширения меню на экстратопе уезжает влево?
Помогите пожалуйста

@темы: меню