16:17

everything is ok in the end; if it's not ok then it's not the end.
Здравствуйте, помогите, пожалуйста.

1. Отступ между эпиграфом и блоком записей.
Я читала сообщество и прописала везде нулевые отступы, но не помогло. В чем может быть проблема?
2. Заменяю ссылку на дневник кодом #side h1 a {display: block; overflow:hidden; height:50px; line-height:150px; width:150px; top10px; left:695px; position: absolute; background: url('/userdir/9/1/5/5/915571/48896825.jpg') no-repeat !important;}
но картинка отображается не на эпиграфе, а под ним.
- разобралась.
3. Заменяю ссылку на профиль аналогичным кодом, но тут вообще никак не работает.
4. Хочу сделать фон блока с записями полупрозрачным. Код такой: #page-c {min-width:880px!important;width:880px; background-color:#cdcec8 !important; margin:0px !important; filter: opalicity: 0.8;} (у меня Сафари), прозрачность не получается.
код

Решено, низкий поклон Ryu-O

@темы: меню, отступы

Комментарии
29.11.2009 в 14:42

Keep on pretending.|"В этом мой секрет — я зол постоянно."
Давайте разбираться.

1.
Отступ между эпиграфом и блоком записей.
Ну это просто. Посмотрите размеры своей картинки (той, что в эпиграфе) - к примеру, её размер 750 х 563.
А теперь попробуйте эти циферки в коде прописать вместе вот этой строчки
#extratop {background: url('/userdir/9/1/5/5/915571/48895457.jpg') 0 0 no-repeat; height:500px; clear:both; margin:0px !important }
вот такой
#extratop {background: url('/userdir/9/1/5/5/915571/48895457.jpg') no-repeat; width: 750px; height:563px; float: right; margin-top: 0px !important;}


2.
Заменяю ссылку на профиль аналогичным кодом
Давайте попробуем вот так:
#authorName {display: block; overflow:hidden; height:30px; line-height:150px; width:209px; background: url('/userdir/5/7/9/0/579041/48585302.png') no-repeat !important; position: relative; top:10px; right:-7px;}
Для того, чтобы сдвинуть это левее-правее-выше-ниже, меняем циферки top:10px; right:-7px на большие или меньшие. Честно, не знаю тоно, в какой угол картинку загонит именно этот код, поэтому тут стоит поэкспериментировать. Или кидайте сюда же картинку с тем, как подействовал код, разберёмся.

3.
прозрачность не получается
Точно не скажу, но можно почитать тут или ещё вот тут. Полистайте там комментарии, можно много чего вычитать.
Как понимаю, там вроде рекомендуют код
.left #page-c{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);}

29.11.2009 в 17:56

everything is ok in the end; if it's not ok then it's not the end.
Ryu-O,
спасибо большое, что откликнулись!
1. С кодом, что вы дали, отступ уменьшился, но не исчез. Я попробовала заменить выпадающее меню на меню слева, и отступ исчез. Но появилась другая проблема: не могу растянуть блок с записями на ширину экстратопа и "выход" никак не желает переезжать в экстратоп: #iAmQuit { position:absolute !important; top:400px; left: 8px; z-index:0} Не подскажете, как это можно сделать?
2. Не работает :nope:
3. Спасибо, буду экспериментировать)
29.11.2009 в 18:30

Keep on pretending.|"В этом мой секрет — я зол постоянно."
Так, я в принципе и общих чертах понимаю, что именно вы хотите сделать. Дайте мне, пожалуйста, ту картинку, что вы ставите в экстратоп (эпиграф, верхняя которая), только в полном размере, вот как она у вас - и я проверю по кодам и кое-где подправлю, чтобы всё получилось.
30.11.2009 в 01:09

everything is ok in the end; if it's not ok then it's not the end.

30.11.2009 в 10:35

everything is ok in the end; if it's not ok then it's not the end.
И вот код, который я вымучила на данный момент:
body{background:url('/userdir/9/1/5/5/915571/48903254.jpg') fixed;}
#wrapper{min-width:880px!important;width:880px;margin: 0 auto !important; padding:0 !important;overflow:hidden !important}
#wrapper { border-width:1px; border-color:#ffffff; border-style:dashed; display: block;}
#extratop {background: url('/userdir/9/1/5/5/915571/48895457.jpg') no-repeat; width: 880px; height:500px; float: right; margin-top: 0px !important;}
#side{ width:30 !important; margin:0 !important}
#side h1 a {display: block; height:50px; line-height:150px; width:150px; top:40px; left:882px; position: absolute; overflow:hidden; background: url('/userdir/9/1/5/5/915571/48896825.jpg') no-repeat !important;}
#epigraph {display:none}
#bottomNav {display:none !important;}
#page-c {min-width:880px!important; width:880; background-color:#cdcec8 !important; margin:0 !important; padding:0 !important}
#authorName { position: absolute; top:15px; left: 885px;}
#YaSearch {display:none}
#thisDiaryPhoto {display:none}
#myDiaryLinks { position:absolute; top:100px; left: 885px; z-index:0 !important}
#myDiaryLinks ul {visibility:visible !important; display:block !important;}
#myLinks {display:none}
#authorAlbum {display:none}
#authorRSS {display:none}
#albumLink {display:none}
#headlineList {display:none}
#favListLink {display:none}
#pchListLink {display:none}
#myLinksLink {display:none}
#upInChart {display:none}
#rssLink {display:none}
#randomDiaryLink {display:none}
#photolibLink{display:none}
#myProfileLink {display:none}
#thisDiaryLinks {display:none}
#thisDiaryOwner { position:absolute; top:245px; left: 885px; z-index:0 !important}
#authorLiks {display:none}
#authorAlbum {display:none}
#JournalCalendar {display:none}
#thisDiaryOwner_title {display:none}
#globalLinks { position:absolute; top:325px; left: 885px; z-index:0 !important}
#globalLinks ul {visibility:visible !important; display:block !important;}
#allDiaryLink {display:none}
#communityCatalogueLink {display:none}
#myCommunitiesLink {display:none}
#diarySupportLink {display:none}
#faqLink {display:none}
#Stats {display:none}
#pchs {display:none}
#iAmQuit { position:absolute !important; top:400px; left: 8px; z-index:0}
01.12.2009 в 23:36

Keep on pretending.|"В этом мой секрет — я зол постоянно."
Тааак.
Ну смотрю я ваш дневник, по мне так всё сносно получилось. Лично я не вижу никакого отступа между экстратопом и блоком записей.
А с блоком записей чего не так? Хотите, чтобы текст был на всю ширину?


Давайте попробуем код сделать вот таким:

body{background:url('/userdir/9/1/5/5/915571/48903254.jpg') fixed;}
#extratop {background: url('/userdir/9/1/5/5/915571/48895457.jpg') no-repeat; width: 880px; height:500px; float: center; margin-top: 0px !important;}
#wrapper{min-width:880px!important;width:880px;margin: 0 auto !important; padding:0 !important;overflow:hidden !important}
#wrapper {border-width:1px; border-color:#ffffff; border-style:dashed; display: block;}
#page-c{background-color:#cdcec8 !important; width:880px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
#side h1 a {display: block; height:50px; line-height:150px; width:150px; top:40px; left:882px; position: absolute; overflow:hidden; background: # no-repeat !important;}
#authorName { position: absolute; top:15px; left: 885px;}
#myDiaryLinks { position:absolute; top:100px; left: 885px; z-index:0 !important}
#myDiaryLinks ul {visibility:visible !important; display:block !important;}
#thisDiaryOwner { position:absolute; top:245px; left: 885px; z-index:0 !important}
#globalLinks { position:absolute; top:325px; left: 885px; z-index:0 !important}
#globalLinks ul {visibility:visible !important; display:block !important;}
#myLinks, #epigraph, #bottomNav, #YaSearch, #thisDiaryPhoto, #authorAlbum, #authorRSS, #albumLink, #headlineList, #favListLink, #pchListLink, #myLinksLink, #upInChart, #rssLink, #randomDiaryLink, #photolibLink, #myProfileLink, #thisDiaryLinks, #authorLiks, #authorAlbum, #JournalCalendar, #thisDiaryOwner_title, #allDiaryLink, #communityCatalogueLink, #myCommunitiesLink, #diarySupportLink, #faqLink, #Stats, #pchs, #iAmQuit, #more_login {display:none}


Какие ещё будут неполадки, пишите, разберёмся.
02.12.2009 в 09:02

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

02.12.2009 в 09:35

everything is ok in the end; if it's not ok then it's not the end.
Ryu-O,
А у меня все нормально работает.
Спасибо вам огромнейшее!:beg:

Сотона, попробуй поставить диз.
У меня в редактировании тоже пустое меню с границами отображается, а когда диз поставила и посмотрела - этого меню не было.
02.12.2009 в 09:53

Снявши крылья, по ушам не плачут.
Ryu-O
Все, проблема решена :)
собственная глупость тому была причиной
Chere~, да, только немного надо было код изменить))
03.12.2009 в 00:30

Keep on pretending.|"В этом мой секрет — я зол постоянно."
Все получилось? Отлично.)
Хороший дизайн, особенно когда доработан и без проблем, носите с удовольствием)