.дизайн

[christian|boreal]

оцените.

christian razor.

---

О ссылках на Панели Навигации

[cytoex]

Уважаемые эксперты,

Можно ли и как переименовать названия ссылок, которые на Панели Навигации ("мой дневник", "избранное" и проч)?

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

---

Картинка сверху (часть вторая)

[Gali Inimitable]

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



и ещё чтобы была возможность поставить при этом всём другой фон на оставшуюсю часть страницы

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

---

[reine de chaos]

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

Такая неприятная вещь: по примеру Arvenktur (который неожиданно закрыл дневник...) переместила меню вверх, добавив над ним картинку. И выясняется, что IE в таком случае меню вообще не видит, а в FF оно куда-то вверх, на эту самую картинку, улетает. Можно ли с этим как-то бороться? Или, может, я что-то неправильно делаю?..

В опере выглядит так.



upd. Для FF проблема решилась довольно просто, теперь все корректно отображается. Но в IE-подобных браузерах меню не видно в упор. Можно ли с этим как-то бороться? Или, может, есть другой способ вынести меню вверх? Кроме вынесения отдельных ссылок в эпиграф...



Вопрос с перенесением меню вверх удалось решить собственными силами, спасибо дневнику Kildor. Говорят, только последние комментарии где-то не там, где надо, болтаются, но уж бог с ними - сама не пользуюсь и ладно (эгоистично, даа) . Признаться, я просто не знаю, куда их приткнуть, они там явно лишние).

upd2. От последних комментариев удалось избавиться очень легко.



Осталась только такая неприятная вещь: в IE перед блоком extrabottom появляется незнамо откуда-то неопознанная дыра. Не знаю, как с ней бороться. Может, вы что подскажете?

Уж очень раздражает (хотя мне этого и не видно)

На картинке А: блок #page-c, В - блок #extrabottom. А между ними-то что? И откуда взялось?..

запись создана: 11.04.2007 в 20:14

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

---

[волкодлак]

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

http://pay.diary.ru/~reinechaotic/

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

---

[страусег в синюю полосочку.]

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

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

---

[прахосмукачка]

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

вот код

{background-color:#000000; filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;} хочется просто черную прозрачность для меню и текста записи,без фотошопов...

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

---

Фон и картинка

[.Larette]

В общем, возник вопрос.

У меня стояла фоновая картинка в дневнике. Как только я поставила наверх дневника еще одну, то тут же пропал рисунок фона. Теперь стоит просто фоновый цвет. Как совместить и картинку вверху дневника, и фоновый рисунок? Есть ли какой-либо код?

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

---

[[devilish] oO]

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

если например какой нибуть юзер просматривает мой дневник

и у него включена функция "показывать последние 10 каментов"

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

возможно ли отключить эту опцию на дневнике,

что б не только мне не отображались эти 10 последних коментариев

но и всем юзерам,которые просматривают мой дневник?

надеюсь,вопрос понятен,если что попробую обьяснить еще раз

---

[Darling Lorraine]

Добрый день, уважаемые сообщники!



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

код здесь

#extratop {background: url('/userdir/1/7/9/3/179321/18166542.jpg') no-repeat; !important; width: 860; height: 156px; line-height: 100% !important;}

body.left {padding-left: 10px !important;}

.left #wrapper {width: 860px; margin: 0 0 0 -430px !important; padding: 0 !important; position: relative; left: 50%;}

.left #side {width: 180px !important; margin: 0 !important;}

.left #page-c {width: 670px !important; padding: 0 !important;}

#side h1 {font-family: Trebuchet MS; font-size: 12px; font-weight: bold;}

#authorName {font-family: Trebuchet MS; font-size: 12px; font-weight: bold;}

.commentAuthor {font-family: Times New Roman; font-size: 12px; color: #ccd35b; font-style: italic; }

.offtop {font-family: Times New Roman; font-size: 12px; font-style: italic;}

#postsArea, #commentsArea, #addCommentArea {font-family: Trebuchet MS; font-size: 12px;}

a:link {text-decoration: none !important;}

a:hover {text-decoration: none;}

a:visited {text-decoration: none !important;}

a:active {text-decoration: none !important;}

.singlePost {padding-left: 10px !important;}

.singlePost {padding-right: 10px !important;}

.singlePost {padding-bottom: 10px !important;}

.singlePost {padding-top: 10px !important;}

.singlePost, .menuSection {border-style: dotted;}

.header h2 {font-family: Verdana; font-size: 11px; font-weight: bold;}

.countFirstDate,.countSecondDate {font-family: Verdana; font-size: 11px; font-weight: bold;}

.header span {font-family: Verdana; font-size: 11px; font-weight: bold;}

#editPost {background: url('/userdir/1/7/9/3/179321/18132450.gif') no-repeat;}

#YaSearch {font-family: Trebuchet MS; font-size: 12px; font-style: bold;}

#myDiaryLink {font-family: Trebuchet MS; font-size: 12px; font-style: bold;}

#allDiaryLink {font-family: Trebuchet MS; font-size: 12px; font-style: bold;}

#myFavLink {background: url('/userdir/1/7/9/3/179321/18132450.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#myQuotLink {background: url('/userdir/1/7/9/3/179321/18132442.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#myLinksLink {background: url('/userdir/1/7/9/3/179321/18132510.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#writeThisDiary {background: url('/userdir/1/7/9/3/179321/18132398.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#umailLink {background: url('/userdir/1/7/9/3/179321/18132426.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#discussionLink {background: url('/userdir/1/7/9/3/179321/18132462.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#myProfileLink {background: url('/userdir/1/7/9/3/179321/18132518.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#optionsLink {background: url('/userdir/1/7/9/3/179321/18132622.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#myStatLink {background: url('/userdir/1/7/9/3/179321/18132498.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#photolibLink {background: url('/userdir/1/7/9/3/179321/18132502.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#upInChart {background: url('/userdir/1/7/9/3/179321/18132506.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important;}

#tagslistlink {background: url('/userdir/1/7/9/3/179321/18132766.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

.atTag {background: url('/userdir/1/7/9/3/179321/18132766.gif') no-repeat; padding:0 0 0 18px !important; display:block; height:18px;}

.atMusic {background: url('/userdir/1/7/9/3/179321/18132802.gif') no-repeat; padding:0 0 0 18px !important; display:block; height:18px;}

.atMood {background: url('/userdir/1/7/9/3/179321/18200139.gif') no-repeat; padding:0 0 0 18px !important; display:block; height:18px;}

.atMusic em, .atMood em, .atTag em { font-style: normal; font-size: 9px;}

#rssLink {background: url('/userdir/1/7/9/3/179321/18199875.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#albumLink {background: url('/userdir/1/7/9/3/179321/18135802.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#postsCalendar {background: url('/userdir/1/7/9/3/179321/18137346.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#headlineList {background: url('/userdir/1/7/9/3/179321/18200067.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 20px !important; }

#mainpageLink {background: url('/userdir/1/7/9/3/179321/18134230.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#favListLink {background: url('/userdir/1/7/9/3/179321/18134294.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#pchListLink {background: url('/userdir/1/7/9/3/179321/18134298.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#communityCatalogueLink {background: url('/userdir/1/7/9/3/179321/18135226.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#myCommunitiesLink {background: url('/userdir/1/7/9/3/179321/18135266.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#randomDiaryLink {background: url('/userdir/1/7/9/3/179321/18135546.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#diarySpiritLink {background: url('/userdir/1/7/9/3/179321/18137118.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#diarySupportLink {background: url('/userdir/1/7/9/3/179321/18137290.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#paySupportLink {background: url('/userdir/1/7/9/3/179321/18137226.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#faqLink {background: url('/userdir/1/7/9/3/179321/18137862.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

#iAmQuit {background: url('/userdir/1/7/9/3/179321/18137710.gif') no-repeat; font-family: Trebuchet MS; font-size: 11px; padding:0 0 0 18px !important; }

.umail {background: url('/userdir/1/7/9/3/179321/18241107.gif') no-repeat; font-family: Trebuchet MS; font-size: 10px; padding:0 0 0 20px !important; display:block; height:18px; }

.diary {background: url('/userdir/1/7/9/3/179321/18241223.gif') no-repeat; font-family: Trebuchet MS; font-size: 10px; padding:0 0 0 20px !important; display:block; height:18px; }

.comments {background: url('/userdir/1/7/9/3/179321/18132662.gif') no-repeat; font-family: Trebuchet MS; font-size: 10px; padding:0 0 0 20px !important; display:block; height:18px; }

.subscribe {background: url('/userdir/1/7/9/3/179321/18132674.gif') no-repeat; font-family: Trebuchet MS; font-size: 10px; padding:0 0 0 20px !important; display:block; height:18px; }

.addToQuote {background: url('/userdir/1/7/9/3/179321/18132654.gif') no-repeat; font-family: Trebuchet MS; font-size: 10px; padding:0 0 0 20px !important; display:block; height:18px; }

.unsubscribe {background: url('/userdir/1/7/9/3/179321/18139318.gif') no-repeat; font-family: Trebuchet MS; font-size: 10px; padding:0 0 0 20px !important; display:block; height:18px; }

.formcontainer {font-size: 80%;}

#header calHeader {font-family: Trebuchet MS; font-size: 12px; font-weight: bold;}

BODY, HTML { SCROLLBAR-FACE-COLOR: #D3D96B; SCROLLBAR-HIGHLIGHT-COLOR: #F4F5D6; SCROLLBAR-SHADOW-COLOR: #D6D35B; SCROLLBAR-3DLIGHT-COLOR: #D1DF98; SCROLLBAR-ARROW-COLOR: #9CA61C; SCROLLBAR-TRACK-COLOR: #E7EBA4; SCROLLBAR-DARKSHADOW-COLOR: #9CA61C; } (осторожно, он огромный)

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

---

Добрый день

[Жертва Азуры]

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



Диз...

---

[chanel 2.55]

Здравствуйте, у меня проблема. Один человек видит меня так:







При том что унас одинаковое расширение и один браузер - опера. Помогите разобраться.

хотя повторюсь - никто вроде не жаловался

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

---

[[А Хули]]

Как загнать список ПЧ обратно в колонку ?



полностью мой код для дайра выглядит

вот так

.bordered { border-width:2px; border-style:dashed; }

.left #side{filter:progid" >XImageTransform.Microsoft.Alpha(opacity=60);}

singlePost, .menuSection{ border-style:dotted; border-width:2 1 2px;}

A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: ##777777;}

.singlePost,.menuSection{border-style:dashed;}

.body.left { padding-left: 20px !important; padding-left: 244px; }

.left #side {text-align: center;}

{ width:224px; margin-left:-234px !important; margin-left:-112px; margin-right:-224px; }



Что надо убрать или добавить ?

Вот это надо исправить =\

з.ы. такая проблема только в опере...

запись создана: 07.04.2007 в 15:56

@темы: меню

---

ширина дизайна и расположение на странице

[free.love]

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

Пользуясь ФайрФоксом, настраивала дизайн под него, и в нём он выглядит нормально, смотреть вот тут. Но в эксплорере меню и сами записи в противоположной стороне, что, соответственно, совершенно портит всё. В Опере, кстати, всё тоже работает нормально.

Вообще, я настраивала это через описанный у Tex'a скрипт, как сделать диз посредине и фиксированной ширины, но сменив проценты. Полагаю, тут собака и зарыта?... А как сделать нормально, чтобы дизайн был нужной ширины и в нужной стороне?

Заранее спасибо за ответ =)



зы: И, на всякий случай, код.

body.left{padding-left:10px !important;}

.left #wrapper{width:647px;margin: 0 0 0 -324px !important;padding:0 !important;position:relative;left:33%;//left:66.5%;}

.left #side{width:180px !important;margin:0 !important;}

.left #page-c{width:460px !important;padding:0 !important;}

body{background-attachment:fixed; background-image: url('/userdir/1/7/3/6/173659/18238351.jpg'); background-color: #f9faff; background-position: 100% 0%; background-repeat: no-repeat; margin: 0px}

.singlePost,.menuSection {border-style:inset; border-width:0 0 1px; }

a:hover {color: #890000; text-decoration: underline overline;}

#side{position:fixed}

#upInChart {display:none}

#communityCatalogueLink{display:none}

#diarySpiritLink{display:none}

#diarySupportLink{display:none}

#paySupportLink{display:none}

#faqLink{display:none}

#topNav{display:none}

#myStatLink{display:none}

#mainpageLink{display:none}

#randomDiaryLink{display:none}



зы2: Если ответ на такой или подобный вопрос уже был, заранее извиняюсь - искала, не нашла =)

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

---

[стрекозёл]

После моих долгих мучений...

прошу - зацените!

---

[полетели?]

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

код

body.left{padding-left:10px !important;}

.left #wrapper{width:830px;margin: 0 0 0 -747px !important;padding:0 !important;position:relative;left:90%;//left:89.1%;}

.left #side{width:170px !important;margin:0 !important;}

.left #page-c{width:650px !important;padding:0 !important;}

.right #wrapper{width:830px;margin: 0 0 0 -747px !important;padding:0 !important;position:relative;left:90%;}

.right #side{width:170px !important;margin:0 !important;float:right}

.right #page-c{width:650px !important;padding:0 !important;}

.right #page-t {margin:0 !important;}



взятый отсюда

---

Закрепленное меню для всех браузеров (position:fixed)

[Трубчатый Кот]

Способ больше не работает.

Читать тут: http://pay.diary.ru/~diaryCSS/?comm...postid=29862611



Исходник статьи можно почитать у Лебедева

Этот код - только пример! Однако он адаптирован для дайри.



Прежде чем вы возьмете и воткнёте код в свой дайрь, задумайтесь! Посмотрите какая красивая природа/город/космос/чтотамувасзаокном! А надо ли вам страдать такой фигней, какой страдал я? )

Вообще это я к тому, что фиксированное меню должно в первую очередь быть продуманным.Неумно фиксировать меню в тыщу пикселей высотой, поскольку не у всех вертиральное разрешение монитора 2000px. Впрочем 500px - тоже много. 300...ну если совсем невмоготу 400...но не больше. Оставьте в фиксированном меню только самое нужное - благо как убирать пункты меню и сами блоки меню уже писали. Кстати необязательно ведь фиксировать ВСЁ меню





html {

background: transparent !important;

background-attachment:fixed;

background:url('/userdir/9/3/1/2/93120/17895735.gif') ;

}

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



.menuSection{

position:fixed !important;

position: absolute;

top: 10px;

top: exprеssion(parseInt(document.documentElement.scrollTop, 10) + 10 + "px");

}

Всё - закрепили, прибили гвоздями и т.п. Меняйте выделенную(!) десятку на сколько пикселей, на сколько хотите сдвинуть меню вниз. Замечу, что сдвинеться оно только в IE.

Еще замечу, что у дневников тип документа XHTML, поэтому выражение для parsInt заменено на document.documentElement.scrollTop



Вот мы написали этот код и вдруг БДЫЩ!!! Все меню склеились в одно. Ну что ж. Берем лопату и разгребаем:



#YaSearch {display: none;} допустим "Поиск" мы выключим

#thisDiaryOwner {display: none;} и владельца отрубим



А вот блок меню "Все дневники" опустим на 180px

#globalLinks {

margin-top:180px;ЭТО определяет положение менюшки по вертикали

max-height: 100px; height: 100px; overflow:auto; А это делает ее 100px высотой с полосой прокрутки. Эту строку можно и не писать. Но это хороший способ оставить в меню ВСЕ пункты и уменьшить его высоту.

}



Аналогично меню "Мой дневник"

#myDiaryLinks {margin-top:60px;max-height: 100px; height: 100px; overflow:auto;}

Аналогично меню "Постоянные читатели"

#pchs {margin-top:300px;height: 100px; overflow:auto;}



кстати таким же образом можно закинуть менюшки в любое место страницы.

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

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

---

[.tara]

можно ли изменить стиль, размер оффтопика?

@темы: текст

---

[страусег в синюю полосочку.]

Можно ли убрать то, что обведене, оставив при этом полоску под аватаркой, жпиграфу и по краям блоков.?

бяка

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

---

[стрекозёл]

Пожалуйста...

я раз сто поднимала вопрос, но по делу никто не ответил... Может всё-таки уто-нить поймёт глупое деффачко? Вот эти вопросики:

1) Как изменить ширину НЕ ТОЛЬКО БЛОКА МЕНЮ, но и САМИХ ЗАПИСЕЙ (всё, что под эпиграфом)?

2) А как сделать отступ от верхнего края?

Спасибо

Спасибо

Огромное спасибо

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