[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Форум » Ленточный вариант форума
Новые сообщения
artnovДата: Вторник, 26.05.2015, 17:53 | Сообщение # 31
Форум: Собираем скрипты | Тема: Доска объявлений
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Вставляем в вид материалов Доска объявлений


Код
<style>
table#dscatalog {
margin-bottom:10px;
padding:2px;
height:121px;
background:-webkit-gradient(linear,left top,left bottom,
color-stop(rgba(255,255,255,1),0),
color-stop(rgba(246,246,246,1),0.74),
color-stop(rgba(237,237,237,1),1));
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%,
rgba(237,237,237,1) 100%);
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%,
rgba(237,237,237,1) 100%);
background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%,
rgba(237,237,237,1) 100%);
background:linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%,
rgba(237,237,237,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
endColorstr='#ededed',GradientType=0 );
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2),
0px 0px 0px 1px rgba(188,188,188,0.1);
-moz-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;}
table#dscatalog:hover {background:#fff;
-webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4),
0px 0px 0px 1px rgba(188,188,188,0.1);
-moz-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);}
}
td#dscatimg {
width:160px;
height:120px;
}
td#dscattext {
height:120px;
width:100%;
border:0;
}
div#dszgl {
height:20px;
width:100%;
border:0;
top:0;
font-size:1.3em;
}
div#dscatcontent {
padding:5px 7px 0 7px;
height:65px;
font-size:0.9em;
width:100%;
border:1px solid transparent;
display:block;
text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
}
div#dscatup {
height:15px;
width:100%;
border:0;
bottom:0;
}
.dszoomimage {
text-align:center;
background:transparent;
}
.dszoomimage a img {
width:156px;
height:117px;
display:block;
border:0;
position:relative;
top:0;
left:0;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.dszoomimage a {
display:inline-block;
width:156px;
height:117px;
position:relative;
}
.dszoomimage a:hover img {
width:370px;
height:140px;
position:absolute;
top:-20px;
left:-20px;
box-shadow: 0 10px 15px rgba(0,0,0,0.5);
z-index:7;
}
img#dscatimgb {
border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}
</style>
<table id="dscatalog" class="">
<tbody><tr>
<td id="dscatimg">
<div class="dszoomimage">
<a href="$SCREEN_URL$" target="_blank">
<img src="$SCREEN_URL$" id="dscatimgb" alt="Снимок" border="0" height="150" width="150">
</a>
</div>
</td>
<td id="dscattext">
<div id="dszgl"></div>

<!--IF--><span style="<div" align="center"><span style="font-weight: bold; color: rgb(255, 0, 0);"></span></span><span style="<div" align="center"><table style="border-collapse:collapse;width:100%;"><tbody><tr><td><span style="font-weight: bold;"><a href="$ENTRY_URL$">$TITLE$</a><hr>
     <span style="font-weight: bold;"></span></span></td><td align="center"><span style="<div" align="center"><img src="http://www.novickiy.ru/799/68x68.png" border="0" height="68" width="68"></span></td></tr><tr><td>
</td><td align="center">
   
   
<span style="<div" align="center"><span style="font-weight: bold; color: rgb(255, 0, 0);"><span style="font-size: 10pt;">$OTHER1$ т.</span></span></span></td></tr></tbody></table></span><span class="e-reads"><span class="ed-title">Просмотров:</span> <span class="ed-value">$READS$</span></span><span class="ed-sep"> | </span><span class="e-loads"><span class="ed-title">Загрузок:</span> <span class="ed-value">$LOADS$</span></span>
<span style="font-style: italic;"><span style="font-size: 8pt;">$DATE$</span></span></td>  
<td valign="top" width="170">  
     
   
<div align="center"><?if($SCREEN_URL$)?> <a href="$SCREEN_URL$" target="_blank"><!--<s5161>--><span style="font-size: 10pt;"><b>Посмотреть изображение</b><!--</s>--></span></a><?endif?><span style="font-size: 8pt;"><b>$AUTHOR_PHONE$  
</b></span><br><span style="font-size: 8pt;"></span></div><hr size="2" width="100%">  
  <span style="<!--%IFTH3%2%--"> <span class="e-author"><span class="ed-title"><!--<s5192>-->Контактное лицо<!--</s>-->:</span> <span class="ed-value"><u>$AUTHOR_NAME$</u><!--ENDIF--> <br><?if($AUTHOR_EMAIL_JS$)?><a href="$AUTHOR_EMAIL_JS$" title="E-mail"><span style="font-size: 10pt;"><b>Написать автору</b></span></a><?endif?></span><br></span></span></td></tr></tbody>
      
</table>


Artnov
 
artnovДата: Четверг, 07.05.2015, 17:09 | Сообщение # 32
Форум: Собираем скрипты | Тема: Всплывающее окно
Начальник сайта
Группа: Администраторы
Сообщений: 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
 
artnovДата: Среда, 18.02.2015, 20:15 | Сообщение # 33
Форум: Собираем скрипты | Тема: Кнопка "Скачать"
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline

Код
<style type="text/css">   
   .download_button {display:block; width:256px; height:65px; background:url('http://www.novickiy.ru/799/download.png') no-repeat; position:relative; color:#fff; text-shadow:0 1px 2px #000;}   
   .download_button:hover {background-position:0 -65px; color:#fff;}   
   </style> <td width="85%">
   <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?><div align="left">   
   <?if($FILE_URL$)?><a class="download_button" style="margin:5px;" href="$FILE_URL$" target="_blank"><div style="position:absolute; top:1px; left:75px; color:#fff; font-size:11pt; font-weight:bold;">Скачать/Download</div><div style="position:absolute; top:22px; left:75px; color:#fff; font-size:8pt;" align="left">Размер: $FILE_SIZE$</div></a><?endif?>   
</div>
<div align="left">   
<?if($RFILE_URL$)?><a class="download_button" style="margin:5px;" href="$RFILE_URL$" target="_blank"><div style="position:absolute; top:1px; left:75px; color:#fff; font-size:11pt; font-weight:bold;">Скачать/Download</div><div style="position:absolute; top:22px; left:75px; color:#fff; font-size:8pt;" align="left">Загрузок: $LOADS$ </div></a><?endif?>   
</div> <?if($SCREEN_URL$)?> · <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?><?endif?>
</td>


Artnov
 
artnovДата: Вторник, 20.01.2015, 19:17 | Сообщение # 34
Форум: Собираем скрипты | Тема: Бесконечная прокрутка
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
На главную страницу каталога файлов перед <body>


Код
<div id="escrol_loading" style="position:fixed;top:35px;left:15px;color:#fff;opacity:0.5;background:#000000;padding:6px;text-align:center;z-index:9999999999;display:none;border-radius:2px">Загрузка...</div>   
  <div id="escrol" style="display:none">$PAGE_SELECTOR$</div>   
  <script src="http://kgb.ucoz.de/1/5889_beskonechnyj_sk.js" type="text/javascript"></script>


Artnov
 
artnovДата: Воскресенье, 04.01.2015, 18:09 | Сообщение # 35
Форум: Собираем скрипты | Тема: Логотип с меню
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline

Код
<div id="wrapper">
  <div id="header"> <a href="http://www.novickiy.ru/photo"><img src="http://artnov.ucoz.com/logo/LOGOGN.png" alt="Картины для интерьера" align="left"  width="200" height="100" class="logo"  /> </a>  </div>
       
       
       
   
   <ul id="nav">
     <li><a href="http://www.novickiy.ru/">Главныя</a></li>
     <li><a href="http://www.novickiy.ru/photo">Галерея</a></li>
     <li><a href="http://novickiy.ru/load/">Каталог файлов</a></li>
     <li><a href="http://www.novickiy.ru/index/0-3">Контакты</a></li>
   </ul>

Скопировать и посмотреть в редакторе


Artnov
 
artnovДата: Четверг, 01.01.2015, 18:59 | Сообщение # 36
Форум: Собираем скрипты | Тема: При наведении
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Вот ещё
Пример


Код
<!DOCTYPE html>
<html>
<head>
<title>Demo CSS3 Hover Effects</title>
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
      <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/glavvn1/style.css" media="all" />
      <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/glavvn1/demo.css" media="all" />
        
</head>
<body>

                      
<!-- start our menu here-->
<div class="our_menu">
      <ul class="menu">
          <li class="item">
                    <strong class="new">Новое</strong>   
                 <a href="http://www.novickiy.ru/photo/">
                      <h3>Новые картины</h3>
                      <p> Картина - это оригинальный подарок друзьям. Живопись - редкий и удачный корпоративный подарок, для оформления интерьеров квартир, домов и офисов.</p>
                      <img src="http://artnov.ucoz.com/logo/LOGOGN.png" alt="Новые картины" height="100" width="150">
                 </a>
              </li>
        
              <li class="item">
                 <strong class="new">Галерея</strong>   
                    <a href="http://www.novickiy.ru/photo/1">
                      <h3>Голландский пейзаж</h3>
                      <p>   Голландские пейзажи украсят любой интерьер, подчеркивая особый стиль помещения. Голландский пейзаж в гостиной или офисе, идеальное решение.</p>
                      <img src="http://www.novickiy.ru/_ph/1/2/326116155.jpg" alt="Голландский пейзаж" height="100" width="150">
                   </a>
              </li>
              <li class="item">
                 <strong class="new">Галерея</strong>   
                 <a href="http://www.novickiy.ru/photo/2">
                      <h3>Пейзажи</h3>
                      <p> Пейзажи украсят любой интерьер, подчеркивая особый стиль помещения. Пейзаж можно было бы сравнить с музыкой. </p>
                      <img src="http://www.novickiy.ru/_ph/2/2/308060875.jpg" alt="Пейзажи" height="164" width="283">
                  </a>
              </li>
              <li class="item">
                    <strong class="new">Галерея</strong>   
                 <a href="http://www.novickiy.ru/photo/6">
                      <h3>Морские пейзажи</h3>
                      <p> Морские пейзажи украсят любой интерьер кабинета, офиса, квартиры, подчеркивая особый стиль помещения.  </p>
                      <img src="http://www.novickiy.ru/_ph/6/2/283800252.jpg" alt="Морские пейзажи" height="164" width="283">
                 </a>
              </li>
              <li class="item">
              <strong class="new">Галерея</strong>   
                 <a href="http://www.novickiy.ru/photo/8">
                      <h3> Жанровая живопись</h3>
                      <p>  Жанровая живопись украсит любой интерьер кабинета, офиса, квартиры, подчеркивая особый стиль помещения. </p>
                      <img src="http://www.novickiy.ru/_ph/8/2/568549173.jpg" alt="Жанровая живопись" height="164" width="283">
                 </a>
              </li>
              <li class="item">
              <strong class="new">Галерея</strong>   
                <a href="http://www.novickiy.ru/photo/10">
                      <h3>Санкт Петербург</h3>
                      <p> Картины с видами Петербурга украсят любой интерьер помещения, подчеркивая особый стиль. Картина придаст любому помещению особый шарм. </p>
                      <img src="http://www.novickiy.ru/_ph/10/2/213595565.jpg" alt="Санкт Петербург" height="164" width="283">
                </a>
              </li>
              <li class="item">
              <strong class="new">Галерея</strong>   
                 <a href="http://www.novickiy.ru/photo/4">
                      <h3> Картины с цветами</h3>
                      <p> Картины с цветами украсят любой интерьер помещения, подчеркивая особый стиль. </p>
                      <img src="http://www.novickiy.ru/_ph/4/2/433496286.jpg" alt="Картины с цветами" height="164" width="283">
                 </a>
              </li>
              <li class="item">
              <strong class="new">Галерея</strong>   
                <a href="http://www.novickiy.ru/photo/3">
                      <h3>Натюрморт</h3>
                      <p>  Картины с видами Натюрмортов украсят любой интерьер помещения, подчеркивая особый стиль. Картина придаст любому помещению особый шарм</p>
                      <img src="http://www.novickiy.ru/_ph/3/2/179423722.jpg" alt="Натюрморт" height="164" width="283">
                </a>
              </li>
              <li class="item">
              <strong class="new">Галерея</strong>   
                 <a href="http://www.novickiy.ru/photo/5">
                      <h3> Другое</h3>
                      <p>  Картины с Абстракцией украсят любой интерьер помещения, подчеркивая особый стиль. Картина придаст любому помещению особый шарм.</p>
                      <img src="http://www.novickiy.ru/_ph/5/2/198646449.jpg" alt="Картины с Абстракцией" height="164" width="283">
                  </a>
              </li>
                
     </ul>       
</div>
<!-- end our menu -->
        
</div>
</body>
</html>



Artnov
 
MijGunДата: Пятница, 19.12.2014, 12:41 | Сообщение # 37
Форум: Собираем скрипты | Тема: Менеджер паролей TeddyID
Рядовой
Группа: Пользователи
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline
TeddyID - революционный способ доступа к сайтам без использования паролей. Он позволяет входить на сайты просто и безопасно.  Достаточно выбрать свое имя пользователя из списка и подтвердить вход на телефоне одной кнопкой.

Рисование глаз

Для того, что бы порадовать пользователей своего сайта достаточно вставить одну строчку javascript на те страницы вашего сайта, где есть формы входа или регистрации:

Код
<script src="https://www.teddyid.com/js/teddypass.js" async></script>
 
BobДата: Воскресенье, 07.12.2014, 20:15 | Сообщение # 38
Форум: Собираем скрипты | Тема: Разные эффекты изображений
Лейтенант
Группа: Проверенные
Сообщений: 9
Награды: 1
Репутация: 0
Статус: Offline
Разные эффекты изображений при наведении курсора

ПРИМЕР


Код
<link href="http://www.novickiy.ru/demo/glavttttt/style222.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
     // Vertical
     $("#vertical div a").hover(function(){
         $("img", this).stop().animate({top:"-130px"},{queue:false,duration:200});
     }, function() {
         $("img", this).stop().animate({top:"0px"},{queue:false,duration:200});
     });
     // Horizontal
     $("#horizontal div a").hover(function(){
         $("img", this).stop().animate({left:"-180px"},{queue:false,duration:200});
     }, function() {
         $("img", this).stop().animate({left:"0px"},{queue:false,duration:200});
     });
});
</script>

     <div id="vertical" class="clear"><!-- Vertical -->
          

         <div><a href="http://www.novickiy.ru/photo/pejzazhi/2"><img src="http://www.novickiy.ru/demo/glavttttt/pei.jpg" alt=" Пейзаж можно было бы сравнить с музыкой" /></a></div>  
        <div><a href="http://www.novickiy.ru/photo/3"><img src="http://www.novickiy.ru/demo/glavttttt/nat.jpg" alt=" Картины с видами Натюрмортов украсят любой интерьер помещения, подчеркивая особый стиль." /></a></div>  
        <div><a href="http://www.novickiy.ru/photo/6"><img src="http://www.novickiy.ru/demo/glavttttt/mor.jpg" alt="Картина  
  с морским пейзажем, придаст любому помещению особый  
    шарм." /></a></div>  
        
        
     </div>
      
     <div id="horizontal" class="clear"><!-- Horizontal -->
          
          <div><a href="http://www.novickiy.ru/photo/8"><img src="http://www.novickiy.ru/demo/glavttttt/jan.jpg" alt=" Жанровая живопись украсит любой интерьер кабинета, офиса" /></a></div>  
         <div><a href="http://www.novickiy.ru/photo/10"><img src="http://www.novickiy.ru/demo/glavttttt/pit.jpg" alt=" Картины с видами Петербурга украсят любой интерьер помещения, подчеркивая особый стиль." /></a></div>  
         <div><a href="http://www.novickiy.ru/photo/4"><img src="http://www.novickiy.ru/demo/glavttttt/cvet.jpg" alt="Картины с цветами украсят любой интерьер помещения, подчеркивая особый стиль." /></a></div>  
     </div>
      
     <div id="vertical" class="clear"><!-- Vertical -->
          

         <div><a href="http://www.novickiy.ru/photo/1"><img src="http://www.novickiy.ru/demo/glavttttt/gol.jpg" alt="Голландские пейзажи украсят любой интерьер, подчеркивая особый стиль помещения." /></a></div>  
        <div><a href="http://www.novickiy.ru/photo/gorodskoj_pejzazh/17"><img src="http://www.novickiy.ru/demo/glavttttt/gor.jpg" alt="Городской пейзаж" /></a></div>  
        <div><a href="http://www.novickiy.ru/photo/posmotri/5"><img src="http://www.novickiy.ru/demo/glavttttt/abs.jpg" alt="Голландские пейзажи украсят любой интерьер, подчеркивая особый стиль помещения." /></a></div>
        
        
     </div>
 
BobДата: Среда, 03.12.2014, 19:47 | Сообщение # 39
Форум: Собираем скрипты | Тема: Кнопка регистрации
Лейтенант
Группа: Проверенные
Сообщений: 9
Награды: 1
Репутация: 0
Статус: Offline
В нижнюю часть сайта

пример

Код
<script type="text/javascript">   
   $(function($) {   
   $("#onlinehelp img").hover(   
   function () {   
   $(this).animate({right: '0'}, {queue:false, duration: 350};);   
   //$(this).css('right', '0');   
   },   
   function () {   
   $(this).animate({right: '-160px'}, {queue:false, duration: 350};);   
   // $(this).css('right', '-160px');   
   }   
   );   
   };);   
   </script>   
   <a id="onlinehelp" href="$REGISTER_LINK$"   
   onclick="webChatOpen();return false;">   
   <img alt="Регистрация" src="http://www.novickiy.ru/799/4programm.gif" />   
     
   </a>   
   <style type="text/css">   
   #onlinehelp img {   
   position: fixed;   
   top:40px;   
   right: -160px;   
   z-index: 99999;   
   cursor: pointer;   
   display: block;   
   }   
   </style>
 
artnovДата: Среда, 03.12.2014, 16:54 | Сообщение # 40
Форум: Собираем скрипты | Тема: Кнопка обратной связи
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Код
<div align=""><a href="javascript://"onclick="window.open('http://www.novickiy.ru/index/0-3','up','scrollbars=1,top=0,left=0,resizable=1,width=560,height=630');return false;"><img alt="лого" style="margin: 0pt; padding: 0pt; border: 0pt none; width: 90px; height: 100px;" src="http://www.novickiy.ru/799/posst.jpg" title="Обратная связь"></a></div>

Протестировать в редакторе

И вниз страницы слева

Код
<div style="position: fixed; top:90%; left:0"><a href="javascript://"onclick="window.open('http://www.novickiy.ru/index/0-3','up','scrollbars=1,top=0,left=0,resizable=1,width=560,height=630');return false;"><img alt="лого" style="margin: 0pt; padding: 0pt; border: 0pt none; width: 90px; height: 100px;" src="http://www.novickiy.ru/799/posst.jpg" title="Обратная связь"></a></div>


Artnov
 
GoДата: Четверг, 27.11.2014, 19:50 | Сообщение # 41
Форум: Собираем скрипты | Тема: Эффекты изображений
Сержант
Группа: Проверенные
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline
ПРИМЕР


Код
<!DOCTYPE html>
<html lang="en">
     <head>
         <title>Добро пожаловать в галерею</title>
         <meta charset="UTF-8" />
          
          
           
         <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/demo.css" />
         <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style_common.css" />
         <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style10.css" />
       <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style1.css" />
       <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style2.css" />
       <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style3.css" />
       <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style4.css" />
       <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style5.css" />
       <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style6.css" />
       <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style7.css" />
       <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style8.css" />
       <link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/demo/kartymensh/css/style9.css" />
         
     </head>
     <body>
     
    <div class="container">
             <div class="header">
                 <a href="http://www.novickiy.ru/photo"><strong>« Для удобства просмотра  </strong>все изображения картин сгруппированы по рубрикам.</a>
                 <span class="right">
                     <a href="http://www.novickiy.ru/" target="_blank">В каталоге файлов собраны архивы картин, книг, </a>
                     <a href="http://novickiy.ru/load/"><strong>заставок и много другой информации.</strong></a>
                 </span>
                 <div class="clr"></div>
             </div>
             <h1>Добро пожаловать в галерею <span>Картина - это оригинальный подарок друзьям.<br> Живопись - редкий и удачный корпоративный подарок, для оформления интерьеров квартир, домов и офисов.<br>
На сайте представлены работы художника. В галерее: пейзаж, натюрморт, сюжетные картины и др.</span></h1>
             <div class="more">
                 <ul>
                     <li><a href="http://www.novickiy.ru/photo/2">Галерея 1</a></li>
                     <li><a href="http://www.novickiy.ru/photo/1">Галерея 2</a></li>
                     <li><a href="http://www.novickiy.ru/photo/6">Галерея 3</a></li>
                     <li><a href="http://www.novickiy.ru/photo/8">Галерея 4</a></li>
                     <li><a href="http://www.novickiy.ru/photo/10">Галерея 5</a></li>
                     <li><a href="http://www.novickiy.ru/photo/4">Галерея 6</a></li>
                     <li><a href="http://www.novickiy.ru/photo/3">Галерея 7</a></li>
                     <li><a href="http://www.novickiy.ru/photo/5">Галерея 8</a></li>
                <li><a href="http://www.novickiy.ru/photo/7">Галерея 9</a></li>
                 
                      
                      
                 </ul>
             </div>
          
              
             <div class="main">  
                 <!-- TENTH EXAMPLE -->
                 <div class="view view-seventh">
                     <img src="http://www.novickiy.ru/demo/kartymensh/images/pei.jpg" />
                     <div class="mask">
                         <h2>Пейзажи</h2>
                         <p>Пейзажи украсят любой интерьер, подчеркивая особый стиль помещения. Пейзаж можно было бы сравнить с музыкой.</p>
                         <a href="http://www.novickiy.ru/photo/2" class="info">Перейти в галерею</a>
                     </div>
                 </div>
                 <div class="view view-tenth">
                     <img src="http://www.novickiy.ru/demo/kartymensh/images/nat.jpg" />
                     <div class="mask">
                         <h2>Натюрморт</h2>
                         <p>Картины с видами Натюрмортов украсят любой интерьер помещения, подчеркивая особый стиль.</p>
                         <a href="http://www.novickiy.ru/photo/30" class="info">Перейти в галерею</a>
                     </div>
                 </div>
                 <div class="view view-sixth">
                     <img src="http://www.novickiy.ru/demo/kartymensh/images/gol.jpg" />
                     <div class="mask">
                         <h2>Голландский пейзаж</h2>
                         <p>Голландские пейзажи украсят любой интерьер. Голландский пейзаж в гостиной или офисе, идеальное решение.</p>
                         <a href="http://www.novickiy.ru/photo/1" class="info">Перейти в галерею</a>
                     </div>
                 </div>
                <div class="view view-fifth">
                     <img src="http://www.novickiy.ru/demo/kartymensh/images/jan.jpg" />
                     <div class="mask">
                         <h2>Жанровая картина</h2>
                         <p>Жанровая живопись украсит любой интерьер кабинета, офиса, квартиры, подчеркивая особый стиль помещения.</p>
                         <a href="http://www.novickiy.ru/photo/8" class="info">Перейти в галерею</a>
                     </div>
                 </div>
              
             <div class="main">  
                 <!-- TENTH EXAMPLE -->
                 <div class="view view-fourth">
                     <img src="http://www.novickiy.ru/demo/kartymensh/images/mor.jpg" />
                     <div class="mask">
                         <h2>Морской пейзаж</h2>
                         <p>Морские пейзажи украсят любой интерьер кабинета, офиса, квартиры, подчеркивая особый стиль помещения. Картина с морским пейзажем- это здорово.</p>
                         <a href="http://www.novickiy.ru/photo/6" class="info">Перейти в галерею</a>
                     </div>
                 </div>
                 <div class="view view-third">
                     <img src="http://www.novickiy.ru/demo/kartymensh/images/pit.jpg" />
                     <div class="mask">
                         <h2>Виды Петербурга</h2>
                         <p>Картины с видами Петербурга украсят любой интерьер помещения, подчеркивая особый стиль.</p>
                         <a href="http://www.novickiy.ru/photo/10" class="info">Перейти в галерею</a>
                     </div>
                 </div>
                
                 <div class="view view-first">
                     <img src="http://www.novickiy.ru/demo/kartymensh/images/cvet.jpg" />
                     <div class="mask">
                         <h2>Картины с цветами</h2>
                         <p>Картины с цветами украсят любой интерьер помещения, подчеркивая особый стиль.</p>
                         <a href="http://www.novickiy.ru/photo/4" class="info">Перейти в галерею</a>
                     </div>
                 </div>
              
              
          <div class="view view-eighth">
                     <img src="http://www.novickiy.ru/demo/kartymensh/images/abst.jpg" />
                     <div class="mask">
                         <h2>Другое</h2>
                         <p>Картины разных стилей и направлений, прекрасно подойдут к любому помещению и будут оригинальным подарком.</p>
                         <a href="http://www.novickiy.ru/photo/5" class="info">Перейти в галерею</a>
                     </div>
                 </div>
                       
              
              
             </div>
         </div>
         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

     </body>
</html>
 
GoДата: Среда, 26.11.2014, 20:34 | Сообщение # 42
Форум: Собираем скрипты | Тема: При наведении курсора
Сержант
Группа: Проверенные
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline
Код
<style>   .qmw {  -webkit-transition: all 1s ease;     -moz-transition: all 1s ease;       -o-transition: all 1s ease;      -ms-transition: all 1s ease;          transition: all 1s ease;} .qmw:hover {  -webkit-filter: grayscale(100%);}   </style>      <div class="qmw pic">  <img src="http://www.novickiy.ru/_ph/1/2/590704286.jpg?1417020303" alt="sea"></div>

Пример
 
GoДата: Среда, 26.11.2014, 18:55 | Сообщение # 43
Форум: Собираем скрипты | Тема: Изображение меняется
Сержант
Группа: Проверенные
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline
При наведении на изображение меняется на другое и ссылка на страницу с нужными данными.
Ставится сбоку сайта
ПРИМЕР


Код
<style>     a.potom {      background: url(http://www.novickiy.ru/799/soob3.jpg); /* Путь к файлу с исходным  рисунком */      display: block; /* Рисунок как блочный элемент */      width: 20px; /* Ширина рисунка в пикселах */      height: 203px; /* Высота рисунка */     }     a.potom:hover {      background-position: 22 -0px; /* Смещение фона */     }    </style>      <p><a href="http://www.novickiy.ru/forum/5" class="potom"></a></p>
 
artnovДата: Воскресенье, 23.11.2014, 22:44 | Сообщение # 44
Форум: Собираем скрипты | Тема: Кнопка CSS
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Код
[color=#828282]<link rel="stylesheet" href="http://www.novickiy.ru/cssotdel/style2.css" type="text/css">

[color=#828282]<a href="http://www.novickiy.ru/index/0-3" id="button2" class="buttonText"><svg xmlns='http://www.w3.org/2000/svg'>    [color=#828282]<text x='-129px' y='18px'        [color=#828282]font-family='georgia' font-size='19px' fill='#ааа'        [color=#828282]transform='rotate(-90)'        [color=#828282]text-rendering='optimizeSpeed'>Предложения</text>[color=#828282]</svg></a> </div>  [color=#828282]</layer>


ПРИМЕР


Artnov
 
artnovДата: Воскресенье, 23.11.2014, 18:25 | Сообщение # 45
Форум: Собираем скрипты | Тема: Кнопка для сайта
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
CSS код
<style>
a.button14 {  display: inline-block;  text-shadow: 1px 1px #fff;  text-decoration: none;  padding: .3em 1em;  border: 1px solid #aaa;  border-radius: 100px;  outline: none;  background: #fdfd9f no-repeat;  background-image:   linear-gradient(to left, #aaa, #aaa),   linear-gradient(to left, #feffe8, #feffe8),   linear-gradient(#7d8b91, #daeaf0);  background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;  background-size: 2px 100%, 2px 100%, auto auto;  overflow: hidden;}a.button14:after {  content: "\bb";  position: relative;  bottom: 0;  display: inline-block;  margin-left: 1.4em;  vertical-align: middle;  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";  font-weight: 700;  font-size: 140%;  -webkit-transform: rotate(90deg);  transform: rotate(90deg);}a.button14:hover {  background-color: #fdfd9f;  background-image:   linear-gradient(to left, #aaa, #aaa),   linear-gradient(to left, #feffe8, #feffe8),   linear-gradient(#fffce7, #fdfd9f);}a.button14:active:after {  bottom: -1.2em;  transition: .3s;}</style>

И код кнопки

Код
<a href="http://www.novickiy.ru/index/0-3" class="button14">Отзывы и предложения</a>


Artnov
 
Поиск: