Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Картинка в качестве фона + поверх еще картинка меньше
Картинка в качестве фона + поверх еще картинка меньше
BANG9254
Сообщений: 4
Репутация: 0

Сообщение # 1 | 03:35:01
как на моём сайте сделать в качестве фона картинку и при этом будет можно еще наложить сверху одну или более картинок меньшего размера ?
Я лишь начинающий и многого не знаю, так что сильно не пинайте.
Irina_M
Сообщений: 603
Репутация: 67

Сообщение # 2 | 13:10:19
BANG9254, картинку-фон можно задать с помощью свойства CSS: background-image
BANG9254
Сообщений: 4
Репутация: 0

Сообщение # 3 | 13:28:22
Irina_M, Пробовал через CSS background, но видимо я что то не так делаю - потому что после написания кода -страница пустая у меня...
Скорее всего проблема в том что я не понимаю как правильно указать путь к картинке фона и вообще где она должна находиться ?
Если можете покажите на примере ?

Пример как у меня (картинка hi-tech.jpg лежит в паке Images в корне здешнего файлобменника )-
background: url(images/hi-tech.jpg) width="100%" no-repeat
Dogica
Сообщений: 1230
Репутация: 352
Уровень замечаний:

Сообщение # 4 | 13:54:21
Если картинка находится у вас в файловом мэнэджере в директории Images, чтобы растянуть ее на задний фон напишите после </head> вот так:

<body style="background:url('images/hi-tech.jpg') no-repeat; background-size: 100%;">


WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал Dogica - Понедельник, 15 Июн 2015, 13:55:36
BANG9254
Сообщений: 4
Репутация: 0

Сообщение # 5 | 14:03:47
Dogica, у меня походу и с тегами дело плохо, потому вопрос - может лишь <div> </div> заменить стандартную "шапку" тегов ? (ниже)

<html>

<head>

</head>

<body>

</body>

</html>
Dogica
Сообщений: 1230
Репутация: 352
Уровень замечаний:

Сообщение # 6 | 14:24:58
Цитата BANG9254 ()
Dogica, у меня походу и с тегами дело плохо, потому вопрос - может лишь <div> </div> заменить стандартную "шапку" тегов ? (ниже)
в смысле заменить? нет конечно!
<div> и </div> ничего не заменяет - этими тэгами можно "обернуть" элементы и присвоить им класс например..
они не предназначены для замены чего бы то ни было и к картинке на заднем фоне не имеют никакого отношения


WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал Dogica - Понедельник, 15 Июн 2015, 14:25:46
BANG9254
Сообщений: 4
Репутация: 0

Сообщение # 7 | 17:03:45
Спасибо всё получилось , но возникли вопросы чуть сложнее -

1)Жирным выделена картинка которую нужно поднять чтобы она начиналась с самого верхнего края, и какие атрибуты и значения установить чтобы в любом браузере и мобильных версиях эта картинка была фиксированна в размеах т.е. не изменяла размеры в любых случаях ?
2)Прописным анимированный текст в GIF - как средствами кодировки сделать фон анимации прозрачным (без использования фотошопов) ?
3)Как эту анимацию наложить сверху картинки выделенной жирным? (точно как здесь http://cybertex.wix.com/cybertex) получилось что центрированная картинка жирным сместилась влево, а гифка вправо

<!DOCTYPE html>
<div>
<html>
<head>
<body style="background:url('images/hi-tech.jpg') no-repeat; background-size: 100%;">
<style>
.fig { text-align: center; }
</style>
<p class="fig">
<img src="http://cybertex.moy.su/images/printed_circuit.jpg" width="999" height="391";>
<img src="http://cybertex.moy.su/gif/cooltext122066433792606.gif" width="621" height="222" alt="CyberTEX">
</body>
</html>
</div>
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Картинка в качестве фона + поверх еще картинка меньше
Страница 1 из 11
Поиск: