Офис НП AMWAY в Ярославле
Офис Амвей в Ярославле
На карте Офис AMWAY в ЯрославлеПрием и выдача заказов, презентация продукции Амвей, мастер–классы, вопросы по бизнесу Amway:
Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
Телефон: +7 (920) 112-00-91
Email: matyxho@mail.ru
Сайт: https://www.amway.ru/user/lebedem
Визитка: http://yar.meweb.ru
Иерархия статей
Статьи » HTML, CSS, JS » Симпатичный бордюр сайта
Сниппет
Делаем симпатичный верхний бордюр сайта. Как мне подсказали на одном умном форуме, этот элемент может быть бесполезен для HTML5, однако не все ж еще на нем умеют размечать...
Симпатичный бордюр сайта
Опубликовал  Pisatel Добавлено  08-02-2013 14:41 08 Февраль 2013 14:41:29 1673  Прочтений 1673 Прочтений  0 Комментариев 0 Комментариев
 printer
Подхлядел йа как-то на одном сайтеге симпатяшное украшательство в виде верхнего бордюра, который как бы нависал над усем сайтом, придавая ему более кошерный вид. Стало интересно, шо же это за чудо дизайнерской идеи. Оказалось- добавлен псевдокласс before к body. Вот код CSS и скриншот, сделанный папараци с проезжающего мотоцикла на камеру мобильного телефона:

Код: CSS


body:before {

content: "";

position: fixed;

top: -10px; /*отступ вверх от тела*/

left: 0;

width: 100%; /*во всю ширину арбузера*/

height: 15px; /*высота бордюра*/

z-index: 1; /*возвышаем над всеми элементами*/

-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .8);

-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .8);

box-shadow: 0px 0px 10px rgba(0, 0, 0, .8 ); /*задаем тень блоку с альфа- прозрачностью, на всякий случай для всех арбузов*/

}




В общем, можно подобное сделать и с псевдоклассом after но если высота страницы небольшая, меньше высоты окна арбузера, то данный элемент внизу будет смотреться весьма бестолково. Дерзайте, экспериментируйте!
Понравилась статья?
Метки для данной статьи
Похожие статьи
Поделиться:   
Комментарии
Нет комментариев.
Добавить комментарий
Имя:

Проверочный код:
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
folder Вопрос по переделке bb-кода
PHP, MySQL
1563 5 Pisatel
26. мая 2017
folder Вопросы по Ajax форме обратной связи
CMS PHP Fusion
7454 48 Ditrin
19. февраля 2017
folder BBCode YouTube Video Colorbox mod
CMS PHP Fusion
6466 2 Pisatel
10. декабря 2016
folder Как лучше создать собственную страницу?
CMS PHP Fusion
4584 17 Pisatel
11. мая 2016
folder Небольшие вопросы по скриптам магазина и катало...
PHP, MySQL
41715 80 Pisatel
11. января 2016
folder BBCode Code mod
CMS PHP Fusion
3072 0 Pisatel
31. августа 2015
folder Ajax Like Dislike Article Panel
CMS PHP Fusion
5883 16 Pisatel
07. июля 2015
folder Хлебные крошки / BreadCrumbs SEO Panel
CMS PHP Fusion
6493 17 Pisatel
04. июля 2015
folder Abbr Description BBCode
CMS PHP Fusion
2290 0 Pisatel
15. июня 2015
folder Плагин Email рассылки Mail To All by Pisatel
CMS PHP Fusion
9151 32 Pisatel
26. апреля 2015
folder Подозрительный трафик и прочие страшилки
Всякая хрень
3942 2 Ditrin
23. апреля 2015
folder Мод Newsletter - рассылка писем пользователям с...
CMS PHP Fusion
5626 13 Pisatel
10. апреля 2015
folder Мод отправки писем PHPMailer для PHP-Fusion
CMS PHP Fusion
28353 113 Ditrin
06. апреля 2015
folder Появление неизвестного файла subscriptions.php
CMS PHP Fusion
2784 2 Pisatel
06. апреля 2015
folder Autoban on IP
CMS PHP Fusion
11398 13 Pisatel
03. апреля 2015