[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 14
  • 1
  • 2
  • 3
  • 13
  • 14
  • »
Форум » Ленточный вариант форума
Новые сообщения
artnovДата: Среда, 18.04.2018, 21:03 | Сообщение # 1
Форум: Собираем скрипты | Тема: Всплывающий текст на изображении
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline
Код
<style>
.text_my {display:none;}
span:hover {word-spacing: 0}
span:hover .text_my {
width: 160px;
padding: 10px;
text-align: center;
height: 30px;
background: #121b2c;
opacity: 0.85;
font-size: 14px;
display: block;
position: absolute;
margin-top: -50px;
border-radius: 0 0 10px 10px;
color: white;
}
</style>
<span><img src="http://novickiy.ru/_ph/2/2/37827014.jpg" alt="Всплывающий блок" />
<span class="text_my">
<script type="text/javascript">(function(w,doc) {
if (!w.__utlWdgt ) {
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="ya-share2" data-services="collections,viber,whatsapp,telegram"></div></span >
</span>


Artnov
 
hoplioyyДата: Четверг, 21.09.2017, 13:33 | Сообщение # 2
Форум: Собираем скрипты | Тема: Посоветуйте хороший скриншотех
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline
Кто какие знает скриншотеры для Хрома ? Я вот только такой более менее нормальный нашел https://chrome-faq.info/lightshot_google_chrome/. Может кто еще поделится хорошим расширением для создания скриншотов прямо в браузере?
 
hoplioyyДата: Четверг, 21.09.2017, 13:33 | Сообщение # 3
Форум: Собираем скрипты | Тема: Код слайдера
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline
ыв

Добавлено (21.09.2017, 13:33)
---------------------------------------------
saого

 
hoplioyyДата: Четверг, 21.09.2017, 13:31 | Сообщение # 4
Форум: Собираем скрипты | Тема: Аккордеон
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline
уф
 
hoplioyyДата: Четверг, 21.09.2017, 13:31 | Сообщение # 5
Форум: Собираем скрипты | Тема: Слайдер онлайн магазина
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline
нот бэд
 
artnovДата: Четверг, 09.03.2017, 17:33 | Сообщение # 6
Форум: Собираем скрипты | Тема: Слайдер с перелистыванием
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline

Код
<body onload="ImageBook()">

<script type="text/javascript">

// 7 variables to control behavior
var Book_Image_Width=170;
var Book_Image_Height=110;
var Book_Border=true;
var Book_Border_Color="gray";
var Book_Speed=15;
var Book_NextPage_Delay=1500; //1 second=1000
var Book_Vertical_Turn=0;

Book_Image_Sources=new Array(
"http://www.novickiy.ru/_ph/18/2/249288987.jpg","#",
"http://www.novickiy.ru/_ph/1/2/433340324.jpg","#",
"http://www.novickiy.ru/SLAD/Slideshap/images/sample9.jpg","#",
"http://www.novickiy.ru/SLAD/Slideshap/images/sample4.jpg","#",
"http://www.novickiy.ru/SLAD/Slideshap/images/sample2.jpg","#", //this slide isn't linked
"http://www.novickiy.ru/SLAD/Slideshap/images/sample1.jpg","#" // NOTE No comma after last line
);

/***************** далее нельзя редактировать **********************************/
var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
var B_MSz,B_Stppd=false;B_pre_Img=new Array(Book_Image_Sources.length);

function ImageBook(){
if(document.getElementById){
for(i=0;i<Book_Image_Sources.length;i+=2){
B_pre_Img[i]=new Image();B_pre_Img[i].src=Book_Image_Sources[i]}
Book_Div=document.getElementById("Book");
B_LI=document.createElement("img");Book_Div.appendChild(B_LI);
B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
B_MI=document.createElement("img");Book_Div.appendChild(B_MI);
B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";
B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";
B_LI.style.left=0+"px";
B_MI.style.top=0+"px";
B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
B_RI.style.top=0+"px";
B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
B_LI.style.height=Book_Image_Height+"px";
B_MI.style.height=Book_Image_Height+"px";
B_RI.style.height=Book_Image_Height+"px";
B_LI.style.width=Book_Image_Width+"px";
B_MI.style.width=Book_Image_Width+"px";
B_RI.style.width=Book_Image_Width+"px";
if(Book_Border){
B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";
B_LI.style.borderWidth=1+"px";
B_MI.style.borderWidth=1+"px";
B_RI.style.borderWidth=1+"px";
B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}
B_LI.src=B_pre_Img[0].src;
B_LI.lnk=Book_Image_Sources[1];
B_MI.src=B_pre_Img[2].src;
B_MI.lnk=Book_Image_Sources[3];
B_RI.src=B_pre_Img[4].src;
B_RI.lnk=Book_Image_Sources[5];
B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
BookImages()}}

function BookImages(){
if(!B_Stppd){
if(Book_Vertical_Turn){
B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));
MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;
B_MI.style.top=MidOffset+"px";
B_MI.style.height=B_MSz+"px"}
else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));
MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;
B_MI.style.left=MidOffset+"px";
B_MI.style.width=B_MSz+"px"}
B_Angle+=Book_Speed/720*Math.PI;
if(B_Angle>=Math.PI/2&&B_Direction){
B_Direction=0;
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_MI.src=B_pre_Img[B_CrImg].src;
B_MI.lnk=Book_Image_Sources[B_CrImg+1];
B_CrImg+=2}
if(B_Angle>=Math.PI){
B_Direction=1;
B_TI=B_LI;
B_LI=B_MI;
B_MI=B_TI;
if(Book_Vertical_Turn)B_MI.style.top=0+"px";
else B_MI.style.left=Book_Image_Width+1+"px";
B_MI.src=B_RI.src;
B_MI.lnk=B_RI.lnk;

setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
else setTimeout("BookImages()",50)}
else setTimeout("BookImages()",50)}

function Book_Next_Delay(){
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_RI.src=B_pre_Img[B_CrImg].src;
B_RI.lnk=Book_Image_Sources[B_CrImg+1];
B_MI.style.zIndex=2;
B_LI.style.zIndex=1;
B_Angle=0;
B_CrImg+=2;
setTimeout("BookImages()",50)}

function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){B_Stppd=false}
</script>

<div id="Book" style="position:relative">
<img src="null.gif" width="170" height="110">
</div>



Artnov
 
artnovДата: Понедельник, 21.11.2016, 18:52 | Сообщение # 7
Форум: Собираем скрипты | Тема: Скрипт для ucoz
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline
Скрипт для ucoz Рекламное самоисчезающее окно. Хороший скрипт в системе ucoz, можно разместить разную рекламу.

Установка:
На главную страницу: (на все страницы сайта)
Код
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
<script type="text/javascript">
setTimeout(function(){$('.box' <img src="/.s/sm/5/wink.gif" border="0" align="absmiddle" alt="wink" /> .fadeOut('fast' <img src="/.s/sm/5/wink.gif" border="0" align="absmiddle" alt="wink" /> },10000); //30000 = 30 секунд
</script>



В CSS:
Код
.box a:link {color:#F4FF74;text-decoration:none}
.box a:hover {text-decoration:underline;}
.box {position: fixed; bottom:0px; right:15px; padding:10px;color:#fff;font-family:tahoma;font-size:11px;font-family:tahoma;font-size:11px;text-align:left; margin-bottom:17px; width:300px;
background:url('http://bolena.3dn.ru/images/layer_bg.png' <img src="/.s/sm/5/wink.gif" border="0" align="absmiddle" alt="wink" /> ; padding:7px;
color:#fff; -webkit-border-radius: 5px;-moz-border-radius:
5px;border-radius: 5px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px
2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);}


В то место где будет появлятся окно с рекламой:
Код
<div class="box">
<span style="font-size:12px;color:#eee"><b>Через 10 секунд эта реклама исчезнет</b></span>
<div style="margin:5px"><br><a href="http://manucoz.ru/" target="_blank">Шаблоны для ucoz</a><br><a href="http://bitmp3.ru/" target="_blank">Клубная музыка</a><br><a href="http://manucoz.ru/" target="_blank">Скрипты для uCoz</a><br></div>
<span style="font-size:10px;color:#888">Если не желаете видеть рекламу - зарегистрируйтесь!</span>
</div>






Artnov
 
BobДата: Понедельник, 23.05.2016, 19:16 | Сообщение # 8
Форум: Собираем скрипты | Тема: Эффект с изображением
Лейтенант
Группа: Проверенные
Сообщений: 9
Награды: 1
Репутация: 0
Статус: Offline
Код
<style>
.imgteaser { /* общий блок */
  position: relative;
  display: table;
  margin: 0 auto;
  border: 5px solid #ccc;
  line-height: 0;
  color: rgb(223,223,223);
  cursor: pointer;
}

.imgteaser:after { /* "подробнее" */
  content: "подробнее \bb";
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px 10px;
  background: rgba(17,34,51,.6);
  line-height: 1.6em;
}
.imgteaser:hover:after {content: none;}

.imgteaser figcaption {display: none;}
.imgteaser:hover figcaption { /* прозрачная область */
  display: block;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 5px 10px;
  background: rgba(68,85,102,.7);
  font-size: 80%;
  line-height: 1.3em;
}

.imgteaser:hover figcaption strong { /* заголовок */
  display: block;
  line-height: 2em;
  font-size: 120%;
}
</style>

<figure class="imgteaser">
    <img height="250" width="300" src="http://www.novickiy.ru/_ph/1/2/431002365.jpg" alt="Голландский пейзаж"/>
    <figcaption><strong>Голландский пейзаж</strong><a href="http://novickiy.ru/photo/1"style="color:#fff; text-decoration:none">Перейти в галерею</a></figcaption>
</figure>
 
artnovДата: Пятница, 12.02.2016, 19:41 | Сообщение # 9
Форум: Собираем скрипты | Тема: Кнопки соцзакладок
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline
Код
<!------ Rambler.Likes script start ------>
<div class="rambler-share"></div>
<script>
(function() {
var init = function() {
RamblerShare.init('.rambler-share', {
    "style": {
        "buttonHeight": 24,
        "iconSize": 11,
        "iconColor": "#fbfafa"
    },
    "utm": "utm_source=social",
    "counters": true,
    "buttons": [
        "vkontakte",
        "facebook",
        "odnoklassniki",
        "livejournal",
        "twitter",
        "moimir",
        "googleplus"
    ]
});
};
var script = document.createElement('script');
script.onload = init;
script.async = true;
script.src = 'https://developers.rambler.ru/likes/widget.js';
document.head.appendChild(script);
})();
</script>
<!------   Rambler.Likes script end  ------>


Код
<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div>


Доступно только для пользователей

Код
<script type="text/javascript">(function() {
  if (window.pluso)if (typeof window.pluso.start == "function") return;
  if (window.ifpluso==undefined) { window.ifpluso = 1;
    var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
    s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
    s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
    var h=d[g]('body')[0];
    h.appendChild(s);
  }};));</script>
<div data-description="Продажа картин для интерьера" data-title="Картины для интерьера" data-url="http://artnov777.ru/" class="pluso" data-background="transparent" data-options="medium,square,line,vertical,counter,theme=08" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print"></div>


Artnov
 
artnovДата: Среда, 03.02.2016, 19:44 | Сообщение # 10
Форум: Собираем скрипты | Тема: Слайдер онлайн магазина
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline
ДЕМО
 
 
Код
<link rel='stylesheet prefetch' href='http://www.novickiy.ru/1clide/slideshop/js/bootstrap.min.css'>

 <link rel="stylesheet" href="http://www.novickiy.ru/1clide/slideshop/css/style.css">

 
 
 

 <div class="container-fluid">
<div class="row-fluid">
<div class="span12">

 <div class="page-header">
 <h3>Картины для интерьера</h3>
 <p><a href="http://artnov777.ru" target="_blank"><img
src="http://artnov777.ru/image/data/logo/456.png" border="0" alt="Галерея картин"></a>     Для своих картин я использую масляные краски и холст. Картины украсят любое помещение. </p>
 </div>
 
 <div class="carousel slide" id="myCarousel">
 <div class="carousel-inner">
 <div class="item active">
 <ul class="thumbnails">
 <li class="span3">
 <div class="thumbnail">
 <a href="http://www.novickiy.ru/_ph/10/982904993.jpg?1454431853"><img src="http://www.novickiy.ru/1clide/slideshop/1.jpg" alt="Вид с дворцовой"></a>
 </div>
 <div class="caption">
 <h4>Вид с дворцовой </h4>
 <p>50см x 60см Цена: 9 000.00 р.</p>
 <a class="btn btn-mini" href="http://artnov777.ru/">» Купить</a>
 </div>
 </li>
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/srediz/%20%D0%BF%D0%BE%D0%BB%D0%B4%D0%B5%D0%BD%D1%8C-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/2.jpg" alt="Жаркий полдень"></a>
 </div>
 <div class="caption">
 <h4>Жаркий полдень</h4>
 <p>100.00см x 80.00см Цена: 27 000.00 р. </p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=59&product_id=192">» Купить</a>
 </div>
 </li>
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/peizage%20/zima/%20%D0%BB%D0%B5%D1%81%D1%83%20%D0%B7%D0%B8%D0%BC%D0%BE%D0%B9-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/3.jpg" alt="В лесу зимой"></a>
 </div>
 <div class="caption">
 <h4>В лесу зимой</h4>
 <p>50.00см x 60.00см Цена: 8 000.00 р. </p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=20_27&product_id=190">» Купить</a>
 </div>
 </li>
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/peizage%20/leto/2280491948-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/4.jpg" alt="Лето"></a>
 </div>
 <div class="caption">
 <h4>Лето</h4>
 <p>40х50см Цена: 8 500.00 р. </p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=20_26&product_id=93">» Купить</a>
 </div>
 </li>
 </ul>
 </div><!-- /Slide1 -->
 <div class="item">
 <ul class="thumbnails">
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/nature/525760593-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/5.jpg" alt="Натюрморт"></a>
 </div>
 <div class="caption">
 <h4>Натюрморт</h4>
 <p>40x30см Цена: 6 500.00 р.</p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=60&product_id=138">» Купить</a>
 </div>
 </li>
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/golp/holland%20%281%29-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/6.jpg" alt="Лёд на реке"></a>
 </div>
 <div class="caption">
 <h4>Лёд на реке</h4>
 <p>30х40см Цена: 8 500.00 р. </p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=61&product_id=144">» Купить</a>
 </div>
 </li>
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/golp/holland%20%2810%29-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/7.jpg" alt=""></a>
 </div>
 <div class="caption">
 <h4>Водяная мельница</h4>
 <p>30х40см Цена: 6 500.00 р. </p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=61&product_id=153">» Купить</a>
 </div>
 </li>
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/golp/596989217-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/8.jpg" alt="Торговая улица"></a>
 </div>
 <div class="caption">
 <h4>Торговая улица</h4>
 <p>50х70см Цена: 16 000.00 р.</p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=61&product_id=205">» Купить</a>
 </div>
 </li>
 </ul>
 </div><!-- /Slide2 -->
 <div class="item">
 <ul class="thumbnails">
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/drugoe/356311404-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/9.jpg" alt="Бабочки на пруду"></a>
 </div>
 <div class="caption">
 <h4>Бабочки на пруду</h4>
 <p>30х40см Цена: 4 500.00 р. </p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=63&product_id=197">» Купить</a>
 </div>
 </li>
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/ganre/5656509-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/10.jpg" alt="Armida end Rinaldo"></a>
 </div>
 <div class="caption">
 <h4>Armida end Rinaldo</h4>
 <p>100х80см Цена: 35 000.00 р. </p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=62&product_id=204">» Купить</a>
 </div>
 </li>
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/ganre/%20%D1%81%D0%BE%D0%BD-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/16.jpg" alt="Белый сон"></a>
 </div>
 <div class="caption">
 <h4>Белый сон</h4>
 <p>30х40см Цена: 6 000.00 р.</p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=62&product_id=96">» Купить</a>
 </div>
 </li>
 <li class="span3">
 <div class="thumbnail">
 <a href="http://artnov777.ru/image/cache/data/nature/156532779-1024x768.jpg"><img src="http://www.novickiy.ru/1clide/slideshop/11.jpg" alt="Кувшин и фрукты"></a>
 </div>
 <div class="caption">
 <h4>Кувшин и фрукты</h4>
 <p>30х40см Цена: 6 500.00 р. </p>
 <a class="btn btn-mini" href="http://artnov777.ru/index.php?route=product/product&path=60&product_id=125">» Купить</a>
 </div>
 </li>
 </ul>
 </div><!-- /Slide3 -->
 </div>
 
 <div class="control-box">
 <a data-slide="prev" href="#myCarousel" class="carousel-control left">‹</a>
 <a data-slide="next" href="#myCarousel" class="carousel-control right">›</a>
 </div><!-- /.control-box -->
 
 </div><!-- /#myCarousel -->
 
</div><!-- /.span12 -->
</div><!-- /.row -->
</div><!-- /.container -->

 

 
<strong></p>
</div>
 <script src='http://www.novickiy.ru/1clide/slideshop/js/jquery.min.js'></script>
<script src='http://www.novickiy.ru/1clide/slideshop/js/bootstrap.min.js'></script>

 <script src="http://www.novickiy.ru/1clide/slideshop/js/index.js"></script>


 
 


Artnov
 
artnovДата: Понедельник, 19.10.2015, 18:16 | Сообщение # 11
Форум: Собираем скрипты | Тема: Аккордеон
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline
ДЕМО


Код
<meta charset="utf-8" />
<html>
<head>
    

    
    
    <!-- FlexSlider pieces -->
    <link rel="stylesheet" href="http://www.novickiy.ru/1clide/according2/default.css" type="text/css" media="screen" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="http://www.novickiy.ru/1clide/according2/jquery.flexslider-min.js"></script>
    
    <!-- Kwiks pieces -->
    <script src="http://www.novickiy.ru/1clide/according2/kwiks.js"></script>
    
    <!-- Includes for this demo -->
    <link rel="stylesheet" href="http://www.novickiy.ru/1clide/according2/demo.css" type="text/css" media="screen" />
    
    <!-- Hook up the FlexSlider -->
    <script type="text/javascript">
        var Main = Main || {};
        Main.cachedWidth  = jQuery(window).width();

        jQuery(window).load(function() {
            Main.gallery = new Gallery();
        }).resize(function() {
            Main.gallery.update();
        });

        function Gallery(){
            var container = jQuery('.flexslider'),
                clone = container.clone( false ),
                width = jQuery(window).width();

            this.init = function ( width ){
                console.log(width)
                if( width >= 1024 ){
                    container.find('.slides').kwicks({
                        max : 300,
                        spacing : 0
                    }).find('li > a').click(function (){
                        return false;
                    });
                } else {
                    container.flexslider();
                }
            }
            this.update = function () {
                var width = jQuery(window).width();
                if((Main.cachedWidth >= 1024 && width <=1023) || (Main.cachedWidth <= 1023 && width >= 1024) ) {
                    Main.cachedWidth = width;
                    container.replaceWith( clone );
                    container = clone;
                    clone = container.clone(false);
                    this.init( width );    
                }
            }
            this.init( width );
        }
    </script>
</head>
<body>
    <div id="container">
        <div class="flexslider">
            <ul class="slides">
                <li>
                    <a href="http://www.novickiy.ru"><img src="http://www.novickiy.ru/1clide/slide1.jpg" /></a>
                    <div class="flex-caption">
                        <h3>Пейзаж</h3>
                        <p>Картина - это оригинальный подарок друзьям. Никогда не бывает лишних картин в интерьере. - <a href="http://novickiy.ru/"><span style="color:#00FF00;">КАРТИНЫ ДЛЯ ИНТЕРЬЕРА</span></a></p>
                    </div>
                </li>
                <li>
                    <a href="http://www.novickiy.ru"><img src="http://www.novickiy.ru/1clide/slide2.jpg" /></a>
                    <div class="flex-caption">
                        <h3>Средиземноморье</h3>
                        <p>На сайте представлены работы художника. В галерее: пейзаж, натюрморт, сюжетные картины и др. <a href="http://novickiy.ru/"><span style="color:#00FF00;">КАРТИНЫ ДЛЯ ИНТЕРЬЕРА</span></a></p>
                    </div>
                </li>
                <li>
                    <a href="http://www.novickiy.ru"><img src="http://www.novickiy.ru/1clide/slide3.jpg" /></a>
                    <div class="flex-caption">
                        <h3>Пейзаж</h3>
                        <p>Живопись - редкий и удачный корпоративный подарок, для оформления интерьеров. <a href="http://novickiy.ru/"><span style="color:#00FF00;">КАРТИНЫ ДЛЯ ИНТЕРЬЕРА</span></a></p>
                    </div>
                </li>
                
                <li>
                    <a href="http://www.novickiy.ru"><img src="http://www.novickiy.ru/1clide/slidep.jpg" /></a>
                    <div class="flex-caption">
                        <h3>Пейзаж</h3>
                        <p>Пейзаж по своей природе искусство, в котором наиболее непосредственно выражаются эмоции.<a href="http://novickiy.ru/"><span style="color:#FF0000;">КАРТИНЫ ДЛЯ ИНТЕРЬЕРА</span></a> </p>
                    </div>
                </li>
            </ul>
      </div>
    </div>
</body>
</html>


Artnov
 
artnovДата: Воскресенье, 18.10.2015, 22:29 | Сообщение # 12
Форум: Собираем скрипты | Тема: Код слайдера
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline
ДЕМО

Код
<!-- Stylesheets -->
<link href="http://www.novickiy.ru/1clide/presentation/css/style.css" rel="stylesheet" type="text/css" />
<link href="http://www.novickiy.ru/1clide/presentation/css/presentationCycle.css" rel="stylesheet" type="text/css" /><!-- Scripts --><script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script><script type='text/javascript' src='http://www.novickiy.ru/1clide/presentation/js/jquery.cycle.all.min.js'></script><script type='text/javascript' src='http://www.novickiy.ru/1clide/presentation/js/presentationCycle.js'></script>
<div id="presentation_container" class="pc_container">
            <div class="pc_item">
                <div class="desc">
                    <h1>Пейзаж</h1>
                   <p><span style="color:#F0F8FF;">Изображения природы встречались ещё в эпоху неолита (условные обозначения небесного свода, светил, сторон света, земной поверхности, границ обитаемого мира)</span></p>
                </div>
                <img src="http://www.novickiy.ru/1clide/presentation/images/slide1.jpg" alt="Пейзаж" />
            </div>
            <div class="pc_item">
                <div class="desc">
                    <h1>Голландский пейзаж</h1>
                    <p><span style="color:#F0F8FF;">Галерея картин в жанре голландский-фламандский пейзаж. Принципы голландского реалистического пейзажа складывались на протяжении первой трети 17 столетия.</span></p>
                    
                    
                
                </div>
                <img src="http://www.novickiy.ru/1clide/presentation/images/slide2.jpg" alt="Голландский пейзаж" />
            </div>
            <div class="pc_item">
                <div class="desc" style="left: 0px;">
                    <h1>Средиземноморский пейзаж</h1>
                   <p><span style="color:#F0F8FF;"> Южный пейзаж очень популярен в нашем холодном российском климате. Приобретая картину с морем, Вы получаете кусочек солнечного дня.</span></p>
                </div>
                <img src="http://www.novickiy.ru/1clide/presentation/images/slide3.jpg" alt="Средиземноморский пейзаж" />
            </div>
            <div class="pc_item">
                <div class="desc" style="left: 165px;">
                    <h1>Морской пейзаж</h1>
                   <p><span style="color:#F0F8FF;">Картины морской пейзаж это особый мир красок и фантазий! Морской пейзаж это поэма о море и морской романтике!</span></p>
                </div>
                <img src="http://www.novickiy.ru/1clide/presentation/images/slide4.jpg" alt="Морской пейзаж" />
            </div>
            <div class="pc_item">
                <div class="desc">
                    <h1>Жанровая живопись</h1>
                   <p><span style="color:#F0F8FF;">Жанровая живопись (от фр. genre) — художественное изображение сцен повседневной жизни как отображение форм жизни народа и окружающей его действительности.</span></p>
                </div>
                <img src="http://www.novickiy.ru/1clide/presentation/images/slide5.jpg" alt="Жанровая живопись" />
            </div>
            <div class="pc_item">
                <div class="desc">
                    <h1>Натюрморт</h1>
                   <p><span style="color:#F0F8FF;"><p><span style="color:#F0F8FF;">Как тонко подметил Блез Паскаль, натюрморт "заставляет любоваться копией тех вещей, оригиналами которых, в обычной обстановке, не любуешься".</span></p></span></p>
                </div>
                <img src="http://www.novickiy.ru/1clide/presentation/images/slide6.jpg" alt="Натюрморт" />
            </div>
        </div>
        
        <script type="text/javascript">
            presentationCycle.init();
        </script>
    
    </div>
</a>


Artnov
 
artnovДата: Пятница, 02.10.2015, 20:56 | Сообщение # 13
Форум: Собираем скрипты | Тема: Cкрипт - приветствие.
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline
Cкрипт - приветствие. В зависимости от времени суток выводит соответствующий текст.


Код
<div id=privet>
<B><I>
<script language="JavaScript">
var h=(new Date()).getHours();
if (h > 0 && h <  5) document. writeln("Доброй ночи!");
if (h > 4 && h <  12) document.writeln("С добрым утром!");  
if (h > 11 && h <  17) document.writeln("Добрый день!");
if (h > 16 && h <  24) document. writeln("Добрый вечер!");
</script >
</I></B></div>
Прикрепления: 7523964.png(17.7 Kb)


Artnov
 
artnovДата: Воскресенье, 13.09.2015, 21:11 | Сообщение # 14
Форум: Собираем скрипты | Тема: Флаг
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline
Представляю вашему вниманию свежий скрипт Пиратского флага который
будет отображаться в верхнем левом углу сайта и находиться поверх
других объектов, а при прокрутке будет оставаться на месте тем самым не
мешая, на флаг можно поставить ссылку куда угодно или
вообще убрать её.


Код
<layer name="lenta" top=0 right=0 >
<nolayer>
<div id="lenta" style="position:fixed; top:0; left:0;">

</nolayer>
<a href="http://www.novickiy.ru/forum/5-195-1#223" target="_blank"><img border="0" src="http://www.novickiy.ru/images/d184d0nn.gif" style="width: 120px; height: 75px;" align="right"></a>
<nolayer>
</div>
</nolayer>
</layer>

Код
<layer name="lenta" top=0 right=0 >
<nolayer>
<div id="lenta" style="position:fixed; top:0; left:0;">

</nolayer>
<a href="http://www.novickiy.ru/forum/5-195-1#223"  
target="_blank"><img border="0"  
src="http://www.novickiy.ru/images/pirates/1.gif" style="width: 120px;  
height: 75px;" align="right"></a>
<nolayer>
</div>
</nolayer>
</layer>

Код
<layer name="lenta" top=0 right=0 >
<nolayer>
<div id="lenta" style="position:fixed; top:0; left:0;">

</nolayer>
<a href="http://www.novickiy.ru/forum/5-195-1#223"  
target="_blank"><img border="0"  
src="http://www.novickiy.ru/images/pirates/2.gif" style="width: 120px;  
height: 75px;" align="right"></a>
<nolayer>
</div>
</nolayer>
</layer>


Цитата
<layer name="lenta" top=0 right=0 >
<nolayer>
<div id="lenta" style="position:fixed; top:0; left:0;">

</nolayer>
<a href="http://www.novickiy.ru/forum/5-195-1#223"
target="_blank"><img border="0"
src="http://www.novickiy.ru/images/pirates/3.gif" style="width: 120px;
height: 75px;" align="right"></a>
<nolayer>
</div>
</nolayer>
</layer>




Код
<layer name="lenta" top=0 right=0 >
<nolayer>
<div id="lenta" style="position:fixed; top:0; left:0;">

</nolayer>
<a href="http://www.novickiy.ru/forum/5-195-1#223"  
target="_blank"><img border="0"  
src="http://www.novickiy.ru/images/pirates/4.gif" style="width: 120px;  
height: 75px;" align="right"></a>
<nolayer>
</div>
</nolayer>
</layer>


Artnov
 
BobДата: Суббота, 29.08.2015, 18:24 | Сообщение # 15
Форум: Собираем скрипты | Тема: Скрипт добавления ссылки
Лейтенант
Группа: Проверенные
Сообщений: 9
Награды: 1
Репутация: 0
Статус: Offline
Скрипт добавления ссылки на источник при копировании.

Сам скрипт — ниже. Его надо установить перед тегом </hеаd>.
Только не забудьте поменять указанный здесь URL на свой.

Первый вариант

Код
<script type="text/javascript">
function slyLink() {
     var istS = 'Источник контента:'; // Слова обязательно должны находиться в кавычках !
     var copyR = 'tchaykovsky.ru'; // Измените URL на свой. Кавычки не убирайте !
     var body_element = document.getElementsByTagName('body')[0];
     var choose;
     choose = window.getSelection();
     var myLink = document.location.href;
     var authorLink = "<br /><br />" + istS + ' ' + "<a href='"+myLink+"'>"+myLink+"</a><br />" + copyR;  
     var copytext = choose + authorLink;
     var addDiv = document.createElement('div');
     addDiv.style.position='absolute';
     addDiv.style.left='-99999px';
     body_element.appendChild(addDiv);
     addDiv.innerHTML = copytext;
     choose.selectAllChildren(addDiv);
     window.setTimeout(function() {
         body_element.removeChild(addDiv);
     },0);
}
document.oncopy = slyLink;
</script>


Второй вариант


Код
<script type="text/javascript">
function addLink() {
     var body_element = document.getElementsByTagName('body')[0];
     var selection;
     selection = window.getSelection();
     var pagelink = "Источник:"; <a href='"+document.location.href+"'>"+document.location.href+"</a>"tchaykovsky.ru";
     var copytext = selection + pagelink;
     var newdiv = document.createElement('div');
     newdiv.style.position='absolute';
     newdiv.style.left='-99999px';
     body_element.appendChild(newdiv);
     newdiv.innerHTML = copytext;
     selection.selectAllChildren(newdiv);
     window.setTimeout(function() {
         body_element.removeChild(newdiv);
     },0);
}
document.oncopy = addLink;
</script>
 
  • Страница 1 из 14
  • 1
  • 2
  • 3
  • 13
  • 14
  • »
Поиск: