воскресенье, 25 марта 2007
18:27

все записи пользователя в сообществе Tonni
сначала ты сломал мне жизнь,теперь еще и чайник.
вопросы,безусловно, были,но я не смогла их найти:



1.Как сделать так,чтобы сверху дневника во всю ширину страницы была картинка? она не двигалась вместе с дневником

2.Адрес картинки,которую я вставляю в код. Откуда его брать?то ест ькартинку надо куда-то загружать?

спасибо заранее

@темы: основные блоки

URL
Комментарии
12.09.2007 в 14:58

Aster0
Все грамматические ошибки являются авторским стилем изложения материала.
ну вобщемто я нашел альтернативную замену, Я просто сделал так:
#wrapper {border-style:none !important; position: absolute !important;margin-top:0px !important; margin-right:0px !important; left:0px !important; top:0px !important; width:700px;height:700px; background-image:url('/userdir/5/6/2/3/562361/24219571.jpg') !important; background-repeat:no-repeat !important;background-color:#000000 !important;; z-index:1 !important;}

С z-index:1 он находится под всем, и нечего не закрывает, но разобраться в в этих индексах не помишалобы всё равно:)
URL
12.09.2007 в 21:42

octaharon
Aster0, че в них разбираться- правило одно: если ставишь z-index, то ставь всем объектам. И еще лучше б им прописывать !important, потому что IE например считает что это свойство наследуется.
URL
13.09.2007 в 01:21

Aster0
Все грамматические ошибки являются авторским стилем изложения материала.
А тоесть если писать индекс то всем обьектам? а не только выборочно, даже тем которых я не трогаю кодом?


URL
13.09.2007 в 01:46

Aster0
Все грамматические ошибки являются авторским стилем изложения материала.
да еще вопрос, если конечно не задолбал:) Я немного неразберусь с свойством background-repeat. Тоесть я не понимаю что оно делает, если перевести досвлно то повтор.
Я поставил свойства фона background-attachment: fixed, теперь он прокручиваетс с текстом, НО! если прокруить ниже картинки, то она просто исчезает, а я хотел бы сделать чтоб фон не двигался как бы я не прокручивал текс и.т.д Я так понимаю зедсь надо работать именно с repeat? Да кстати я пробывал ставить position на fixed то фиксируется полностью вся страница, ничего нельзя прокручивать вообще. Поэтому я и поставил background-attachment: fixed
URL
13.09.2007 в 02:17

Aster0
Все грамматические ошибки являются авторским стилем изложения материала.
Сделать как я хотел сделал (спасибо Блокноту :laugh:), но вопрос про repeat всё еще актуален.

З.Ы. Да кстате, как здесь редактировать или удолять посты? Я бы писал как минимум в 2 раза меньше:)
URL
13.09.2007 в 11:06

octaharon
Aster0,
А тоесть если писать индекс то всем обьектам? а не только выборочно, даже тем которых я не трогаю кодом? - Лучше да, чтобы легче было контроллировать непредвиденные ситуации.

Далее. position:fixed применять нужно к блокам, которые ты хочешь зафиксировать, но уж никак не к wrapper или какому нибудь контейнеру, потому что вместе с блоком фиксируется все содержимое. например можешь глянуть в моем блоге, зафиксировано меню,эпиграф и extratop.

background-repeat повторяет наложение картинки на фон. имеет значения no-repeat (не повторять), repeat-x (горизонтально), repeat-y (вертикально) и repeat (повторять во всех направлениях). Если включаешь повторение фона, то он у тебя никогда не исчезнет, куда бы и сколько ты не листал. Но тут проблема в том, что картинка должна быть соответствующая, текстура, иначе будут видны стыки и смотреться это будет не очень.

И напоследок. htmlbook.ru/css/
URL
13.09.2007 в 15:12

Aster0
Все грамматические ошибки являются авторским стилем изложения материала.
ну я немного посмотрел твой код и код рёцке, мне просто интересно как он сделал такие блоки сдела с новой записью, оказалось просто. Вот сижу теперь мучаюсь, как сохранить gif так чтоб он сохранил форму и не потерял свойства прозрачности как PNG:(

З.Ы. За ссылку огромное спасибо! :woopie:
URL
13.09.2007 в 17:21

octaharon
Пнг не теряет прозрачности, просто IE прозрачный PNG не поддерживает. Чтобы IE вывел PNG прозрачный нужно писать вот это:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='картинка', sizingMethod=scale);
Но тогда он потеряет прозрачность в Фоксе.
URL
13.09.2007 в 19:09

Гость
Я немного другим кодом едлал прозрачность, но это не важно, в любом случае получается уныло. Поэтому я решил отказаться от идеи блоков на стекле, хотя эта идея мне нравиться. Сейчас я в глубоких раздумиях над тем какой дизайн делать, с одной стороны я не хочу рисовать что то сложное, а с другой я не хочу чтобы дизайн был слишком унылый. Мне довнольно понравился дизайн твоего дневника( единствено, что мне кажется, так это нужно убать fixed для блока с надписью "Автор не несёт.... и.т.д ....." т.к. создаётся замкнутое пространство, текст как будто в каробке, ну это всеголишь моё ИМХО ;))
URL
22.09.2007 в 23:13

octaharon
Гость, "стекло" можно сделать на GIFах. совместимость с любым браузером, а ImageReady позволяет сохранить GIF-ку с минимальной потерей качества и оптимизацией палитры. Глубокие раздумья - не наш путь. Первое решение самое верное =)
URL
13.11.2007 в 08:59

[RST: Russian Skins Team]
Oh, baby, baby, it's wild world...
как сделать, чтобы колонка меню поднялась вверх, а эпиграф сдвинулся вправо?
картинка
URL
20.11.2007 в 20:54

L.eroina del cazzo
А как разместить экстратоп ровно по середине блока записей?
URL
20.11.2007 в 23:46

octaharon
L.eroina del cazzo. Мммм. ну только если делать фиксированной ширины все. Т.е. ты прописываешь четкий размер в пикселях для блока записей, четкую ширину для экстратопа ну и немного арифметики для вычисления координат. Потому что насколько я знаю CSS процентные координаты не допускает. Или попроси админов включить тебе яваскрипт =)
URL
21.11.2007 в 18:10

L.eroina del cazzo
octaharon хм..а как вычислить координаты?
И что есть яваскрипт?Поможет ли он?=)
URL
21.11.2007 в 22:10

octaharon
L.eroina del cazzo
Как вычислить координаты. Пусть X координата (по любой оси) одного объекта, W его же размер по этой оси, V размер второго объекта. Тогда несложно догадаться что X2 - левая координата второго объекта, вычисляется по формуле X+(W-V)/2. В этом случае объекты выравниваются по центральной оси.

Яваскрипт это клиентский язык, выполняемый в браузере. В твоем случае проблема решается той же формулой в таком виде:
<body onload="javasсript: document.getElementById('extratop').style.left=
Math.round(document.getElementById('postarea').clientLeft+
0.5*document.getElementById('postarea').clientWidth-
0.5*document.getElementById('extratop'));">
По идее должно работать во всех браузерах... Но тока как тебе его туда всунуть...
URL
30.12.2007 в 20:23

и всё-таки... неужели нету точного кода, где нужно только заменить ссылку на картинку и размеры? я пробовала все, ничего не работает=(
URL
14.01.2008 в 21:45

half of cat
"Если вас преследуют неприятности, уступите дорогу"
Я не знаю что у вас там не получается, но у меня работает отлично! )
#extratop {border-style:none !important; position:fixed !important;margin-top:0px !important; margin-left:0px !important; left:0px !important; top:0px !important; width:700px;height:500px; background-image:url('/userdir/4/0/7/3/407332/28064054.jpg') !important; background-repeat:no-repeat !important;background-color:#000000 !important;}
width:700px;height:500px - здесь, как обычно, выставляются размеры самой картинки. Подгоняйте так, как вам нам )
('/userdir/4/0/7/3/407332/28064054.jpg') - адрес картинки из Библиотеки Изображений.

URL
15.01.2008 в 00:44

octaharon
Поработав веб-программистом еще полгодика я познал истину: ставить импортанты у каждого тега не обязательно =) Особенно у left, right, всяких margin и уж тем более у background-image =)
URL
15.01.2008 в 00:50

half of cat
"Если вас преследуют неприятности, уступите дорогу"
octaharon
а я Ваш код и брала )) просто значения размера картинки поменяла и всё ))
URL