Автор | Сообщение |
Fancy
|
| |
Сообщение: 1157
Настроение: категорическое
Зарегистрирован: 16.04.06
Репутация:
46
|
|
Отправлено: 14.08.06 20:56. Заголовок: Сборная тема. Фон.
У меня тут возник такой вопрос по дизайну, по ходу работы ( проблема в том, что я в css мало понимаю ) : Как сделать так, что бы фоновая каринка: 1) Была закреплена. ( Через таблицу стилей. Через хтмл я знаю. ) 2) Была в одном экземпляре. ( Не "размножалась" . ) 3) Находилась наверху посередине. ?
|
|
Профиль
|
Ответов - 984
, стр:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
All
[только новые]
|
|
Хомпаг
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 21.11.06 16:35. Заголовок: Re:
Fancy пишет: цитата: | Как сделать так, что бы фоновая каринка: 1) Была закреплена. ( Через таблицу стилей. Через хтмл я знаю. ) 2) Была в одном экземпляре. ( Не "размножалась" . ) 3) Находилась наверху посередине. |
|
1) background-attachment: fixed 2) background-repeat: no-repeat 3) background-position: center top arsdog пишет: цитата: | фоновый рисунок у меня малюсенький получился, а я хотела растянуть его во всю страницу |
|
цитата: | В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. |
| Источник: http://htmlbook.ru/html/body.html Чтобы позволить фоновому рисунку размножиться нужно изменить значение параметра background-repeat или убрать его совсем. Продобнее о параметрах: background-repeat background-attachment
|
|
|
Хомпаг
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 21.11.06 16:35. Заголовок: Re:
Fancy пишет: цитата: | Как сделать так, что бы фоновая каринка: 1) Была закреплена. ( Через таблицу стилей. Через хтмл я знаю. ) 2) Была в одном экземпляре. ( Не "размножалась" . ) 3) Находилась наверху посередине. |
|
1) background-attachment: fixed 2) background-repeat: no-repeat 3) background-position: center top arsdog пишет: цитата: | фоновый рисунок у меня малюсенький получился, а я хотела растянуть его во всю страницу |
|
цитата: | В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. |
| Источник: http://htmlbook.ru/html/body.html Чтобы позволить фоновому рисунку размножиться нужно изменить значение параметра background-repeat или убрать его совсем. Продобнее о параметрах: background-repeat background-attachment
|
|
|
зюзелька
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 23.11.06 15:35. Заголовок: Re:
люди, помогите плиз бедному глупому юзеру... я безуспешно пытаюсь сделать фон таким, как он мне нужен, а он успешно остается таким, кок он был... цитата: | <style type="text/css">body {background-image: url(http://p4.piczo.com/img/i34211086_88150_4.gif);} </style> <TITLE>Форум</TITLE> <body> |
| это то, что у меня сейчас в HTML верх.. мне нужно, чтобы фон был с таким адресом цитата: | <style type="text/css">body {background-image: url(http://p4.piczo.com/img/i34211086_88150_4.gif);} </style> или с таким [quote]<style type="text/css">body {background-image: url(http://pic.piczo.com/img/i40924812_22752_3.jpg);} </style> <a href="http://vsedlyavas.sitecity.ru/index.phtml" target="blank"> <img src="http://img.liveinternet.ru/images/attach/2/14596/14596182_14578866_banierevide2.gif"> </a> |
| но сколько я не пихала эти адреса между STYLE, фон упорно остается нежно-голубым... что делать-то, а?
|
|
|
зюзелька
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 23.11.06 15:35. Заголовок: Re:
люди, помогите плиз бедному глупому юзеру... я безуспешно пытаюсь сделать фон таким, как он мне нужен, а он успешно остается таким, кок он был... цитата: | <style type="text/css">body {background-image: url(http://p4.piczo.com/img/i34211086_88150_4.gif);} </style> <TITLE>Форум</TITLE> <body> |
| это то, что у меня сейчас в HTML верх.. мне нужно, чтобы фон был с таким адресом цитата: | <style type="text/css">body {background-image: url(http://p4.piczo.com/img/i34211086_88150_4.gif);} </style> или с таким [quote]<style type="text/css">body {background-image: url(http://pic.piczo.com/img/i40924812_22752_3.jpg);} </style> <a href="http://vsedlyavas.sitecity.ru/index.phtml" target="blank"> <img src="http://img.liveinternet.ru/images/attach/2/14596/14596182_14578866_banierevide2.gif"> </a> |
| но сколько я не пихала эти адреса между STYLE, фон упорно остается нежно-голубым... что делать-то, а?
|
|
|
|
Отправлено: 23.11.06 15:49. Заголовок: Re:
зюзелька пишет: а перегрузить на http://foto.radikal.ru/ попробуй зюзелька пишет: цитата: | <a href="http://vsedlyavas.sitecity.ru/index.phtml" target="blank"> <img src="http://img.liveinternet.ru/images/attach/2/14596/14596182_14578866_banierevide2.gif"> </a> |
| Это надо засунуть за тэг <BODY>
|
|
Профиль
|
|
Отправлено: 23.11.06 15:49. Заголовок: Re:
зюзелька пишет: а перегрузить на http://foto.radikal.ru/ попробуй зюзелька пишет: цитата: | <a href="http://vsedlyavas.sitecity.ru/index.phtml" target="blank"> <img src="http://img.liveinternet.ru/images/attach/2/14596/14596182_14578866_banierevide2.gif"> </a> |
| Это надо засунуть за тэг <BODY>
|
|
Профиль
|
Azurevlues
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 23.11.06 18:28. Заголовок: Re:
Закрепил фон, поставил прозрачность - все средствами хтмл (не css) - в IE6 все ездит нормально. В нетскейпе вроде нет. Прокомментируйте плиз - что не так! форум
|
|
|
Azurevlues
|
| |
Не зарегистрирован
Зарегистрирован: 01.01.70
|
|
Отправлено: 23.11.06 18:28. Заголовок: Re:
Закрепил фон, поставил прозрачность - все средствами хтмл (не css) - в IE6 все ездит нормально. В нетскейпе вроде нет. Прокомментируйте плиз - что не так! форум
|
|
|
|
Отправлено: 23.11.06 19:31. Заголовок: Re:
Azurevlues пишет: Не все браузеры едят фильтры!
|
|
Профиль
|
|
Отправлено: 23.11.06 19:31. Заголовок: Re:
Azurevlues пишет: Не все браузеры едят фильтры!
|
|
Профиль
|
чиж
|
| |
Сообщение: 2603
Настроение: EBGDAE
Зарегистрирован: 24.07.05
Откуда: Русь, Петербург Фонтанка
Репутация:
127
Фото:
|
|
Отправлено: 23.11.06 19:58. Заголовок: Re:
Esty пишет: цитата: | Не все браузеры едят фильтры! |
| Привожу скрипт, который использовал в то время, когда фильтры поддерживал только IE. может и понадобиться, если используете фильтры. <script language="JavaScript" type="text/javascript"> var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf('msie') != -1) { document.write('<TABLE onselectstart="return false" BORDER=0 name="top_hat" align="center"><TR><TD style="filter:glow(strength=10,color=blue); > <i style="text-align: center" onselectstart="return false"> <b><font color="#FFFF44" size="+3" > <i> Сайт Нашего Лицея. </i> </font></b></i></td></tr></TABLE> ');} else {document.write('<TABLE onselectstart="return false" BORDER=0 name="top_hat" align="center"> <TR><TD ><b> <font color="#1111FF" face="Comic Sans Ms" size="+3" > <i> Сайт Нашего Лицея. </i></font> </b></td></tr></TABLE>')}; </script> (чтобы работал, нужно "склеить" его в одну строчку) Комментарий: Если браузер IE, то надпись оформляется с фильром, если иной другой - то идет подражание фильтру, но оформление html-тегами.
|
|
Профиль
|
|
чиж
|
| |
Сообщение: 2603
Настроение: EBGDAE
Зарегистрирован: 24.07.05
Откуда: Русь, Петербург Фонтанка
Репутация:
127
Фото:
|
|
Отправлено: 23.11.06 19:58. Заголовок: Re:
Esty пишет: цитата: | Не все браузеры едят фильтры! |
| Привожу скрипт, который использовал в то время, когда фильтры поддерживал только IE. может и понадобиться, если используете фильтры. <script language="JavaScript" type="text/javascript"> var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf('msie') != -1) { document.write('<TABLE onselectstart="return false" BORDER=0 name="top_hat" align="center"><TR><TD style="filter:glow(strength=10,color=blue); > <i style="text-align: center" onselectstart="return false"> <b><font color="#FFFF44" size="+3" > <i> Сайт Нашего Лицея. </i> </font></b></i></td></tr></TABLE> ');} else {document.write('<TABLE onselectstart="return false" BORDER=0 name="top_hat" align="center"> <TR><TD ><b> <font color="#1111FF" face="Comic Sans Ms" size="+3" > <i> Сайт Нашего Лицея. </i></font> </b></td></tr></TABLE>')}; </script> (чтобы работал, нужно "склеить" его в одну строчку) Комментарий: Если браузер IE, то надпись оформляется с фильром, если иной другой - то идет подражание фильтру, но оформление html-тегами.
|
|
Профиль
|
Лана
|
| |
Сообщение: 1
Зарегистрирован: 01.12.06
Репутация:
0
|
|
Отправлено: 01.12.06 13:58. Заголовок: Re:
Скажите пожалуйста, я загрузила фон, он вроде бы работает а как только я вышла и вошла в другой раз он пропадает и появляется старый что мне сделать?
|
|
Профиль
|
Лана
|
| |
Сообщение: 1
Зарегистрирован: 01.12.06
Репутация:
0
|
|
Отправлено: 01.12.06 13:58. Заголовок: Re:
Скажите пожалуйста, я загрузила фон, он вроде бы работает а как только я вышла и вошла в другой раз он пропадает и появляется старый что мне сделать?
|
|
Профиль
|
|
Отправлено: 01.12.06 14:07. Заголовок: Re:
Лана, попробуй очистить кэш. А вообще, ссылку на форум в студию!
|
|
Профиль
|
|
Отправлено: 01.12.06 14:07. Заголовок: Re:
Лана, попробуй очистить кэш. А вообще, ссылку на форум в студию!
|
|
Профиль
|
Лана
|
| |
Сообщение: 2
Зарегистрирован: 01.12.06
Репутация:
0
|
|
Отправлено: 01.12.06 14:15. Заголовок: Re:
click here Вот ссылка прошу прощения но что такое кэш мне стыдно я не знаю!
|
|
Профиль
|
Лана
|
| |
Сообщение: 2
Зарегистрирован: 01.12.06
Репутация:
0
|
|
Отправлено: 01.12.06 14:15. Заголовок: Re:
click here Вот ссылка прошу прощения но что такое кэш мне стыдно я не знаю!
|
|
Профиль
|
|
Отправлено: 01.12.06 14:35. Заголовок: Re:
|
|
Профиль
|
|
Отправлено: 01.12.06 14:35. Заголовок: Re:
|
|
Профиль
|
Ответов - 984
, стр:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
All
[только новые]
|
|