16:13 Всплывающее окно | |
Всплывающее окно (Небольшое окно с рекламой на 10 секунд) Код
<style type="text/css">#dsinfobox {
/* -- Окно зафиксировано -- */ position:fixed; /* -- Ширина окна -- */ width: 220px; /* -- Положение от левой части страницы -- */ left:5px; /* -- Положение от нижней части страницы -- */ bottom:5px; /* -- Бордюра нет -- */ border: 0; /* -- Цвет фона внутри окна -- */ background-color: #fff; /* -- Отступ внутри окна -- */ padding: 4px; /* -- Окно над всем контентом -- */ z-index: 100; /* -- Видимость окна -- */ visibility:hidden; } #dsinfolinkborder { margin:7px 5px; padding:3px; border:1px solid rgba(0,0,0,0.2); border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; } #dsinfobox { /* -- Тени окна -- */ -o-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); /* -- Закругление углов окна -- */ border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; /* -- Тени окна,медленное появление -- */ -webkit-transition:box-shadow 0.3s ease-in-out; -moz-transition:box-shadow 0.3s ease-in-out; -o-transition:box-shadow 0.3s ease-in-out; transition:box-shadow 0.3s ease-in-out; } #dsinfobox:hover { /* -- Тени окна при наведении -- */ -o-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1); box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1); } #dsnew1 {/* -- Заголовок в окне --*/ /* -- Отступ заголовка --*/ padding:5px; /* -- Размер и и тип шрифта заголовка --*/ font: 18px 'Georgia'; /* -- Жирный шрифт заголовка --*/ font-weight:bold; /* -- Цвет в заголовке -- */ color:#222; } .dsinfolink a:link { /* -- Цвет ссылок в окне -- */ color:blue; /* -- Размер и и тип шрифта ссылок --*/ font: 17px 'Georgia'; /* -- Убираем подчёркивание у ссылок --*/ text-decoration:none; /* -- Отступы у ссылок у ссылок --*/ padding:5px 7px; } .dsinfolink a:hover { /* -- Цвет ссылок в окне при наведении мышки -- */ color:red ; /* -- Размер и и тип шрифта ссылок --*/ font: 17px 'Georgia'; } #dsifobox-off { position:absolute; top:1px; right:5px; font: 19px 'Georgia'; font-weight:bold; } #dsifobox-off a:link { color:red; text-decoration:none; } </style> <script type="text/javascript" src="http://artnov.ucoz.com/demo/styleoknobok/dsinfobox.js"> </script> <center> <div id="dsinfobox"><strong id="dsnew1">Купить картину</strong> <div id="dsinfolinkborder"> <div class="dsinfolink"><a href="http://artnov777.ru/index.php?route=product/category&path=62">Жанровая живопись</a><br /> <a href="http://artnov777.ru/index.php?route=product/category&path=62" target="_blank"><img alt="Галерея картин" border="0" src="http://artnov777.ru/image/cache/data/ganre/%20%D0%B2%D0%B5%D1%81%D0%BD%D1%8B-120x120.jpg" /></a></div> <br> <div class="dsinfolink"><a href="http://artnov777.ru/index.php?route=product/category&path=59">Средиземноморский пейзаж</a><br /> <a href="http://artnov777.ru/index.php?route=product/category&path=59" target="_blank"><img alt="Галерея картин" border="0" src="http://artnov777.ru/image/cache/data/srediz/200610080-120x120.jpg" /></a></div> <br> <a href="http://artnov777.ru" target="_blank"><img alt="Галерея картин" border="0" src="http://artnov777.ru/image/data/logo/456.png" /></a></div> </center> </div> | |
|
Всего комментариев: 0 | |