| Автор | Сообщение |
|
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
[только новые]
|
|
- участник сейчас на форуме
- участник вне форума