Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Прозрачный блок чтоб было видно фон html

Предыдущая тема Следующая тема Перейти вниз

Прозрачный блок чтоб было видно фон html

Сообщение автор РыжаяЯ в Чт 29 Сен - 12:25

День добрый! Есть задачка:
Фоном является картинка, нужно наложить полупрозрачный блок белого фона и написать на нем "Я - это гордо!"
Начиталась всякого, каша в голове...Хелп! Вы ж тут все умнички помогите пожайлуста, дайте код.

РыжаяЯ
Новичок

Сообщения : 3
Регистрация : 2011-09-29
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Прозрачный блок чтоб было видно фон html

Сообщение автор Dana Domirani в Чт 29 Сен - 12:43

Берем некий блок с фоновой картинкой, ставим внутрь контейнер с текстом:
Код:
<div class="my_block">Я - это гордо!</div>
Добавляем в CSS правила:
Код:
.my_block {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/dfg10.png") repeat center;
padding: 5px;
width: 150px;
text-align: center;
}
и сохраняем.




Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22399
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Прозрачный блок чтоб было видно фон html

Сообщение автор РыжаяЯ в Чт 29 Сен - 12:59

Я в этом еще маленькая, можно мне код целиком
<div class="my_block">Я - это гордо!</div> - это я знаю куда ставить между боди, а где живут правила CSS не особо...
Вышло так
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
.my_block {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/dfg10.png") repeat center;
padding: 5px;
width: 150px;
text-align: center;
}
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<div class="my_block">Я - это гордо!</div>
</body>
</html>

Но оно не работает....

РыжаяЯ
Новичок

Сообщения : 3
Регистрация : 2011-09-29
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Прозрачный блок чтоб было видно фон html

Сообщение автор Dana Domirani в Чт 29 Сен - 13:29

Правила CSS на отдельной странице ставятся в теги <style type="text/css">...</style>
Попробуйте так:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/smiley.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Страница</title>
<style type="text/css">
body {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/klen1310.jpg") repeat center;
}
.my_block {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/dfg10.png") repeat center;
padding: 5px;
width: 150px;
text-align: center;
}
</style>
</head>
<body>
<div class="my_block">Я - это гордо!</div>
</body>
</html>



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22399
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Прозрачный блок чтоб было видно фон html

Сообщение автор РыжаяЯ в Чт 29 Сен - 13:47

Нижайший поклон от благодарного ученика. girl_yes

РыжаяЯ
Новичок

Сообщения : 3
Регистрация : 2011-09-29
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Прозрачный блок чтоб было видно фон html

Сообщение автор Dana Domirani в Чт 29 Сен - 14:08

Пожалуйста!



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22399
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения