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

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

18:27

все записи пользователя в сообществе Tonni

сначала ты сломал мне жизнь,теперь еще и чайник.

вопросы,безусловно, были,но я не смогла их найти:

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

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

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

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

URL

Вернулся в город и увидел, что он даже не заметил моего о... Там-да-ра-дарам... Сегодня 4 июня. И мы начинаем вечер... Идей много, реалиЗА!ция страдает.

такое чувство сегодня, как-будто всю ночь рыдала, но это ... китайский морковный напиток приятнее немецкого, хотя госп... ...репетировал нейронный ансамбль. Ещё одна фантастическа...

Комментарии

25.03.2007 в 18:33

татута

дрянь какая

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

URL

25.03.2007 в 19:19

Kildor

Homo virtualis группа [γ]

1.

она не двигалась вместе с дневником

background-position:fixed;

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

никак.

можно размножнить картинку , чтоб она повторялась background-repeat: repeat-x

но растянуть-сузить — background-size (или же background-stretch) пока не просто не поддерживается браузерами, даже не специфицировано.

URL

25.03.2007 в 19:49

Tonni

сначала ты сломал мне жизнь,теперь еще и чайник.

татуа спасибо

Kildor я имею ввиду,как здесь:

http://pay.diary.ru/~football-fever/

URL

25.03.2007 в 20:02

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

URL

25.03.2007 в 20:16

Tonni

сначала ты сломал мне жизнь,теперь еще и чайник.

рэйнор не,я имела ввиду,что...

*короче облажалась*

подскажите,а?

URL

25.03.2007 в 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

}

URL

25.03.2007 в 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; }

вот это вообще не будет работать, комментарии нужно ставить в комментарии — /* комментарий */

URL

25.03.2007 в 23:53

Tonni

сначала ты сломал мне жизнь,теперь еще и чайник.

Kildor угу,стили ты прав(

татута все равно никак.

вернее пространство свободно,а вот картинки нет(

наерн,неправильно вставляю

я загрузила ее в библиотеку,и списала адрес url

URL

10.06.2007 в 22:03

~Annahita~

spiderway

Tonni

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

URL

15.06.2007 в 22:02

Himai

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

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

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

URL

23.06.2007 в 14:30

octaharon

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

работает если выбрано блочное оформление.

URL

24.06.2007 в 17:49

octaharon

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

URL

24.06.2007 в 20:39

Himai

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

octaharon, спасибо)

URL

29.06.2007 в 18:34

Килла.

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

Kildor я имею ввиду,как здесь:

http://pay.diary.ru/~football-fever/

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

URL

29.06.2007 в 21:58

octaharon

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

URL

29.06.2007 в 22:12

Килла.

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

о Боже. я никогда в жизни такое не сотворю.)

но всё равно спасибо за отклик.)

URL

09.07.2007 в 00:39

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

все доступные варианты.

URL

13.07.2007 в 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%.

URL

03.09.2007 в 01:22

[Pita4ok]

Prison Break fan, namely T-Bag's fan ^^

извиняюсь,но не один из кодов не работает =/

URL

03.09.2007 в 23:32

octaharon

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

URL

09.09.2007 в 16:02

Aster0

Все грамматические ошибки являются авторским стилем изложения материала.

Эм возник такой вопрос. Мне нужно вставить 2 разные картинки, в низу и в верху.

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

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

URL

11.09.2007 в 03:53

octaharon

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

URL

11.09.2007 в 03:55

octaharon

URL

11.09.2007 в 13:51

Гость

Жалко что нельзя, а я уже начал строить грандиозные планы

Ну в любом случае спс за подсказку

URL

11.09.2007 в 14:02

Aster0

Все грамматические ошибки являются авторским стилем изложения материала.

Ах да еще 2 вопроса, 1-й: можно ли вставть 3 и более картинки?

и 2-й: Как сделать чтобы картинки были под меню и текстом а не над ним

URL

11.09.2007 в 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+ версии.

URL

11.09.2007 в 17:57

Aster0

Все грамматические ошибки являются авторским стилем изложения материала.

Чего не понял

Нет я понял, толкьо теоретически, не понял куда это всё вписывать

#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?

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

URL

11.09.2007 в 23:04

octaharon

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

URL

11.09.2007 в 23:05

octaharon

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

URL

12.09.2007 в 02:57

Aster0

Все грамматические ошибки являются авторским стилем изложения материала.

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

URL

1 2 Следующая → Последняя


Запомнить

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