[Trickster]

Доброго времени суток.
Дизайн можно посмотреть не дневнике, он открыт.
Собственно, что я пытаюсь сделать и что не получается:
1. Как убрать название под надпись на эктратопе, чтобы оно было кликабельно, но при этом самой надписи видно не было? Пытался прописать картинкой, как с разделами меню, но не вышло, то есть почему-то напдись все равно появлялась над картинкой.
2. Как зафиксировать экстратоп так, чтобы записи с меню вместе под него уезжали? При position:fixed z-index:1! - ничего не меняется, при просто position:fixed или при position:fixed; z-index:1! эстработом вообще исчезает.
3. Плюс, мне надо, чтобы такие ссылки, как теги, дата поднятия записи, ссылки на сторонние ресурсы в постах, море и ссылки в эпиграфе, как и остальные, почеркивались на наведении на них мышкой.
А проблемы все еще актуальны. С меня - благодарность, хм, да хотя бы в виде дайрирублей, если уж на то пошло. Ибо сил уже нет с этим дизайном возиться и хочется добить.
Решено, спасибо  MysteryLove.

запись создана: 04.02.2012 в 18:37

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

Comments

Может просто не фиксировать фон, нэ?

[Trickster]

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

Cynical bastard, а если фон разделить на три части - экстратоп, фон записи и экстработом. Экстратоп и экстработом: зафиксировать, а?

[Trickster]

.collapsar, об этом я тоже думал. Но с такого рода шаблонами не работал еще, потому пока что слабо представляю себе практическую реализацию. Хотя, конечно, тоже вариант. Либо так, либо, черт с ним, последний, который, по идее, попроще.

Cynical bastard, а-а-а, так Вам лень :3
Ну, тут кажись уже был такой вопрос... Я вчера только читал про это. Сейчас в истории гляну.

[Trickster]

.collapsar, мне не лень. Я просто оставляю этот вариант как, хм, запасной. Хотя бы потому, что его реализацию пока поэтапно не представляю. В отличие от других вариантов. Было бы мне лень, я бы с этим не возился)

[halftail]

Cynical bastard, я немного похимичила с вашим кодом,
собственно результат можно посмотреть пока у меня в дневнике, если что-то не так как вам хотелось скажите, щас посмотрим.
Да, картинки в меню я не вставляла, лень

[Trickster]

halftail, да, тоже вариант. Спасибо. Попробую и так. То есть, там, по сути, фиксированный фон+экстратоп+фон записей, верно? Можно код?

[halftail]

 #wrapper{min-width:0px!important;width:860px;margin-top: 0px !important;padding:0 !important; position:relative !important;}
 body {background: #080808 url('/userdir/2/8/7/4/28744/73435171.jpg') no-repeat 50% 0}
 #wrapper {background: url('/userdir/7/2/3/9/723968/73443330.jpg'); }
 #extratop {width:860px; height:249px; margin-top:-23px !important;}
 #extratop {background: url('/userdir/7/2/3/9/723968/73443892.jpg'); }

там в строчке #wrapper небольшие изменения и в строчке body задан цвет фона
и собственно картинки
static.diary.ru/userdir/7/2/3/9/723968/73443892...
static.diary.ru/userdir/7/2/3/9/723968/73443330...

[halftail]

Cynical bastard, а на счет меню - тупо убрать лишние ссылки, сократив меню так что бы помещалось на странице, это самый простой вариант

[Trickster]

halftail, спасибо. Буду пробовать. Перфекционизм - штука страшная)

[Trickster]

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

[halftail]

Cynical bastard, я с меню поступаю очень жестко, так как люблю выносить его на экстратоп, а там как правило места маловато.

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

Cynical bastard, сама столкнулась с подобным. не уверена, что у вас сработает, однако у меня на меню сработало. попробуйте прописать для экстратопа z-index:1; тут детали здесь на соо по z-index много информации

[Trickster]

EnkiNabu, спасибо, я прописывал - никакого результата. Причем что в Фоксе, что в Хроме.

Cynical bastard, с !important?

[Trickster]

EnkiNabu, именно.

Cynical bastard, у меня в коде так {background:url("адрес") no-repeat scroll 0 0 transparent !important;}

[Trickster]

EnkiNabu, это где?
Код я чуть подправил, так хоть видно, где экстратоп.

[MysteryLove]

1. обычно надписи убираю через свойства: {overflow: hidden !important; line-height: 150px; width: 200px; height: 30px; )
2. #extratop {background: url('/userdir/2/8/7/4/28744/73464891.png') no-repeat; width: 860px; height: 246px; margin-top: -9px !important; position:fixed; z-index: 10 !important; }
3. .paragraph a:hover {text-decoration: underline; }

[Trickster]

1. Да, я тоже, как правило, убираю именно так. Тут пришлось вообще задавать line-height немыслимый. И я теперь не могу никак вынести название на экстратоп.
2. Таким кодом я пытался, при этом экстратоп просто исчезает.
3. Спасибо, тут все вышло. Никак не мог взять в толк, какому id прописывать подчеркивание.

[MysteryLove]

Cynical bastard,
1. что именно не получается?
2. сейчас в вашем коде #extratop { background: url('/userdir/2/8/7/4/28744/73464891.png') no-repeat; width:860x; height:246px; margin-top:-9px !important; position:fixed z-index:1!important;} две ошибки: должно быть 860px и после fixed нет точки с запятой.

[Trickster]

1. С названием я разобрался, спасибо.
2. Собственно, да. Невнимательность. Пиксели я исправил, но как только я ставлю точку с запятой между fixed и z-index, эпиграф попросту исчезает.

[MysteryLove]

Cynical bastard, эпиграф на месте, зафиксированный, просто картинку другую надо, непрозрачную, тогда можно увидеть, что записи под эпиграфом.

[Trickster]

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

[Trickster]

Все, проблема решилась, я просто все сдвинул вниз. Спасибо вам огромное, а то что-то три дня голову ломал - и никак)

[MysteryLove]

Cynical bastard, не за что) Рада, что помогла)