[Сыч.]

Доброго времени суток. Своими силами уже не справляюсь, поэтому обращаюсь к вам.

Во-первых.

Во-первых, можно ли убрать отступ между экстратопом (и экстаботтомом тоже, в принципе) и краем экрана?

Во-вторых.

Во-вторых, как растянуть разделитель, чтобы он доходил до края фона? Если растягивать postArea, разносит весь пост.

В-третьих.

В-третьих, каким образом убрать этот белый фон?

В-четвёртых

В-четвёртых, время и заголовок поста категорически отказываются уезжать влево. Подозреваю, что .postTitle span - не совсем то, что нужно.

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

Очень замусоленный и неаккуратный черновой код с кучей всякой ненужной фигни. :<

#wrapper{min-width:975px!important;width:975px;max-width:975!important; float:center!important; overflow:hidden !important; top:-20px; }
 #extratop { background:url('/userdir/3/3/5/9/335909/75140758.png'); height:239px; width:975px; no-repeat!important;}
 #extrabottom { background:url('/userdir/3/3/5/9/335909/75140751.png'); height:163px; width:975px; no-repeat!important;}
 #thisDiaryPhoto,#authorName {display:none!important;}
 #side {display:none!important;}
 #side h1 a {display:none!important;}
body {background: #000000 url('/userdir/3/3/5/9/335909/75140740.jpg') top center no-repeat; background-attachment:fixed; }
 #page-c {background: url('/userdir/3/3/5/9/335909/75140960.png') repeat; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; top:-60px! important}
#postsArea{min-width:600px!important;width:600px;max-width:600!important; margin-left:-60px; opacity: 0.8;}
#epigraph .singlePost { background:none; margin:0 !important; padding:0 !important; }
 .singlePost { background:url('/userdir/3/3/5/9/335909/75140729.png') no-repeat; background-position:bottom; padding-bottom:25px !important; padding-top:10px !important; }
 #side {padding-left:46px !important; height:20px; opacity: 0.6}
 .header {text-align:center!important; text-shadow: 1px 0px 5px #268785;}
 .postDate {text-align:left!important;; text-shadow: 1px 0px 5px #268785;}
 .postTitle span {text-align:left; text-shadow: 1px 0px 5px #268785;}

#commentsArea {margin-left:-80px; }
#commentsArea_title  {display:none!important;}
#addCommentArea {min-width:700px!important; width:700px; max-width:700!important; float:center!important; margin-left:-110px; }
 .singleComment {min-width:600px!important; width:600px; max-width:600!important; float:center!important; margin-left:-100px; opacity: 0.8;}
 .sign {text-align:right; text-shadow: 1px 0px 6px #268785;}
 .avatar { float:center!important; text-align:center; padding-left:5px !important ;padding-right:5px !important;}
 .commentAuthor { float:center!important; text-align:center;}
 .authorName {width:120px; text-align:center; }

.paragraph {text-shadow: 1px 0px 10px #268785 }
 #codebuttons a {float:left;}
 #codebuttons {clear:both;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 #JournalFavorite img {max-width:500px; border-top-color:transparent; border-bottom-color:transparent; border-radius: 10px; border-style:solid; border-width:2px; box-shadow: 1px 0px 10px 

#268785; opacity: 0.7;}
img {max-width:580px; border-top-color:transparent; border-bottom-color:transparent;border-radius: 10px; border-style:solid; border-width:2px;box-shadow: 1px 0px 10px #268785; opacity: 0.7;}
a:link { color: #5ffbd9; text-decoration: none; text-shadow: 1px 0px 5px #057489; font-size:12px!important; font-style:arial black; }
 a:visited { color: #5ffbd9; text-decoration: none; text-shadow: 1px 0px 5px #057489; font-size:12px!important; font-style:arial black; }
 a:hover { color: #ffffff; text-decoration: none; text-shadow: 1px 0px 10px #ffffff; font-size:12px!important; font-style:arial black; }

#myDiaryLink {position:absolute; top:40px; left: 250px; height:13px;}
#writeThisDiary {position:absolute; top:141px; left: -3px;}
#myFavLink {position:absolute; top:141px; left: -3px;}
#myLinksLink {position:absolute; top:141px; left: -3px;}
#mainpageLink {position:absolute; top:141px; left: -3px;}
#discussionLink {position:absolute; top:141px; left: -3px;}

#myDiaryLink_title   {display:block; width:39px; height:55px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140724.png') 2px 4px no-repeat;}
#writeThisDiary_title  {display:block; width:73px; height:44px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140725.png') 2px 4px no-repeat;}
#myLinksLink_title {display:block; width:61px; height:40px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/') 2px 4px no-repeat;}
#myFavLink {display:block; width:78px; height:44px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140719.png') 2px 4px no-repeat;}
#mainpageLink_title  {display:block; width:79px; height:41px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140714.png') 2px 4px no-repeat;}
#discussionLink_title   {display:block; width:88px; height:46px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140716.png') 2px 4px no-repeat;}

 #bottomNav {display:none!important;}
 #topNav {display:none!important;}
 #Stats {display:none!important;}
 #top_up k {display:none!important;}
 #top_randomlink {display:none!important;}
 #top_spiritlink {display:none!important;}
 #top_faqlink {display:none!important;}
 
.urlLink {display:none!important;}
.postLinks {border-color:#268785; border-top-color:transparent; border-bottom-color:transparent;border-radius: 10px; border-style:solid; border-width:2px; box-shadow: 1px 0px 10px #268785}
#cc {border-color:#268785; border-radius: 10px; border-style: solid; border-width:2px; box-shadow: 1px 0px 10px #268785; opacity: 0.7;}

#addCommentArea_title {display:none!important;}
#formcontainer — оболочка формы 
#msg_form — форма
#from_form {display:none!important;}
#fromMyself_box {display:none!important;}
#fromMrX_box {display:none!important;}
#fromMrX3_box {display:none!important;}
#fromAnother_box {display:none!important;}
#open_id_com {display:none!important;}
#open_id_com {display:none!important;}
#from_another {display:none!important;}
#fromAnotherName {display:none!important;}
#fromAnotherPass {display:none!important;}
#change_bg_area_comm {display:none!important;}
#forTextarea — редактор и смайлы
#htmlbox — редактор
#javabut — кнопки
#codebuttons — тоже кнопки
#message — текст сообщения
#shsmile — смайлы
#favSmilesGroups — выбор группы смайлов и любимые смайлы
#EditFavSmileysLink {display:none!important;}
#SelectSmileGroup — выпадающий список групп смайлов
#favSmiles — список смайлов
.SmilePanelElement  смайл с надписью
.SmilePanelElement small  {display:none!important;}
.SmilePanelElement img — картинка смайла

#sortFromBegin {display:none!important;}
.upPostLink  {display:none!important;}
#sortFromEnd {display:none!important;}
#sortFromLastComment {display:none!important;}
.order_button {display:none!important;}
#ReplaceBrDiv {display:none!important;}
#change_avatar_box — использовать аватар (input, label) (платный сервис "аватары")
#change_avatar_box a — выбор другого аватара
#AvatarSelector — выбранный аватар
#subscribeToComments_box {display:none!important;}
#doNotSmile_box {display:none!important;}
#addPicture_box {display:none!important;}
#addPictureSection {display:none!important;}
#btSubmit — кнопка отправки комментария

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

Comments

[winterwolf]

Было бы не плохо открыть свой дневник, если у вас стоит этот диз.
1. body{padding: 0; margin: 0}
2. Если не вникая можно попробовать отрицательные маргины (margin-left: -10px)
Остальное надо смотреть.

[Сыч.]

winterwolf, звиняюсь, забыла открыть.
Насчёт первого - ноль не срабатывает, да и другие значения не очень-то срабатывают из-за чего-то.

[Z. Maxim]

[Uninstall], у меня опыта маловато, но...
1) как посоветовали в предыдущем комментарии, нужно прописать body{padding: 0; margin: 0}, а для wrapper указать {margin: 0px !important;} (при условии, что и экстратоп будет подогнан к границе враппера) и, вероятно, убрать top:-20px; .
2) - не сталкивался, так что не буду умничать, ибо надо пробовать (думаю, что кто-нибудь поопытней подскажет)
3) .htmlbox, #shsmile, #codebuttons { background:none; border: none} или #jsbut, #shsmile, #codebuttons { background:none; border: none} (можно, конечно, и без border: none)
4) .header span или .singlePost .header span (если конкретизировать)
5) я вижу в коде #side {display:none!important;} - при таком раскладе меню и не будет отображаться =)

[winterwolf]

1. #wrapper{margin-top: -5px; margin-bottom: -5px;}
2. Тут сложнее - так как делимитер фон поста, то не увеличив пост, не увеличиться и разделитель.
Вариант как сделать можно
.singlePost:after {
background: url("secure.diary.ru/userdir/3/3/5/9/335909/75140729...") no-repeat scroll center bottom transparent;
content: "";
display: block;
height: 20px;
margin-left: -30px;
margin-right: -30px;
margin-top: 40px;
}
margin-left: -30px;
margin-right: -30px;

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

[winterwolf]

Кстати после первого неправильной конструкции вроде

#formcontainer — оболочка формы

дальнейший цсс может не обрабатываться (зависит от браузера)
Комментарии лучше писать в фигурных скобках {комметарий}. Хотя это тоже не правильно, но это единственное что воспринимает дайри и игнорирует браузер.

Интересный дизайн.

[Сыч.]

1) как посоветовали в предыдущем комментарии, нужно прописать body{padding: 0; margin: 0}, а для wrapper указать {margin: 0px !important;} (при условии, что и экстратоп будет подогнан к границе враппера) и, вероятно, убрать top:-20px;
Опять же - отступ уменьшился, но не исчез совсем.

3) .htmlbox, #shsmile, #codebuttons { background:none; border: none} или #jsbut, #shsmile, #codebuttons { background:none; border: none} (можно, конечно, и без border: none)
4) .header span или .singlePost .header span (если конкретизировать)

О, спасибо. *-*

5) я вижу в коде #side {display:none!important;}

...потому что название дневника мне, в общем-то нафиг не надо...)

[Z. Maxim]

[Uninstall],
1) работает при body{padding: 0; margin: 0 и #wrapper{margin-top: -5px; margin-bottom: -5px;}
5) так это ж не название дневника... название прописывается #side h1 A

[Сыч.]

1. #wrapper{margin-top: -5px; margin-bottom: -5px;}

Лучи добра вам. Вы спасли мои нервы. *-*
Насчёт второго... А, может, и так смотрится неплохо?

дальнейший цсс может не обрабатываться

Особой разницы не заметила, но всё равно учту на будущее.)

Интересный дизайн.

Спасибо.

[Сыч.]

Z. Maxim, лол, не туда посмотрела. %)
В любом случае - это не совсем та ссылка, которая нужна. Нужны только отдельные пункты.

[Z. Maxim]

[Uninstall],

Насчёт второго... А, может, и так смотрится неплохо?

Мне кажется, что так смотрится лучше, нежели если он будет доходить до края фона =)

[Z. Maxim]

[Uninstall],

В любом случае - это не совсем та ссылка, которая нужна. Нужны только отдельные пункты.

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

[Сыч.]

Мне кажется, что так смотрится лучше, нежели если он будет доходить до края фона =)

Вот и пускай тогда так остаётся. Х)

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

Оке, сейчас попробую...

[Z. Maxim]

[Uninstall], не знаю, поможет ли, но если для наглядности, то у меня это выглядит так:
#side {position:relative;top: -44px;right: 10px; }
#myDiaryLink {position: absolute !important; top: -456px; right: 683px;}
#umailLink {position: absolute !important; top: -334px; right: 570px;}
#discussionLink {position: absolute !important; top: -212px; right: 456px;}

[Сыч.]

Z. Maxim, спасибище, теперь всё появилось. *-*
Кстати, если не секрет, как вы такое плавное изменение цвета ссылок сделали?

[winterwolf]

2 пункт уже не нужен?

[Сыч.]

winterwolf, видимо нет. Честно говоря, я не горю желанием ещё раз перекраивать фон. Х_Х

[winterwolf]

Так фон не надо перекраивать
.singlePost - убрать бекграуд, что рисует линию

и затем добавить
.singlePost:after {
background: url("secure.diary.ru/userdir/3/3/5/9/335909/75140729...") no-repeat scroll center bottom transparent;
content: "";
display: block;
height: 20px;
margin-left: -30px;
margin-right: -30px;
margin-top: 40px;
}

вообщем то и все

[Z. Maxim]

[Uninstall],

Кстати, если не секрет, как вы такое плавное изменение цвета ссылок сделали?

не, не секрет - здесь пост есть об этом diarycss.diary.ru/p177679089.htm, оттуда и почерпнул маленько ума у более опытных людей =)
Кстати, у winterwolf и почерпнул =)

[Сыч.]

winterwolf, я слоупок, да... Это действительно помогло.)
Z. Maxim, клёво, спасибо.)

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

[winterwolf]

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

[Сыч.]

winterwolf, ну, типа меню владельца дневника, главное меню и прочие. Остальное чего-то отказывается нормально меняться.

[winterwolf]

[Uninstall], Можно пример того, что не получается, я тогда попробую объяснить почему нельзя или как надо =)

[Сыч.]

winterwolf, например вот так:

#myDiaryLink {position:absolute; top:201px; left:200px;}
#myDiaryLink_title   {display:block; width:39px; height:55px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140724.png') 2px 4px no-repeat;}

Вообще странно, что не работает. В прошлом дизайне пахало как надо.

[winterwolf]

#myDiaryLink_title такого там нету в хтмле, там только #myDiaryLink потом спан и ссылка.


#myDiaryLink {position:absolute; top:201px; left:200px;}
#myDiaryLink {display:block; width:39px; height:55px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140724.png') 2px 4px no-repeat;}

А не показывается из за этих строчек - #myDiaryLink { left:200px;} - попробуйте их до 0 скинуть и потом менять.
Все дело в том, что враппер у вас фиксированной длинны и все что за него заходит скрывается, а ссылку подвинули на 200px