У меня та же беда как и у (_you_) c с экстратопом, читала её комментарии и так и не поняла решила она эту проблемму или нет. Пожалуйста помогите! Сама в этом...

четверг, 13 марта 2008

16:36

все записи пользователя в сообществе **неАнгел**

У меня та же беда как и у (_you_) c с экстратопом, читала её комментарии и так и не поняла решила она эту проблемму или нет. Пожалуйста помогите! Сама в этом ничего не смыслю, но честно промучилась 3 дня и вот теперь прошу помощи, поэтому пожалуйста не ругайте! :aaa:

Итак, код такой:
#extratop {absolute:fixed !important;margin-top:0px !important; margin-left:0px !important; left:0px !important; top:0px !important; width:790px;height:413px; background-image:url('userdir/1/2/9/9/12998/29288798.jpg') !important; background-repeat:no-repeat !important;background-color:#000000 !important; }

после обновления сокращается до:
#extratop {absolute:fixed !important;margin-top:0px !important; margin-left:0px !important; left:0px !important; top:0px !important; width:790px;height:413px; background-image: !important; background-repeat:no-repeat !important;background-color:#000000 !important; }

В этом случае он становится черным (или иного цвета-в зависимости какой color указан в конце кода), если применять другие коды, то все вообще исчезает на месте экстатопа.

Картинка должна быть такой: http://static.diary.ru/userdir/1/2/9/9/12998/29288798.jpg

Буду ВАМ очень благодарна, если поможете! :goodgirl:

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

URL

Еду :о))Счастья полные штаны[изображение]. В этом году пе... Так ето и было Вот и первый матч в Тегу, где я пребываю. Дания-Сенега...

" Настроение - обнять и плакать. Но обнимать сейчас ... китайский морковный напиток приятнее немецкого, хотя госп... Грустные словенцы сразу после 1 гола

Комментарии

13.03.2008 в 22:07

Aleim

попробуйте
#extratop { background-image:url('userdir/1/2/9/9/12998/29288798.jpg'); width: 100%; height:413px; }

URL

13.03.2008 в 22:55

**неАнгел**

Спасибо, но не помогло... :shuffle2:

Как и во всех предыдущих случаях появился отступ соответствующий параметрам,но сама картинка не изволила себя показать.... Я уже грешила на комп,но дело в том что посвещаю этой беде все свободное время на домашнем компе и на рабочем и через оперу и через IE. Может вообще удалить дайру и заново все сделать?

URL

13.03.2008 в 23:17

**неАнгел**

УРА!!

Получилось. Абсолютно случайно. Как обычно вставила код
#extratop {absolute:fixed !important;margin-top:0px !important; margin-left:0px !important; left:0px !important; top:0px !important; width:790px;height:413px; background-image:url('/userdir/1/2/9/9/12998/29295124.gif') !important; background-repeat:no-repeat !important;background-color:#000000 !important; }
но перед ним забыла удалить неудачный вариант сократившегося предыдущего варианта
#extratop { background-image:; width: 100%; height:413px; }
и обновила. Вот при таком продублированном коде все удалось. :beg:

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

URL

13.03.2008 в 23:28

Aleim

у меня работает в том виде, что показал)

а зачем вы указываете цвет фона в экстратопе, если у вас там картинка?)

URL

14.03.2008 в 08:50

**неАнгел**

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

URL

14.03.2008 в 10:13

Aleim

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

а) я, кажется, понял)
вот так попробуйте - только уберите все другие строки, определяющие экстратоп - ну и, конечно, картинка должна быть загружена (проверьте правильность ссылки).
#extratop {background-image: url('/userdir/1/2/9/9/12998/29288798.jpg') !important; width: 100%; height: 413px;}
и обновить не забудьте.

URL

14.03.2008 в 11:05

**неАнгел**

Попробовала. Картинка не появилась ни в том ни в том формате,ни в дублированном ни в одиночном. Так что пока единственный код который помогает это #extratop {absolute:fixed !important;margin-top:0px !important; margin-left:0px !important; left:0px !important; top:0px !important; width:790px;height:413px; background-image:url('/userdir/1/2/9/9/12998/29295124.gif') !important; background-repeat:no-repeat !important;background-color:#000000 !important; } и только в формате gif...

URL

14.03.2008 в 12:21

**неАнгел**

и снова все пропало... немного поменяла картинку, теперь она такая: static.diary.ru/userdir/1/2/9/9/12998/29305091.... и все исчезло! ну в чем дело?? может потому что она весит больше чем предыдущая?

URL

14.03.2008 в 15:16

Aleim

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

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

URL

14.03.2008 в 16:00

**неАнгел**

Весь код:
body.left{padding-left:10px !important;}
.left #wrapper{width:790px;margin: 0 0 0 -300px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:180px !important;margin:0 !important;}
.left #page-c{width:790px !important;padding:0 !important;}
.right #wrapper{width:790px;margin: 0 0 0 -300px !important;padding:0 !important;position:relative;left:50%;}
.right #side{width:180px !important;margin:0 !important;float:right}
.right #page-c{width:790px !important;padding:0 !important;}
.right #page-t {margin:0 !important;}
.singlePost, .menuSection { border-style:outset; }
#side {position: absolute; top: 413px; left: -190px;}
#extratop {absolute:fixed !important;margin-top:0px !important; margin-left:0px !important; left:0px !important; top:0px !important; width:790px;height:413px; background-image:url(' картинка ') !important; background-repeat:no-repeat !important;background-color:#000000 !important; }

С этим кодом после долгих мучений,как я писала раньше, эта картинка static.diary.ru/userdir/1/2/9/9/12998/29295124.... встала, а вот эта пропадала: static.diary.ru/userdir/1/2/9/9/12998/29305091.... .
Самое ужасное то,что теперь не появляется ни та, ни другая.

URL

14.03.2008 в 16:53

Aleim

body.left{padding-left:10px !important;}
.left #wrapper{width:980px;margin: 0 0 0 -490px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
#extratop {background-image: url('/userdir/6/2/4/1/624145/29309420.gif') !important; width: 100%; height: 413px;}
.left #side{width:180px !important;margin:0 !important;}
.left #page-c{width:790px !important;padding:0 !important;}
.singlePost, .menuSection { border-style: outset; }

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

URL

14.03.2008 в 17:09

**неАнгел**

Я конечно дико извиняюсь за то что замучила Вас этой бедой, но в общем, не вышло ничего.... :shuffle2:

Полностью все заменила, вставила название картинки, но вместо нее остался голый фон.... как обычно... :weep2:

URL

14.03.2008 в 17:13

Aleim

покажите весь код.
я только что на своем это опробовал, все работало.

URL

14.03.2008 в 20:41

**неАнгел**

Спасибо Вам огромное!! Сейчас попробовала на домашнем компе-все получилось. Значит это на рабочем не получается. ОГРОМНЕЙШЕЕ спасибо за код!!!

URL

14.03.2008 в 20:53

**неАнгел**

И снова все исчезло........ :alles:

Код такой:
body.left{padding-left:10px !important;}
.left #wrapper{width:980px;margin: 0 0 0 -490px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
#extratop {background-image: url('userdir/1/2/9/9/12998/29305091.gif') !important; width: 100%; height: 413px;}
.left #side{width:180px !important;margin:0 !important;}
.left #page-c{width:790px !important;padding:0 !important;}
.singlePost, .menuSection { border-style: outset; }
До этого вставляла его же и все работало, немного правда кривовато,но ведь работало!!!! Пойду повешусь...

URL

14.03.2008 в 21:45

Aleim

пожалуйста.

работать должно нормально. если на работе не хочет - попробуйте удалить временные файлы IE
а сейчас вы перед userdir забыли слэш)
должно быть
extratop {background-image: url('/userdir/1/2/9/9/12998/29305091.gif') !important; width: 100%; height: 413px;}

URL

15.03.2008 в 04:01

**неАнгел**

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

URL

15.03.2008 в 13:57

Aleim

остальное получилось?)

вы, наверное, имеете в виду только над записями, чтобы висел? попробуйте так
extratop {background-image: url('/userdir/1/2/9/9/12998/29305091.gif') !important; width: 100%; height: 413px; background-position: right top;}
(замените строку экстратопа, что у вас сейчас, этой новой строкой.)

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

URL

17.03.2008 в 09:19

**неАнгел**

Получилось,но теперь кусок его висит над колонкой меню.... Я ничего менять не буду чтобы Вы сами поняли что я имею ввиду.. А так почти идеально.

URL

17.03.2008 в 16:47

Aleim

а, ясно. замените на такое:

extratop {background-image: url('/userdir/1/2/9/9/12998/29305091.gif') !important; width: 100%; height: 413px; background-position: right top; background-repeat: no-repeat !important;}

URL

18.03.2008 в 14:04

**неАнгел**

Вот теперь идеально! СПАСИБО ВАМ БОЛЬШУЩЕЕ!!!!!!!!!!! :beg:

URL

18.03.2008 в 14:12

Aleim

пожалуйста

URL

19.03.2008 в 08:55

**неАнгел**

Клянусь, ничего не трогала!! Он сам исчез!! Вчера был, а сегодня уже нет. Может,подождать и он появится? :shuffle2:

URL

19.03.2008 в 08:58

**неАнгел**

Вот код:

body.left{padding-left:10px !important;}
.left #wrapper{width:980px;margin: 0 0 0 -490px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
#extratop {background-image: url('/userdir/1/2/9/9/12998/29305091.gif') !important; width: 100%; height: 413px; background-position: right top; background-repeat: no-repeat !important;}
.left #side{width:180px !important;margin:0 !important;}
.left #page-c{width:790px !important;padding:0 !important;}
.singlePost, .menuSection { border-style: outset; }

URL

19.03.2008 в 15:30

Aleim

верю

шаблоны вчера меняли.

замените свой код этим. в окне "Тестовые стили, Стили для оформления дневника на beta.diary.ru" также впишите этот код.

#wrapper{min-width: 980px !important;}
left #page-t {margin-left: 0px !important;}
body.left{padding-left:10px !important;}
.left #wrapper{width:980px;margin: 0 0 0 -490px !important;padding:0 !important;position:relative;left:50%;}
#extratop {background-image: url('/userdir/1/2/9/9/12998/29305091.gif') !important; width: 100%; height: 413px; background-position: right top; background-repeat: no-repeat !important;}
.left #side{width:180px !important;margin:0 !important;}
.left #page-c{width:1024px !important;padding:0 !important;}
.singlePost, .menuSection { border-style: outset; }

URL


Запомнить

@CSS — стилизация дневников