18:27 

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

1.Как сделать так,чтобы сверху дневника во всю ширину страницы была картинка? она не двигалась вместе с дневником
2.Адрес картинки,которую я вставляю в код. Откуда его брать?то ест ькартинку надо куда-то загружать?
спасибо заранее

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

Комментарии
2007-03-25 в 18:33 

дрянь какая
2.загружай в библиотеку изображения

2007-03-25 в 19:19 

Kildor
Homo virtualis группа [γ]
1.
она не двигалась вместе с дневником
background-position:fixed;
1.Как сделать так,чтобы сверху дневника во всю ширину страницы была картинка?
никак.
можно размножнить картинку , чтоб она повторялась background-repeat: repeat-x
но растянуть-сузить — background-size (или же background-stretch) пока не просто не поддерживается браузерами, даже не специфицировано.

2007-03-25 в 19:49 

сначала ты сломал мне жизнь,теперь еще и чайник.
татуа спасибо
Kildor я имею ввиду,как здесь:
http://pay.diary.ru/~football-fever/

2007-03-25 в 20:02 

рэйнор
Хм. Может, мой ослик, конечно, тупит, но "как там" как раз картинка прокручивается вместе с дневником, нэ?...

2007-03-25 в 20:16 

сначала ты сломал мне жизнь,теперь еще и чайник.
рэйнор не,я имела ввиду,что...
*короче облажалась*
подскажите,а?

2007-03-25 в 20:20 

дрянь какая
Tonni extratop имеете ввиду?
#extratop {
BACKGROUND: url(/userdir/6/2/1/2/62120/17286046.jpg) repeat-x; WIDTH: 100%; LINE-HEIGHT: 100%! important; HEIGHT: 200px
}

2007-03-25 в 20:40 

Kildor
Homo virtualis группа [γ]
2татута:
уууу…
как минимум нужно использовать !important, а не ! important

2Tonni:
стили просто ужасающи.
— комментарии. .subscribe {background: no-repeat; padding:2px 20px !important; display:block; height:18px; }
— подписаться. .addToQuote {background: no-repeat; padding:2px 20px !important; display:block; height:18px; }
— в цитатник. .comments {background: no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }
вот это вообще не будет работать, комментарии нужно ставить в комментарии — /* комментарий */

2007-03-25 в 23:53 

сначала ты сломал мне жизнь,теперь еще и чайник.
Kildor угу,стили ты прав(
татута все равно никак.
вернее пространство свободно,а вот картинки нет(
наерн,неправильно вставляю
я загрузила ее в библиотеку,и списала адрес url

2007-06-10 в 22:03 

spiderway
Tonni
а можно вопрос не в тему? не нахожу так чтобы быстро, как ты сделала в один ряд ссылки "•СвязьI•Мои сообщества•50 фактов обо мне•"?

2007-06-15 в 22:02 

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

так никто и не нашел ответа?

2007-06-23 в 14:30 

в эпиграф вставляем картинку без текста, а в каске пишем у extratop {position:fixed !important; top:0px; left:0px; width:100%;}
работает если выбрано блочное оформление.

2007-06-24 в 17:49 

octaharon
апд: пардон, конечно же не у extratop, а у epigraph

2007-06-24 в 20:39 

Я римский император и я выше грамматиков
octaharon, спасибо)

2007-06-29 в 18:34 

Самая красивая часть моего тела - это определенно мои мозги (с)
Kildor я имею ввиду,как здесь:
http://pay.diary.ru/~football-fever/


вот тоже бы хотелось так же сделать. ничё не получается.(

2007-06-29 в 21:58 

octaharon
Килла., это дизайн фиксированной ширины. Картинку вставляешь либо в эпиграф, либо берешь такой блок как extratop и в него вставляешь картинку через background-image. При этом размеры либо тому либо соответственно другому выставляешь по картинке, и position:absolute; А уже блоку постов ставишь тот же position:absolute, и координаты top: картинке 0 а блоку постов - высоту картинки. И ширину одинаковую. А чтобы по центру было, я не уверен, но можно у wrapper поставить align:center;

2007-06-29 в 22:12 

Самая красивая часть моего тела - это определенно мои мозги (с)
о Боже. я никогда в жизни такое не сотворю.)
но всё равно спасибо за отклик.)

2007-07-09 в 00:39 

а можно просто код вывесить правильный?
все доступные варианты.

2007-07-13 в 22:33 

octaharon
У меня например вот так сделано
#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:47px; background-image:url('/userdir/5/1/0/6/510661/20846206.png') !important; background-repeat:no-repeat !important;background-color:#000000 !important;}
При этом верхний блок не прокручивается. если поменять position на absolute то будет. Ну и картинку естественно свою. При этом ширина фиксирована - 1024. Можно наверное просто 100% поставить но тогда нужно у wrapper тоже ставить 100%.

2007-09-03 в 01:22 

Prison Break fan, namely T-Bag's fan ^^
извиняюсь,но не один из кодов не работает =/

2007-09-03 в 23:32 

octaharon
[Pita4ok] , у меня все работает. смотря в каком браузере ты просматриваешь

2007-09-09 в 16:02 

Все грамматические ошибки являются авторским стилем изложения материала.
Эм возник такой вопрос. Мне нужно вставить 2 разные картинки, в низу и в верху.

Код который дал octaharon работает, но он вставляет только одну картинку.

Да и еще, если это возможно, то как нижнию картинку прикрепить к нижнему краю? О_О:help:

2007-09-11 в 03:53 

octaharon
Aster0, можешь для своих целей применить все тоже самое к блоку extrabottom - получишь вторую картинку, а насчет привязки к низу - как ты себе это представляешь? У тебя что, текст не прокручивается?

2007-09-11 в 03:55 

octaharon
Aster0, можешь для своих целей применить все тоже самое к блоку extrabottom - получишь вторую картинку, а насчет привязки к низу - как ты себе это представляешь? У тебя что, текст не прокручивается?

2007-09-11 в 13:51 

Жалко что нельзя, а я уже начал строить грандиозные планы:) Ну в любом случае спс за подсказку:)

URL
2007-09-11 в 14:02 

Все грамматические ошибки являются авторским стилем изложения материала.
Ах да еще 2 вопроса, 1-й: можно ли вставть 3 и более картинки?:) и 2-й: Как сделать чтобы картинки были под меню и текстом а не над ним:)

2007-09-11 в 16:17 

octaharon
Aster0
1-й. Можно, но придется пожертвовать какими нибудь блоками. Типа пунктов меню. К ним же все тоже самое применимо. Единственное, чтобы текст в нём не мешался, можно поставить text-indent:-5000; типа отступ в левую сторону 5000 пикселей.
2-й. У любого объекта есть свойство z-index, которое означает выравнивание по третей оси, которая считается направленной из центра экрана на наблюдателя перпендикулярно ему. Т.е. чем меньше z-index, тем "глубже" заложен объект. Т.е. чтобы картинки не перекрывали текст, ставим им z-index:1 а блоку с текстом z-index:5 например. Но тут есть нюанс, что работает эта хрень в Opera 8+, Firefox, и в IE только 6.4+ версии.

2007-09-11 в 17:57 

Все грамматические ошибки являются авторским стилем изложения материала.
Чего не понял:( Нет я понял, толкьо теоретически, не понял куда это всё вписывать:)
#extratop {border-style:none !important; position: absolute !important;margin-top:0px !important; margin-right:0px !important; left:100px !important; top:300px !important; width:700px;height:100px; background-image:url('/userdir/5/6/2/3/562361/23104442.jpg') !important; background-repeat:no-repeat !important;background-color:#000000 !important;link rel=sheet" type="text/css" href=.css"}

Вот код картинки, куда нужно вписать z-index:1?:(

З.Ы. Пардон за глупые вопросы, я просто нуб в этом:(

2007-09-11 в 23:04 

octaharon
"link rel=sheet" type="text/css" href=.css" этого там не должно быть.
а так куда хочешь туда и вписываешь. между любыми свойствами z-index:1;

2007-09-11 в 23:05 

octaharon
куда хочешь туда и вписываешь. между любыми свойствами z-index:1;

2007-09-12 в 02:57 

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

какая ошипка?:pozdr::weep3::weep3::weep3:

2007-09-12 в 14:58 

Все грамматические ошибки являются авторским стилем изложения материала.
ну вобщемто я нашел альтернативную замену, Я просто сделал так:
#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 он находится под всем, и нечего не закрывает, но разобраться в в этих индексах не помишалобы всё равно:)

2007-09-12 в 21:42 

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

2007-09-13 в 01:21 

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


2007-09-13 в 01:46 

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

2007-09-13 в 02:17 

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

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

2007-09-13 в 11:06 

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

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

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

И напоследок. htmlbook.ru/css/

2007-09-13 в 15:12 

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

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

2007-09-13 в 17:21 

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

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

2007-09-13 в 19:09 

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

URL
2007-09-22 в 23:13 

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

2007-11-13 в 08:59 

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

2007-11-20 в 20:54 

А как разместить экстратоп ровно по середине блока записей?

2007-11-20 в 23:46 

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

2007-11-21 в 18:10 

octaharon хм..а как вычислить координаты?
И что есть яваскрипт?Поможет ли он?=)

2007-11-21 в 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'));">
По идее должно работать во всех браузерах... Но тока как тебе его туда всунуть...

2007-12-30 в 20:23 

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

2008-01-14 в 21:45 

"Если вас преследуют неприятности, уступите дорогу"
Я не знаю что у вас там не получается, но у меня работает отлично! )
#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') - адрес картинки из Библиотеки Изображений.

2008-01-15 в 00:44 

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

2008-01-15 в 00:50 

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

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

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

главная