Форум » Вопросы по настройке внешнего вида и управлению » Сборная тема. Фон. » Ответить
Сборная тема. Фон.
Fancy: У меня тут возник такой вопрос по дизайну, по ходу работы ( проблема в том, что я в css мало понимаю ) : Как сделать так, что бы фоновая каринка: 1) Была закреплена. ( Через таблицу стилей. Через хтмл я знаю. ) 2) Была в одном экземпляре. ( Не "размножалась" . ) 3) Находилась наверху посередине. ?
Лена: Selena, получилось:) Ещё раз огромное спасибо. Единственное, не смогла вставить иконки и кнопки. Если не сложно - подскажите, пожалуйста, как это сделать.
Лена: Selena, получилось:) Ещё раз огромное спасибо. Единственное, не смогла вставить иконки и кнопки. Если не сложно - подскажите, пожалуйста, как это сделать.
Selena: Поставте ссылку http://www.forum24.ru/gif/6 или просто /gif/6
Selena: Поставте ссылку http://www.forum24.ru/gif/6 или просто /gif/6
Лена: Selenaспасибо Вам большое. Так приятно, что от твоей проблемы не отмахиваются и не оставляют тебя с ней наедине.
Лена: Selenaспасибо Вам большое. Так приятно, что от твоей проблемы не отмахиваются и не оставляют тебя с ней наедине.
Alan McKoll: Хомпаг пишет: Fancy пишет: цитата: Как сделать так, что бы фоновая каринка: 1) Была закреплена. ( Через таблицу стилей. Через хтмл я знаю. ) 2) Была в одном экземпляре. ( Не "размножалась" . ) 3) Находилась наверху посередине. 1) background-attachment: fixed 2) background-repeat: no-repeat 3) background-position: center top Все вроде получилось и выглядело нормально, пока не дал ссылку одному другу. У него мониторчик побольше и разрешение соответственно тоже. и оказалось что фон копируется! Как это исправить? Вот форум: http://klubrus.forum24.ru/ Вот код: <HTML> <HEAD> <TITLE>Форум КИР "РУС"</TITLE> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <STYLE> .font1 {COLOR: #3300FF; font-family:Verdana; font-size:12px;} .font2 {COLOR: #339900; font-family:Verdana; font-size:11px;} .font3 {COLOR: #FF3300; font-family:Verdana; font-size:12px;} .font4 {COLOR: #333399; font-family:Verdana; font-size:11px;} .font5 {COLOR: #0000CC; font-family:Verdana; font-size:12px; font-weight:700;} .font6{COLOR: #333399; font-family:Verdana; font-size:12px;} ul,li {margin: 4px 4px 4px 4px; padding: 0px 0px 0px 0px; TEXT-INDENT: 10pt} input, select, textarea {font-family:Verdana; font-size:11px;} textarea {height:150;width:100%} a:link {COLOR: #1C3070; TEXT-DECORATION: none} a:active {COLOR: #ff0000; TEXT-DECORATION: none} a:visited {COLOR: #4F76B3; TEXT-DECORATION: none} a:hover {COLOR: #ff0000; TEXT-DECORATION: none} input.sender{background-color:#ffffff;font-weight:700;border:1 outset rgb(0,0,0);} </STYLE> </HEAD> <BODY bgcolor=#f0f0f0 topMargin=215 bottomMargin=10 leftMargin=265 rightMargin=25 background=http://i042.radikal.ru/0711/51/ba5dcc0f7fa4.jpg bgproperties="fixed"; background-repeat: no-repeat; background-position: center top> <TABLE cellSpacing=1 cellPadding=1 width=100% height=100% border=0 <TR style="FILTER: alpha(opacity=85); moz-opacity: 100; opacity: 100; khtml-opacity: 100" > <TD>
Alan McKoll: Хомпаг пишет: Fancy пишет: цитата: Как сделать так, что бы фоновая каринка: 1) Была закреплена. ( Через таблицу стилей. Через хтмл я знаю. ) 2) Была в одном экземпляре. ( Не "размножалась" . ) 3) Находилась наверху посередине. 1) background-attachment: fixed 2) background-repeat: no-repeat 3) background-position: center top Все вроде получилось и выглядело нормально, пока не дал ссылку одному другу. У него мониторчик побольше и разрешение соответственно тоже. и оказалось что фон копируется! Как это исправить? Вот форум: http://klubrus.forum24.ru/ Вот код: <HTML> <HEAD> <TITLE>Форум КИР "РУС"</TITLE> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <STYLE> .font1 {COLOR: #3300FF; font-family:Verdana; font-size:12px;} .font2 {COLOR: #339900; font-family:Verdana; font-size:11px;} .font3 {COLOR: #FF3300; font-family:Verdana; font-size:12px;} .font4 {COLOR: #333399; font-family:Verdana; font-size:11px;} .font5 {COLOR: #0000CC; font-family:Verdana; font-size:12px; font-weight:700;} .font6{COLOR: #333399; font-family:Verdana; font-size:12px;} ul,li {margin: 4px 4px 4px 4px; padding: 0px 0px 0px 0px; TEXT-INDENT: 10pt} input, select, textarea {font-family:Verdana; font-size:11px;} textarea {height:150;width:100%} a:link {COLOR: #1C3070; TEXT-DECORATION: none} a:active {COLOR: #ff0000; TEXT-DECORATION: none} a:visited {COLOR: #4F76B3; TEXT-DECORATION: none} a:hover {COLOR: #ff0000; TEXT-DECORATION: none} input.sender{background-color:#ffffff;font-weight:700;border:1 outset rgb(0,0,0);} </STYLE> </HEAD> <BODY bgcolor=#f0f0f0 topMargin=215 bottomMargin=10 leftMargin=265 rightMargin=25 background=http://i042.radikal.ru/0711/51/ba5dcc0f7fa4.jpg bgproperties="fixed"; background-repeat: no-repeat; background-position: center top> <TABLE cellSpacing=1 cellPadding=1 width=100% height=100% border=0 <TR style="FILTER: alpha(opacity=85); moz-opacity: 100; opacity: 100; khtml-opacity: 100" > <TD>
Selena: Alan McKoll вот это - background-repeat: no-repeat; background-position: center top - не работает, ибо так пишут стиль, а не атрибут в тэге. Поставте вместо этого style="background-repeat:no-repeat;" и будет достаточно для всех броузеров.
Selena: Alan McKoll вот это - background-repeat: no-repeat; background-position: center top - не работает, ибо так пишут стиль, а не атрибут в тэге. Поставте вместо этого style="background-repeat:no-repeat;" и будет достаточно для всех броузеров.
Alan McKoll: Спасибо! Как говорят: век живи - век живи!
Alan McKoll: Спасибо! Как говорят: век живи - век живи!
Ляляляка: http://i011.radikal.ru/0711/2e/c42d324a6109.jpg как поставить эту картинку на фон чтобы она не размножалась?
Ляляляка: http://i011.radikal.ru/0711/2e/c42d324a6109.jpg как поставить эту картинку на фон чтобы она не размножалась?
Еретик: Кастрируйте её - не будет размножаться... В теме несколько раз уже писали, как это сделать...
Еретик: Кастрируйте её - не будет размножаться... В теме несколько раз уже писали, как это сделать...
HID: Сразу извиняюсь, т.к. догадываюсь, что таких вопросов была тьма, но мне читать то, что я плохо понимаю быстро надоело. Проблема собсно в установке фона. Вот код HTML-верх: <HTML> <HEAD> <TITLE>Форум</TITLE> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <STYLE> .font1 {COLOR: #000000; font-family:Verdana; font-size:12px;} .font2 {COLOR: #000000; font-family:Verdana; font-size:11px;} .font3 {COLOR: #000000; font-family:Verdana; font-size:12px;} .font4 {COLOR: #000000; font-family:Verdana; font-size:11px;} .font5 {COLOR: #FFFFFF; font-family:Verdana; font-size:12px; font-weight:700;} .font6{COLOR: #000000; font-family:Verdana; font-size:12px;} ul,li {margin: 4px 4px 4px 4px; padding: 0px 0px 0px 0px; TEXT-INDENT: 10pt} input, select, textarea {font-family:Verdana; font-size:11px;} textarea {height:150;width:100%} a:link {COLOR: #000000; TEXT-DECORATION: none} a:active {COLOR: #ff0000; TEXT-DECORATION: none} a:visited {COLOR: #4F76B3; TEXT-DECORATION: none} a:hover {COLOR: #FFFFFF; TEXT-DECORATION: none} input.sender{background-color:#ffffff;font-weight:700;border:1 outset rgb(0,0,0);} </STYLE> </head> <BODY bgcolor=#f0f0f0 leftMargin=50 topMargin=10 marginheight=10 marginwidth=50> <TABLE bgColor=#98aab1 cellSpacing=1 cellPadding=10 width=100% height=100% border=0> <TR bgColor=#ffffff><TD valign=top> А вот ссылка на картинку с радикала, которую я хочу поставить в фон. Вот ссылка на сам форум: http://www.psycho.forum24.ru Просьба - впишите все, что надо куда надо, чтобы я просто скопировал новый код с указанным изображением в качестве фона обратно в HTML-верх.
HID: Сразу извиняюсь, т.к. догадываюсь, что таких вопросов была тьма, но мне читать то, что я плохо понимаю быстро надоело. Проблема собсно в установке фона. Вот код HTML-верх: <HTML> <HEAD> <TITLE>Форум</TITLE> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <STYLE> .font1 {COLOR: #000000; font-family:Verdana; font-size:12px;} .font2 {COLOR: #000000; font-family:Verdana; font-size:11px;} .font3 {COLOR: #000000; font-family:Verdana; font-size:12px;} .font4 {COLOR: #000000; font-family:Verdana; font-size:11px;} .font5 {COLOR: #FFFFFF; font-family:Verdana; font-size:12px; font-weight:700;} .font6{COLOR: #000000; font-family:Verdana; font-size:12px;} ul,li {margin: 4px 4px 4px 4px; padding: 0px 0px 0px 0px; TEXT-INDENT: 10pt} input, select, textarea {font-family:Verdana; font-size:11px;} textarea {height:150;width:100%} a:link {COLOR: #000000; TEXT-DECORATION: none} a:active {COLOR: #ff0000; TEXT-DECORATION: none} a:visited {COLOR: #4F76B3; TEXT-DECORATION: none} a:hover {COLOR: #FFFFFF; TEXT-DECORATION: none} input.sender{background-color:#ffffff;font-weight:700;border:1 outset rgb(0,0,0);} </STYLE> </head> <BODY bgcolor=#f0f0f0 leftMargin=50 topMargin=10 marginheight=10 marginwidth=50> <TABLE bgColor=#98aab1 cellSpacing=1 cellPadding=10 width=100% height=100% border=0> <TR bgColor=#ffffff><TD valign=top> А вот ссылка на картинку с радикала, которую я хочу поставить в фон. Вот ссылка на сам форум: http://www.psycho.forum24.ru Просьба - впишите все, что надо куда надо, чтобы я просто скопировал новый код с указанным изображением в качестве фона обратно в HTML-верх.
Esty: HID, парой постов выше есть ответ- читайте внимательно!
Esty: HID, парой постов выше есть ответ- читайте внимательно!
полная версия страницы