+7 (911) 913-40---
menu
person
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Всплывающее окно
artnovДата: Четверг, 07.05.2015, 17:09 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline

Код
<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>


Artnov
 
  • Страница 1 из 1
  • 1
Поиск: