Главная » Статьи » Компьютер, Интернет » CSS|HTML

Как сделать предварительную заставку на страницу
+18

Внимание! Говорит Германия ;))) Антиреклама!

Вы открываете страницу с материалами, на которой есть реклама. Нажимая на "Закрыв", Вы … упс … и продолжаете видеть её … прихоть не моя, могу только совет дать как отключить рекламу в принципе, в том числе и на этом сайте. Прочитать об этом можно ...

"Закрыв" эту надпись никчёмную

Как сделать предварительную заставку на страницу

Ну а тут собственно текст какой-то или картинки, то что мы хотим предварительно скрыть. В данном случае, мне бы не хотелось чтобы посетители сайта, видели рекламу Юкоза, что можно сделать совершенно спокойно, причём не только для этого сайта, а в принципе оградить себя, от любителей банеров всяких и прочей рекламской приблуды. Это ссылка на страницу, где рассказано как отключить рекламу Антиреклама

Итак порядок действий. И да простят меня гуру CSS и HTML, что мол так делать нельзя, код не валидный, да хоть инвалидный, работает да и ладно.

1. На новой странице где хотим установить предварительную заставку вставляем стиль CSS, не ну можно конечно вынести это в отдельный файл с расширением css и подключить его к этой или другой нужной странице, но если вы знаете как , я удивлён, зачем вы вообще это читаете, вы и так должны всё это знать.

<style>
#a_poh {background: #000; height: 98%; opacity: 0.9; position: fixed; width: 100%; z-index: 100; top: 0; left: 0; text-align: center;}
#poh { height: 150px;position: fixed;top: 110px;left: 17%;color: #fff;width: 800px;}
</style>

2. Далее, вставляем следующий код на страницу и заменяем на свой текст. В примере весь код выделен синим цветом, соответственно всё что, чёрным, это просто текст, который вы вольны менять как хотите.

<div id="a_poh">
<div id="poh">
<p>
Внимание! Говорит Германия ;))) Антиреклама!</p>
<p>
Вы открываете страницу с материалами, на которой есть реклама. Нажимая на "<b>Закрыв</b> ",Вы … упс … и продолжаете видеть её … прихоть не моя, могу только совет дать как отключить рекламу в принципе, в том числе и на этом сайте. Прочитать об этом можно ...</p>
<p style="cursor: pointer;" onclick="document.getElementById('a_poh').style.display='none';">"<b><u>
Закрыв</u></b>" эту надпись никчёмную</p>
</div></div>

*** Прим. То что указано в пункте 1 можно менять, добиваясь параметров которые вам нравятся, там в частности указаны % затемнения, цвет заставки, место расположения текста ... которые можно менять, если хочется.

Категория: CSS|HTML | Добавил: Админ (14.01.2014)
Просмотров: 1519
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]