[Хаура]

Недавно подключила платный сервис, начала играть с дизайнами, но почему-то, когда устанавливаю диз с экстатопом, этот самый экстратоп не видно. И так уже с несколькими дизайнами. Очень хочется поставить некоторые дизайны, но из-за этого не получается. Помогите, пожалуйста.
Вот как дожно быть http://static.diary.ru/userdir/1/4/9/5/1495018/67875431.png
и вот как получается http://static.diary.ru/userdir/1/4/9/5/1495018/67875323.jpg
В коде все проставляю, но все равно не получается.

Все готово

---

[Шизуо Хейваджима]

Как исправить то, что обрамление на экстратопе не полностью? Вроде в коде все нормально прописал.
static.diary.ru/userdir/2/4/0/4/2404408/6787015...

Вот код:

 body {background position- bottom;padding: 0 !important;}
 #extratop {background: url('/userdir/2/4/0/4/2404408/67868627.jpg') no-repeat; height:700px; width:1000px;-moz-border-radius: 15px; border-radius: 15px; border-style:solid; border-color:#ebd99e; border-width:6px;}
 #wrapper{ min-width:1000px!important;width:1000px;margin: 0 auto !important;overflow:hidden !important}
 #side{width:150px !important;margin: 0 !important; margin-left: 15px !important;}
 .header,.countFirstDate,.countSecondDate {text-align:center;}
 #page-t {margin:0!important; background-color: #ffffff;}
 #addCommentArea { margin-left: -10px !important;}
 #postsArea { width:800px !important; position: relative !important; margin-left: 165px !important; padding: 10px !important }
 #page-t {border-style:solid; border-color:#ebd99e; border-width:6px;-moz-border-radius: 20px; border-radius: 20px; }
 #input, textarea { background: #e8d29d;}
 .menuSection li {border-bottom: 1px dotted #c2b9da;list-style: none;}
 .menuSection li a {display: block; padding: 3px 2px 5px 10px; text-decoration: none; }
 .menuSection li a:hover {background: #e8d29d; color: #97190c !important;}

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

---

ай нид хэлп

[[DEAD_ILLUSION]]

в Хроме и Опере диз отображается корректно.
в Лисе подводит.
как сделать что бы название дневника либо убрать совсем, либо спрятать под то название что в экстратопе.
#side h1 {display:none;} в Мозиле видимо не работет.

s42.radikal.ru/i096/1104/25/cc104982ab92.jpg

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

---

[Marked]

Ситуация такая.

Меню вверху, вот такое. Нужна еще одна колонка меню - ПЧ. Т.к. их много, меню надо сделать выпадающим.
Я задавал всем вариациям #pchs {display:inline;}. Меню складываться отказывалось. Где я ошибся?

@темы: меню

---

фиксация меню

[[ Ice Bird ]]

Доброго дня)
А я снова за помощью.

Хотела зафиксировать меню слева, чтобы точь-в-точь стояло на том месте, где мне надо и никуда не отъезжало. У меня всё встало, но у кого разрешение больше моего, оно уезжает или и вовсе обрезается. Посмотреть другие скрины можно в дневнике в последнем посте.
Пока смотрела в нескольких браузерах, увидела, что они все его тоже по-разному отображают:

В ИЕ: _____________________________________ В Мозилле:
__

В ГуглоХроме: _____________________________ и Опере:
__

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

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

Код

#wrapper{min-width:690px!important;width:700px;float:right!important; padding:0 !important; overflow:visible !important; background:#48aaa9; }
 #page-t {margin:0 !important; width:750px !important;padding:0 !important;padding:0 !important;}
 #page-c {min-width:690px !important; width:700px !important; float:right!important; background:#48aaa9;}
 #side {min-width:690px !important; width:700px !important; float:right!important; background:#48aaa9;}
 body {background: #47a9a8 url('/userdir/8/9/7/6/897665/67759007.jpg') left bottom no-repeat; background-attachment: fixed;}
 #authorName {top: 150px; position:fixed; right: 880px !important; font-family: "Trebuchet MS"; font-size: 15px!important;}
 #side h1 a{position:absolute; top: 1px; left: 400px; font-family: 'Old Comedy'; font-size: 36px; font-weight: bold; font-style: normal!important; color:#ffffff!important;}
 #side h1 a span {display: none important;}
 .singlePost first, .countSecond {background:url('/userdir/8/9/7/6/897665/67760141.png') no-repeat; background-position:bottom;!important;}
 #extratop { background: transparent) 5epeat-x; width: 100%; height: 20px; position:relative; left: 0px; right:0px; margin-top:-10px;}
 #myDiaryLinks_title {display:block; width:180px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67764842.png') no-repeat;}
 #myDiaryLinks ul {background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #myDiaryLinks {position:fixed; right: 745px; top: 180px; }
 #thisDiaryOwner_title {display:block; width:180px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67765832.png') no-repeat; }
 #thisDiaryOwner ul {background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #thisDiaryOwner {position:fixed; right: 745px; top: 430px; }
 #thisDiaryLinks_title {display:block; width:180px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67766363.png') no-repeat; }
 #thisDiaryLinks ul { background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #thisDiaryLinks {position:fixed; right: 745px; top: 580px; }
 #globalLinks_title {display:block; width:180px; height:50px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67767455.png') no-repeat; }
 #globalLinks ul {background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #globalLinks {position:fixed; right: 745px; top: 698px; }
 #myCommunitiesLink, #myLinks, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, #sortOrder, #topNavLinks, #communityCatalogueLink, #myCommunity, #favListLink, #myCommunityLink, #myCommunity, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #subscribeEmail, #thisDiaryPhoto, #myNotepadLink {display:none!important;}
 #iAmQuit b {display:block; width:143px; height:65px; overflow:hidden;}
 #iAmQuit b {position:fixed; right: 870px; top:670px; font-weight: normal!important;}
 #login_change {position:fixed; top: 5px; right: 620px;}
 #login_change {background-color: #48aaa9 ; border: 1px solid #7ccab9!important;}
 #more_login a{ position:fixed; top: 70px; right: 850px;}
 .avatar img,.avatarNew img {background-color:#ffffff; border: 2px solid #b1cef0; padding: 2px; }
 a {text-decoration: none!important; }
 a:hover {color: #ffffff; }
 #side a, side {color: #a14816; }
 #side a:hover {color: #ffe8a1!important; }
 #YaSearchForm{ position:relative; top: 1px; right: 480px;}

Такой дизайн делаю впервые, так что вполне могла что-то не туда влепить...

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

---

проблемы с кодом

[Грин]

очередная проблема =_=
точнее, даже две.
1. прописываю код, чтобы на вместо ссылок были картинки,

вот он.

#myDiaryLink a{display: block; overflow:hidden; height:150px; line-height:900px; width:500px; top:-313px; left:-551px;position: absolute; background: url('/userdir/6/4/9/8/649824/67726052.jpg') no-repeat !important;}
#writeThisDiary a {display: block; overflow:hidden; height:45px; line-height:900px; width:500px; top:-202px; left:-551px;position: absolute; background: url('/userdir/6/4/9/8/649824/67726061.jpg') no-repeat !important;}
#umailLink a {display: block; overflow:hidden; height:45px; line-height:900px; width:500px; top:-160px; left:-551px;position: absolute; background: url('/userdir/6/4/9/8/649824/67726202.jpg') no-repeat !important;}
#authorQuot a {display: block; overflow:hidden; height:45px; line-height:900px; width:500px; top:-100px; left:-551px;position: absolute; background: url('/userdir/6/4/9/8/649824/67727000.jpg') no-repeat !important;}
#addToFav a {display: block; overflow:hidden; height:60px; line-height:900px; width:500px; top:-90px; left:-551px;position: absolute; background: url('/userdir/6/4/9/8/649824/67727003.jpg') no-repeat !important;}

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

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

@темы: меню

---

Пожалуйста.

[Swim.]

Здравствуйте. Прописываю цвет для блока ссылок .postLinksBackg {background: #9a878d ; }
Строка закрашивается, но через пост. Почему так ?

остальное, пока написанное в коде

#extratop{height:320px;background:url('/userdir/2/3/2/0/2320486/67726058.png') no-repeat;}
#wrapper{width:800px;min-width:0;}
#side{width:150px;}
.left #page-c {margin-left:-170px;}
.left #page-t {margin-left:170px;}
.right #page-c {margin-right:-170px;}
.right #page-t {margin-right:170px;}
#bottomNav {width:620px !important;}
.postLinksBackg {background: #9a878d ; }
.postLinksBackg {text-align:center; }
.postDate {text-align:center;}

@темы: diaryCSS

---

[Грин]

товарищи, спасайте =_=
на картинке остаётся кусок ссылки.
как убрать? спасибо заранее.
код: #myDiaryLink a{display: block; overflow:hidden; height:200px; line-height:100px; width:600px; top:-313px; left:-551px;position: absolute; background: url('/userdir/6/4/9/8/649824/67707014.png') no-repeat !important;}

@темы: меню

---

[Mad Gwynbleidd]

Здравствуйте!
почему когда я в CSS начинаю прописывать код к картинке в дизайне...он почему-то исчезает? В одном из постов было сказано, что коды следует прописывать без "static diary", т.е. вроде body { background: url('/userdir/1/5/8/4/1584229/5974407...') no-repeat;}, но и это не помогает. После сохранения ничего не проявляется, только исходник body { background: # no-repeat;}
подскажите, что делать!

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

---

Как убрать название сообщества.

[Демон Фотошопа]

Люди добрые помогите. CSS пока только изучаю, но захотелось побаловать ПЧ новым дизом. Все вроде вышло, но есть одна небольшая проблема: На главной странице название сообщества расположено так:

А на странице комментария оно заходит на дату.

В связи с этим вопрос: можно передвинуть дату вниз, или сделать так чтобы во втором случае название сообщества не отображалось?
Код диза:

body{background:# repeat; background-position: 50% 0; background-attachment:fixed; padding:0px;}
 #wrapper{min-width:1000px !important; width:1000px; margin:0 auto !important; padding:0 !important;}
 #page-c{width: 800px !important;padding:0!important;padding:0 !important;background:url('/userdir/2/0/6/7/2067961/67615883.png') repeat; width:800px}
 #side{width: 200px !important;margin:0 auto !important; padding:0 !important; }
 #page-t {padding:0 !important; width:780px; margin:0 !important}
 #side h1 {position:absolute;top: 10px; left:00px; width:800px; }
 #side h1{text-align:left; font-family: Times New Roman; font-size: 20px !important; color: #e5e5e5;text-shadow: 0 0 0.1em #464646, 0 0 0.1em #464646, 0 0 0.1em #464646!important;border-top : 5px; color: #e5e5e5 !important;text-transform: uppercase;text-align:center;}
 .singlePost { background: url('/userdir/2/0/6/7/2067961/67592501.png') no-repeat; background-position:bottom !important; padding-right: 0px !important; padding-bottom: 70px !important; }
 #epigraph {border-bottom: none !important; padding:0 !important;}
 .menuSection_title {background: url('/userdir/2/0/6/7/2067961/67592504.png') no-repeat 10% 100%; color: #ebebeb; text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646 !important;font-size: 16px; font-weight: bold; height:50px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 .singlePost .postTitle span {background: url('/userdir/2/0/6/7/2067961/67592510.png') no-repeat; line-height:10px; width:73px; height:80px; color: #e5e5e5; text-shadow: 0 0 0.2em #59514b, 0 0 0.2em #59514b, 0 0 0.2em #59514b !important;font-size: 18px; font-weight: bold; height:40px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 #thisCommunityMember {line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:180px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #myDiaryLinks{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:220px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #YaSearch{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:70px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #thisDiaryOwner{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:150px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #globalLinks{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:200px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #myLinks{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:170px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #Stats{background: url('/userdir/2/0/6/7/2067961/67592504.png') no-repeat 10% 100%; color: #ebebeb; text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646 !important;font-size: 16px; font-weight: bold; height:50px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 #pchs{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:200px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #lastComments{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:200px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 a {color: #e5e5e5;text-shadow: 0 0 0.1em #464646, 0 0 0.1em #464646, 0 0 0.1em #464646!important;border-top : 5px; color: #464646 !important;}
 A:hover {color: #e5e5e5;text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646!important;border-top : 5px; color: #e5e5e5 !important;}
 #authorName {position: absolute; top:0px; left:850px; max-width: 800px; padding: 10px;text-align:center;text-transform: uppercase; font-family: Georgia; font-size:12px !important; }
 .postTitle{color: #da3f5c;font-size: 16px; text-transform: uppercase; text-shadow:text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b ,!important;border-top : 5px;}
 .sign{color: #e5e5e5;text-shadow: 0 0 0.1em #696969, 0 0 0.1em #464646, 0 0 0.1em #464646!important;border-top : 5px;text-transform: uppercase; font-size: 11px; color: #464646 !important;}
 .quote_text {color: #da3f5c;font-size: 12px; text-transform: uppercase; text-shadow:text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b ,!important;border-top : 5px;}
 .postDate {color: #e5e5e5;text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646!important;border-top : 5px; color: #e5e5e5 !important;text-transform: uppercase;text-align:center;font-size:14px;}
 .avatar img { border-width:4px; border-color:#464646; border-style:double; padding:3px; display: block; }
 #JournalComments, #commentsArea .paragraph img, #JournalComments #postsArea .paragraph img, #JournalQuote #postsArea .paragraph img, #div_img, #JournalFavorite#postsArea .paragraph img {max-width:600px !important}

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

---

[winterwolf]

Из невозможного. Убедите меня, что это не так.
Задача такова - есть 3 соседних блока. Хоть тресни, хочу при наведении на третий блок поменять свойства первого блока.
Вот с при наведении на первый - изменить третий можно - хотя бы конструкцией .one:hover ~ .three - но оно работает только на следующие элементы, а не предыдущие. Соседний блок тоже работает только на следующий блок (.one + .two).
И конечно же, нельзя указать из дочернего элемента родительский, так?

@темы: diaryCSS, основные блоки, Точка зрения

---

[Лан Мао]

Подскажите можно ли совместить в фоне две картинки? Основной фон и картинка снизу. И если да, то ка правильно прописать это в коде?
заранее спасибо)


UPD Попробовала несколько вариантов, не в одном картинка с подсолнухами не отображается. Не пойму в чем дело.
код

body {background:url('/userdir/1/8/1/6/1816774/67225544.jpg') repeat, url('/userdir/1/8/1/6/1816774/67599587.png') no-repeat bottom left;}
 #wrapper{ min-width:1000px!important;width:1000px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/67601312.png') no-repeat; width: 1000px; height:500px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/67601327.jpg') no-repeat; width: 1000px; height: 490px;line-height: 100% !important; margin-top:-0px;margin-left: 0px;}
 #add_block1 {background: url('/userdir/1/8/1/6/1816774/67599587.png'); height:0px; width:0px; position:fixed; left:0px; bottom: 0px; z-index:-1;}
 .singlePost {position: relative; background:#ffffff; -moz-border-radius: 3px; border-radius: 10px; padding: 15px 15px 15px 15px !important; margin: -0px 0px 50px 0px !important; }
 #page-c {width: 800px !important; margin-top: -0px !important; margin-left:0px !important;}
 #side{width:200px !important;margin-top:-23px !important;}
 #page-t{margin-left:-200px !important; width:1000px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 #postsArea {margin-left:220px !important; width:750px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 .menuSection {position: relative; background:#ffffff; -moz-border-radius: 3px; border-radius: 10px; padding: 15px 15px 15px 15px !important; margin: 0px 0px 30px 0px !important; }
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:765px; margin: 20px 0px 0px 220px !important; }
 #side h1 a {repeat-x bottom; position: relative; left:150px; top:-406px; }
 #side h1 a {font-family:"Verdana"; font-size: 20px; }
 #side h1 a:hover{color:#fff; text-decoration:none;}
 #authorName:hover{color:#8ab3d3; text-decoration:none;}
 #authorName {font-family:"Verdana"; font-size: 15px; }
 

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

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

---

Правила сайта...

[Стафиа]

Здравствуйте.
Прочитала правила. Уяснила для себя, что существуют материалы, которые запрещено размещать на данном ресурсе. Если разместить, то последует предупреждение или бан.
А разрешено ли, опубликовать подобную запись на другом ресурсе (где это не возбраняется), а тут, у себя в дневнике, сделать пост и поместить в него только ссылку на другой ресурс и описание того, что там лежит?
Ведь, таким образом, я не нарушу правил сайта? Или всё-таки нарушу?

Большое спасибо за внимание.

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

---

[mukashibanashi]

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

Заранее благодарен за советы.

Код:

#extratop { background: url('/userdir/3/7/4/1/374141/67543208.png') 0 0 no-repeat !important; width:100%; height:500px; line-height: 100% !important; clear:both; margin: 0 0 0 0px !important; position: absolute; left: -6px !important; top: -10px !important;}
 #wrapper {background:0 0 no-repeat; !important; background-position: fixed;}
 #wrapper {min-width: 900px; width: 900px; margin: 0 0 0 0px !important; padding: 0 !important; position: relative;}
 #side {width:80px !important; margin: 0 0 0 0px !important; position: absolute; left: 635px; top: 450px; z-index: 2 !important; !important;}
 #side {background: url('/userdir/3/7/4/1/374141/67563485.png') no-repeat; height: 300px; width:400px !important;}
 #page-c div.bordered {width:715px !important; padding: 0 !important; position: absolute; left: 23px !important; top: 490px !important; background-color: #fefef5;}
 #page-c div.bordered {border-width: 10px !important; border-color:#e8f2f6;}
 #side h1 {position: absolute; left: -140px; top: -155px;}
 #all_links, #lastComments, #more_login, #writeToAuthor, #thisDiaryPhoto, #rssLink, #YaSearch, #headlineList, #comments, #subscribeEmail, #albumLink, #allDiaryLink, #photolibLink, #favListLink, #communityCatalogueLink, #myCommunitiesLink, #postsCalendar, #upInChart, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #authorFav, #authorAlbum, #thisDiaryLinks, #login_change, #sortOrder, #YaSearch, #headlineList, #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #fallDiaryLink, #allDiaryLink, #sortOrder,#randomDiaryLink, #lastComments, #topNavLinks, .quote_post, #myCommunity, #myCommunityLink #upInChart, #topNav, #authorRSS, #postsCalendar, #faqLink, #headlineList, #diarySpiritLink, #communityCatalogueLink, #diarySupportLink, #paySupportLink, #authorFav, #arssLink, #favListLink, #allDiaryLink, #myLinksLink, #authorLiks, #writeToAuthor, #authorFav, #authorQuot, #albumLink, #Stats, #myStatLink, #myStatLink, #myLinks, #pchListLink, #myNotepadLink, #topNav, #myDraftLink {display:none!important}
 #bottomNavLinks, #topNavLinks {display: none; !important}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 5px solid #e8f2f6; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100)}
 .postLinksBackg {background:url('/userdir/3/7/4/1/374141/67546475.png'); width:100%; height:150px; background-position:bottom center; background-repeat:no-repeat;}
 .postTitle {text-align: center; height: 20px; font-size: 12px; margin: 0 0 0 100px !important;}
 .upPostLink a {content: 'update' !important; padding-right:10px !important; color: #d7d7d7;}
 .delPostLink a {content: 'delete' !important;padding-right:10px !important; color: #d7d7d7;}
 .editPostLink a {content: 'edit' !important; color: #d7d7d7;}
 .postLinksBackg {display:block !important; border-top:1px dotted #c7c7c7; border-bottom: 1px dotted #c7c7c7; margin-top: 4px !important; padding:6px 0 !important; text-align: center;}
 #topNav, #bottomNav {background:transparent !important;}
 .postDate {text-align: center !important; font-family: Calibri; text-shadow: 1px 1px 5px #8EBABD;}
 #thisDiaryLinks {content: 'this diary' !important; color:#c7c7c7;}
 #addToFav a {content: 'like';}
 #delFromFav a {content: 'dislike';}
 #writeToAuthor a {content: 'write me';}
 .quote_comment a {content: 'quote comment';}
 .quote_post, .quote_comment, .email, .addToQuote, .umail, .profile, .unsubscribe, .subscribe, .quote_post {background: # no-repeat; padding:2px 20px !important; display:block; height:16px; }
 .postLinks {display:block; width:100%; text-align:center; }
 div.postTitle { color: #c7c7c7;}
 .subscribe {background: # no-repeat; padding:2px 30px !important; display:block; height:16px; }
 .comments {background: # no-repeat; padding:2px 20px !important; display:block; height:16px; }
 .addToQuote {background: # no-repeat; padding:2px 20px !important; display:block; height:16px; }
 .upPostLink a:hover {color: #8EBABD;}
 .delPostLink a:hover {color: #8EBABD;}
 .editPostLink a:hover {color: #8EBABD;}
 #umailLink a {content: 'u-mail';}
 #myDiaryLinks_title {content: 'diary' !important; color:#c7c7c7; position: absolute; left: 170px; top: 100px;}
 #myDiaryLinks ul {position: absolute; left: 170px; top: 110px; background-color: #fefef5;}
 #myDiaryLink a {content: 'my world' !important;}
 #writeThisDiary a {content: 'express' !important;}
 #myFavLink a {content: 'others' !important;}
 #myQuotLink a {content: 'quotes';}
 #discussionLink a {content: 'discussions';}
 #myProfileLink a {content: 'identity';}
 #optionsLink a {content: 'options';}
 #photolibLink a {content: 'illusions';}
 #tagslistlink a {content: 'tags';}
 #thisDiaryOwner_title {content: 'text' !important; color: #c7c7c7; position: absolute; top: 100px;}
 #thisDiaryOwner ul {absolute; top: 110px; background-color: #fefef5;}
 #globalLinks_title {content: 'overall' !important; color:#c7c7c7; position: absolute; top: 100px; left: 50px;}
 #globalLinks ul { position: absolute; top: 110px; left: 50px; background-color: #fefef5;}
 #mainpageLink a {content: 'index';}
 #myCommunitiesLink a {content: 'community';}
 #randomDiaryLink a {content: 'random';}
 .menuSection a:hover {color:#8EBABD;}
 .atMusic em { font-size: 0 px; background: url('/userdir/3/7/4/1/374141/48741407.gif') no-repeat 0; padding-left: 70px !important; }
 #globalLinks .addToQuote {background: # no-repeat; padding:2px 20px !important; display: block; height:16px; }
 .atMood span {content: 'mood:';}
 .atMusic span {content: 'music:';}
 .atTag span {content: 'tags:';}
 .addToQuote a {content: 'add quote'; color: #8EBABD;}
 .subscribe a {content: 'subscribe';}
 .unsubscribe a {content: 'unsubscribe;'}
 .quote_post a {content: 'quote this';}
 .diary a {content: 'diary';}
 .profile a {content: 'identity'; color: #c7c7c7;}
 .comments a:before { content: 'comment';font-size:10px;color:#8EBABD;}
 .comments a{font-size:0px;color:transparent}
 .comments_count_link a:before {content: '' ;}
 .comments_count_link a{font-size:10px;color:#c7c7c7;}
 .order_button {display: none;}
 a:hover {color:#;text-decoration: none; cursor:help; font-weight: bold !important;}
 .atMusic,.atMood,.atTag { float:right; clear:right; padding: 0 10px 0 0; border-right: 2px dotted #96a4a3; }
 em:hover {text-decoration: none !important;}
 em {font-style: normal;}
 #iAmQuit {content: 'quit' !important; color: #c7c7c7; position: absolute; top: 100px; left: 215px;}
 #authorName  {display: block !important; position: absolute; left: -1110px; top: -35px; color: transparent;}
 .postContent  {padding: 0px 10px 10px 10px;}

картинка:

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

---

[Nelliely]

Уважаемы мастера, помогите пожалуйста

Возможно ли в CSS сделать подобные завитушки вокруг записи?
Если возможно, то подскажите пожалуйста код (поподробней, а то я ещё только учусь)

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

---

[смольник]

Не знаю, как найти, был ли подобный вопрос: как вообще отключить сервис CSS? У меня сейчас пакет "Талантливый", куда входит:

Выделенный сервер — обязательный сервис
Мои ссылки
Аватары
Управление подписками
CSS
Увеличение размера БИ на 50 Мб

Из всего перечисленного хотелось бы оставить только это:

Выделенный сервер — обязательный сервис
Мои ссылки
Аватары

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

---

[Sasha_sweet]

Здравствуйте помогите пожалуйста!Я только знакомлюсь с CSS,как с его помощью можно
сделать картинки как на примере.)))
* Комментировать * Подписаться * В цитатник

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

---

отображение на разных разрешениях экрана.

[Лунный дождь]

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


но если на мое родное разрешение 1280*1024, все будет подогнано без отступов, на разрешении больше картина будет уже другая, блоки "уедут" что смотрится уже криво


если я задам ширину для блока записей в %, то картина будет такой, верно? но меня не до конца устривает растяжение блока записей


поэтому вопрос - можно ли как то добиться такой картины? в идеале бы задать отступ от середины монитора, а не от краев, но такое по-моему невозможно(

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

---

рястягивание изображения

[Лунный дождь]

пытаюсь залить фон градиентом при помощи такого кода.

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}

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

вот код всего дизайна

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}
 #wrapper{ min-width: 958px !important; width: 958px; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; z-index: 4;}
 #extratop { background: url('/userdir/1/6/7/3/1673245/67233122.png') no-repeat bottom; height: 487px; width:958px; margin-top:0px; position:relative; z-index: 3; }
 {----------------------------------------------------------------------------------------------------------------------}
 #page-c {min-width:675px !important; width:675px !important; padding: 0px 0px 0px 15px !important; margin:40px 65px 0px 0px !important; background:#000;}
 #page-t {margin: 20px 20px 20px 5px !important;background:#fff;}
 .communityName, .authorName {margin-left:5px !important; font-size:11px !important; padding-top:5px !important;}
 .commentAuthor {margin-left:5px !important;}
 .paragraph { margin-right:10px !important; }
 .postContent {margin-top:10px !important; }
 .atTag em, .atMusic em, .atMood em, .atTag span, .atMusic span, .atMood span { font-style: normal !important; font-size:11px !important; text-transform: lowercase;}
 #addCommentArea, #msg_form { padding :5px 10px 10px 15px !important;}
 .postDate { text-transform: lowercase; font-size: 11px !important; font-weight: none !important; padding: 0px 10px 0px 0px !important;}
 .postLinksBackg { padding: 5px 10px 0px 5px !important; font-size: 11px !important; color: # !important; text-transform: lowercase;}
 {----------------------------------------------------------------------------------------------------------------------}
 #side {width: 130px; margin:40px 0px 0px 65px; background:#000; text-align:right !important;color:#404040;}
 #side a {color: #fff;}
 #TagsList li { margin: 2px 0px 0px 0px !important; color:#626262;}
 #thisDiaryPhoto, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink {display:none !important;}
 {----------------------------------------------------------------------------------------------------------------------}
 .postTitle, #addCommentArea_title, #new_post_title, #commentsArea_title {color:#fff; font:18px '',"Compact"; text-transform:uppercase; background: #000!important; padding: 10px 10px 10px 5px !important; margin: 0px 10px 0px 0px !important; letter-spacing:5px;}
 #epigraph .header { background:none !important; }
 #authorName {background: url('/userdir/1/6/7/3/1673245/67237553.png') no-repeat; display:block; width:187px; height:21px; overflow:hidden; position: absolute; line-height:200px ;top:517px; margin-left:330px;}
 #side h1 a{background: url('/userdir/1/6/7/3/1673245/67238093.png') no-repeat; display:block; width:255px; height:37px; overflow:hidden; position: absolute; line-height:250px ;top:480px; margin-left:305px;}
 {----------------------------------------------------------------------------------------------------------------------}
 img {max-width:485px !important;}
 .avatar img { !important; max-width: 90px !important; padding: 0px !important; border: 10px solid #000; }
 .sign {white-space:pre-line !important; width:95px !important; font-size:12px !important;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color: #fff !important;background:#000;}
 #globalLinks a:hover, #myDiaryLinks a:hover, #thisDiaryLinks a:hover, #thisDiaryOwner a:hover {color: #000 !important;background:#fff;}
 span.quote_text { background: url('/userdir/1/6/7/3/1673245/67241249.png') 0px 0px no-repeat; min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 5px; padding: 5px 5px 5px 25px;}
 .blockquote { min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 0px; padding: 0px 0px 0px 0px;}
 .sign {white-space:pre-line !important; width:120px !important; font-size:11px !important; }
 .section, .formcontainer, .paragraph { _width:485px; overflow:auto; overflow-y: hidden; } 

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

---

[любимая дочь мироздания]

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

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