воскресенье, 17 мая 2009
20:14

все записи пользователя в сообществе Пригоршня праха
Делю шкуру неубитого Белого Кролика
Здравствуйте.) Возник вот такой вопрос. Можно ли сделать так, чтобы тест не наезжал на картинку фоновой записи, а прятался под неё? Хотелось бы сделать это в дневнике с таким дизайном:


@темы: текст, фоновые картинки, основные блоки

URL
Комментарии
17.05.2009 в 20:16

Walterka
Вы хотите, чтобы край текста обрезался картинкой?:susp:
URL
17.05.2009 в 20:22

Sightless
Жить ой. Но да. ©
Аналогичный вопрос :susp::susp:
URL
17.05.2009 в 20:41

Пригоршня праха
Делю шкуру неубитого Белого Кролика
Я хочу узнать, можно ли сделать так, чтобы при прокрутке текст уезжал под фон.
URL
17.05.2009 в 20:45

Walterka
Папалекси, можно, если установить, скажем, экстратоп.
#extratop {background:url('адрес картинки') repeat-x; position:fixed; top:0px; left:0px ;}
Только учтите, что картинка должна быть небольшой высоты, и желательно, чтобы она повторялась по горизонтали.
URL
17.05.2009 в 20:48

Пригоршня праха
Делю шкуру неубитого Белого Кролика
Э, видимо, вы меня не так поняли.)) Код с экстратопом я знаю... Я имею в виду картинку на фоне. Чтобы текст заезжал под веточку-даму, вот. Это вообще можно как-то сделать?
URL
17.05.2009 в 21:01

Чудеснов
молодой динамично развивающийся
сделайте это в виде картинки и покажите нам
URL
17.05.2009 в 21:05

kirsu
~kikiki
очень просто. сделайте прозрачным фон записи.
URL
17.05.2009 в 21:08

Sightless
Жить ой. Но да. ©
Экстратоп не обязательно должен находиться сверху дневника. Поставьте на него эту картинку и прибейте, как показывает Walterka, к правому и верхнему уголу. Потом задайте z-index:1; чтобы он по уровню был выше записи.
URL
17.05.2009 в 21:54

Ater
Какое значение имеют слова, когда в небе столько звезд и шелком трава?...
можно закреплять не только экстратоп а и add_block1, add_block2...
Но тут еще придется повозится в фотошопе что бы сделать картинку под которую будет уезжать текст. Будет три слоя 1.фон, 2. текст, 3. кусок фона под который уходит текст. Для картинки идеально подходит png формат, если поколодовать то можно добиться хороших результатов)
URL
17.05.2009 в 22:07

Walterka
Если сделать так, то ссылки не будут доступны. Даже если сделать картинку прозрачной, ссылки работать не будут, ведь фон будет НАД ними.
Нужно разделить картинку на три части: верхняя и нижняя - широкие, посередине - узкая.
URL
17.05.2009 в 22:27

Sightless
Жить ой. Но да. ©
Что-то я не подумал об этом :hmm:
URL
17.05.2009 в 22:31

Sightless
Жить ой. Но да. ©
Стоп: В порядке эксперимента - а если сделать одной картинкой, но все ссылки на странице поднять z-index'ом?
URL
17.05.2009 в 22:45

Ater
Какое значение имеют слова, когда в небе столько звезд и шелком трава?...
Aurum X тогда ссылки будут поверх картинки. все работает но то что ссылки вверху портит целостность...
к тому же пока основной текст под картинкой его нельзя будет выделять мышкой...
URL
17.05.2009 в 22:49

Sightless
Жить ой. Но да. ©
Ater Значит проще не получится, придется таки резать)
URL
17.05.2009 в 23:47

Walterka
Да, нарезать будет лучше всего. К тому же, я пробовал поднять ссылки з-индексом (кнопки редактировать и удалить пост) однажды. Это не работало. Ни с указанием родительских элементов, ни просто так. Точно также индексом не поднимается .avatar над .avatar img.
URL