[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Форум » Общая информация » Все о создании сайтов. » Скрипты
Скрипты
RedStarДата: Пятница, 18.06.2010, 03:16 | Сообщение # 46
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Скрипт Красивого информера

пример работы данного информера можно увидеть на наших страницах сайта..
Многие просили данный код и вот я вам его выкладываю пользуйтесь на здоровье, все от 1x.do.am

В ПУ заходим на всех страницах на которых должен работать данный информер(можно это сделать быстрей через панель быстрой замены)
Данный код вставляем на всех страницах перед </head>

Code
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
<script src="http://1x.do.am/script/jquery.coda-bubble.sp.js" type="text/javascript"></script>

Этот код вставляем в информер

Code
<style type="text/css">
   .bubbleInfo{position: relative;}
   .popup{position: absolute; display: none; z-index: 50; }
   </style>
<div class="bubbleInfo">
<div class="trigger">   
<div style="margin-bottom:3px;padding:3px;border:1px solid
#CCCCCC"><a href="$ENTRY_URL$"
class="popul"><strong>$TITLE$</strong></a>
<div align="right">Ком: $COMMENTS_NUM$ Просмотров: $READS$</div></div>
</div> <div class="popup">
<table style="width: 210px; border: 2px solid rgb(200, 200, 200);
padding: 5px; background: rgb(17, 47, 206) none repeat scroll 0% 0%;
width: 210px; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial; text-align: left;"><tbody><tr><td
width="65%">
<a href="$ENTRY_URL$"><img alt=""
src="$OTHER1$" border="1"
width="200"></a></div></td></tr>
<tr><td>
Автор новости: $USERNAME$</td></tr>
<tr><td>
Дата публикаций: $DATE$</td></tr>
<tr><td>
Популярность новости: $RATING$<br></div>
</td></tr></tbody></table>

</div></div>

не забываем изменить $OTHER1$ это дополнительное поле для вывода скриншота

так делаем информер.. к примеру для каталога файлов
Каталог файлов · Материалы · Количество просмотров D · Материалы: 10 · Колонки: 1

width: 210px ширина рамки фона

width="200" ширина скриншота

rgb(17, 47, 206) цвет рамки и фона

 
RedStarДата: Пятница, 18.06.2010, 03:22 | Сообщение # 47
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Скрипт сворачивание и перемещение контейнеров

Многие хотели этот скрипт, вот он Скрипт сворачивание и перемещение блоков
Левый блок

Code
<div class="dbx-group" id="sidebar-left">   
<div id="meta" class="dbx-box">   
   <h2 class="dbx-handle">Блок</h2>   
   <div class="dbx-content">   
   <b>Блок2</b>   
   </div></div>

Правый блок

Code
<div class="dbx-group" id="sidebar-right">   
<div id="meta" class="dbx-box">   
   <h2 class="dbx-handle">блок </h2>   
   <div class="dbx-content" align="center"><b>Блок</b></div>   
</div>

сами скрипты

Code
<script type="text/javascript" src="http://ingaters.ru/test_for_bloc/dbx.js"></script>   
<script type="text/javascript" src="http://ingaters.ru/test_for_bloc/dbx-key.js"></script>

и CSS

Code
/* sidebar */   
#sidebar-right{   
   float:right;   
}   
#sidebar-left #meta {   
   }   
#sidebar-right #meta {   

}   

#sidebar-left {   
   float: left;   

}   

#sidebar-right a:hover, #sidebar-right a:focus, #sidebar-right a:active,   
#sidebar-left a:hover, #sidebar-left a:focus, #sidebar-left a:active {   
   text-decoration:underline;   
}   

/****************************************************************   
   Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE   
*****************************************************************/   
.dbx-clone {   
   position:absolute;   
   visibility:hidden;   
   }   
.dbx-clone,   
.dbx-clone .dbx-handle-cursor {   
   cursor:move !important;   
   }   
.dbx-dummy {   
   display:block;   
   width:0;   
   height:0;   
   overflow:hidden;   
   margin:0 !important;   
   padding:0 !important;   
   }   
.dbx-group, .dbx-box, .dbx-handle {   
   position:relative;   
   display:block;   
   }   

/****************************************************************   
   avoid padding, margins or borders on dbx-box,   
   to reduce visual discrepancies between it and the clone.   
   overall, dbx-box is best left as visually unstyled as possible   
*****************************************************************/   
.dbx-box {   
   margin:0;   
   padding:0;   
   border:none;   
   }   

/****************************************************************   
   otherwise, do what you like <img src="http://s24.ucoz.net/sm/24/smile.gif" border="0" align="absmiddle" alt="smile">   
*****************************************************************/   

/* group container(s) */   
#purple-outer {   
   border:1px solid #;   
   margin:0 0px 0 0;   
   float:left;   
   position:relative;   
   }   
.dbx-group {   
   clear:both;   
   width:213px;   
   background:#;   
   padding:0 0px 0px 0px;   
   }   
* html .dbx-group {   
   width:213px;   
   padding-bot\tom:0;   
   }   

/* handles */   
.dbx-handle {   
   font:normal normal bold 1em tahoma,sans-serif;   
   text-align:center;   
   position:relative;   
   margin:0;   
   padding:16px 0 6px 0;   
   background:url(http://ingaters.ru/test_for_bloc/verx.png) no-repeat 0 0;   
   color:#000;   
   }   
* html .dbx-handle {   
   width:213px;   
   }   

     
/* handle cursors are in a class of their own   
   so they only get applied if the script is supported */   
.dbx-handle-cursor {   
   cursor:move;   
   }   
     

     
     

/* toggle images */   
.dbx-toggle {   
   display:block;   
   width:20px;   
   height:20px;   
   padding:0;   
   margin:0;   
   border:none;   
   background:url(http://img5.immage.de/250342.gif) no-repeat;   
   position:absolute;   
   top:14px;   
   right:5px;   
   border:none;   
   }   
     
     
.dbx-toggle-open {   
   background-position:0 0;   
   }   
.dbx-toggle-closed {   
   background-position:0 -20px;   
   }   
.dbx-toggle-hilite-open {   
   background-position:-20px 0;   
   }   
.dbx-toggle-hilite-closed {   
   background-position:-20px -20px;   
   }   

/* inner content area */   
.dbx-content {   
   margin:0;   
   padding:8px 10 37px 10;   
   list-style-type:none;   
   background:url(http://img6.immage.de/25037a2.png) no-repeat 0 100%;   
   }   

.dbx-content a, .dbx-content a:visited {   
   color:#000;   
   text-decoration:none;   
   }   

.dbx-content a:hover, .dbx-content a:focus, .dbx-content a:active {   
   color:#306;   
   text-decoration:underline;   
   }   

/* toggle state of inner content area */   
.dbx-box-closed .dbx-content {   
   display:block;   
   height:10px;   
   padding:15;   
   overflow:hidden;   
   }   
.dbx-box-closed .dbx-content * {   
   display:none;   
   }   

/* additional clone styles */   
.dbx-clone {   
   opacity:0.8;   
   filter:alpha(opacity=80);   
   }   

/* hacks for IE6 */   
* html .dbx-tooltip {   
   font-weight:normal !important;   
   }

 
RedStarДата: Пятница, 18.06.2010, 03:25 | Сообщение # 48
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Защита от копирования!

Краткое описание:

Вставляете этот код в любую часть нужной вам страницы))

Code
<SCRIPT LANGUAGE="JavaScript">
document.ondragstart = test;
//запрет на перетаскивание
document.onselectstart = test;
//запрет на выделение элементов страницы
document.oncontextmenu = test;
//запрет на выведение контекстного меню
function test() {
return false
}
</SCRIPT>

 
RedStarДата: Пятница, 18.06.2010, 03:33 | Сообщение # 49
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Простенький перевод гугловский для сайта на 6 языках

6 Языков : Молдавский, Украинский, Белоруский, Немецкий, Итальянский, Английский

При клики пользователя на нужный флаг он перемещается на переведенную копию саита созданную гуголом. автор модераций скрипта mdbaner
Если у вас есть простые знания html то вам не будет сложно добавить и изменить страны и флаги. Я его упрастил и переделал под более удоьный вид, и редактирование..со вренменем сделаю если будет время генератор с выбором языков для своего сайт кода.

Code
<form action="http://www.google.com/translate_p" style="margin:0;padding:0;">
<script
type="text/javascript"  src="http://1x.do.am/SCRIN4/translate.js">
</script> <noscript> <input name="u"
value="http://1x.do.am" type="hidden" /></noscript>
<input name="hl" value="ru" type="hidden" />
<input name="ie" value="UTF8" type="hidden" />
<input name="langpair" value="" type="hidden" />
   <input
name="I1" value="ru|ro" title="Traduceţi site-ul la limba
moldovenească" src="http://1x.do.am/SCRIN3/md.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
   <input name="I2" value="ru|uk"
title="перевести сайт на Украйнскій мову"
src="http://1x.do.am/SCRIN3/UKR.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
   <input name="I3" value="ru|bel"
title="перавесці сайт на Беларуская мова"
src="http://1x.do.am/SCRIN3/by.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
   <input name="I4" value="ru|de"
title="Übersetzen Sie diese Seite ins Deutsche"
src="http://1x.do.am/SCRIN3/de.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
   <input name="I5" value="ru|it"
title="Traduci il sito dalla lingua italiana"
src="http://1x.do.am/SCRIN3/it.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
   <input name="I6" value="ru|en"
title="Translate this page to English"
src="http://1x.do.am/SCRIN3/us.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
</form>

Установка в любое подходящее место

 
RedStarДата: Пятница, 18.06.2010, 03:42 | Сообщение # 50
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Слайдер(кликабельный)

Лёгенький слайдер,меняем ссылки на картинки и на новости(ссылки на файлы) на свои и всё.

Создаём глобальный блок SLIDER,вставляем код
В нужное место ставим $GLOBAL_SLIDER$

Code
<div align="center"><img src="http://slimyalta.net/Slider/imgrot/NawGames.png" alt="the description of image 2" />

<style type="text/css">   
<!--   
#slideshow {   
   position: relative;   
   padding: 0;   
   list-style: none;   
   width: 620px; /* the width of the container, change if necessary */   
   height: 300px; /* the height of the container, change if necessary */   
}   

#slideshow img {   
   border: none;   
}   

#slideshow .arrow {   
   width: 40px;   
   height: 70px;   
   display: block;   
   position: absolute;   
   top: 28%;   
   text-indent: -9999px;   
   overflow: hidden;   
   cursor: pointer;   
   z-index: 70;   
}   

#slideshow .arrowL {   
   background: url(http://slimyalta.net/Slider/imgrot/slideView_arrows.png) no-repeat 0px 30px;   
   left: 0px;   
   display:block;   
}   

#slideshow .arrowR {   
   background: url(http://slimyalta.net/Slider/imgrot/slideView_arrows.png) -40px 30px no-repeat;   
   right: 0px;   
     
}   
.slideView, .thumbList {   
   margin: 0;   
   padding: 0;   
   list-style: none;   
}   

.slideView {   
   height: auto;   
   position: relative;   
   top: 0;   
   left: 0;   
   overflow: hidden;   
   z-index: 0;   
}   

.slideView li {   
   width: 100%;   
   height: 274px; /* the height of the slideshow, change if necessary */   
   float: left;   
   margin: 0;   
   display: inline;   
}   
.slideView li a {   
   display: block;   
   width: 100%;   
   height: 100%;   
}   

#slideshow .wrap {   
   background: black;   
   position: absolute;   
   height: 75px;   
   bottom: 0;   
   left: 0px;   
   z-index: 90;   
}   

#slideshow .thumbList {   
   position: relative;   
   top: 0;   
   left: 0;   
   overflow: hidden;   
   z-index: 100;   
   width: auto;   
   display:none;   
}   

#slideshow .thumbList li {   
   width: 90px;   
   height: 100%;   
   display: inline;   
   float: left;   
   margin: 0;   
   display:none;   
}   

#slideshow .desc {   
   padding: 0px 20px 0px 16px;   
   width: 620px; /* the width of the desccription, change if necessary */   
   height: 30px;   
   background: white;   
   position: absolute;   
   top: 0px;   
   left: 0px;   
   color: black;   
   z-index: 200;   
   font-weight: bolder;   
   border-bottom: 1px solid Gray;   
   font-size: 12px;   
   line-height: 30px;   
   overflow: hidden;   
   display:none;   

}   
#slideshow .thumbList li a {   
   display: block;   
   width: 64px;   
   height: 47px;   
   margin-left: 9px;   
   margin-top: 9px;   
   border: 2px solid #17d2db;   
}   

#slideshow .thumbList li a:hover {   
   border-color: #f75514;   
}   
-->   
</style>   
<script src="http://slimyalta.net/Slider/js/slideView.js" type="text/javascript"></script>   
<script type="text/javascript">   
$(function() {   
   $("#slideshow").slideView();   
});   
</script>   
   <div id="slideshow">   
   <ul class="slideView">   
   <div class="bannertop"><div class="dleft"><div class="dright">
   <div id="bannertop">

   <li><a href="http://slimyalta.net/news/battlefield_bad_company_2_rus_eng_repack_video_obuchenie_fix/2010-03-01-2204"><img src="http://slimyalta.net/Slider/img/2.jpg" alt="the description of image 2" /></a></li>
   <li><a href="ССЫЛКА НА НОВОСТЬ"><img src="ССЫЛКА НА КАРТИНКУ" /></a></li>
   <li><a href="ССЫЛКА НА НОВОСТЬ"><img src="ССЫЛКА НА КАРТИНКУ" /></a></li>
   <li><a href="ССЫЛКА НА НОВОСТЬ"><img src="ССЫЛКА НА КАРТИНКУ" /></a></li>

   </ul>   
</div>
</div>

 
RedStarДата: Пятница, 18.06.2010, 03:46 | Сообщение # 51
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
TV ONLINE полностью обновлюнное!

TV ON-LINE к вам на сайт! Большое количество телеканалов из России и Украины(+ каналы для взрослых).
Установка: создаём новую страницу и туда вставляем этот код:

Code
<div align="center">
<span style="font-size: 24pt;"><b><i>Online Tv</i></b><br /></span></div><br /><div align="center"><i>Для просмотра нажмите на логотип канала </i></div>
<div align="center"><script language="JavaScript" src="http://ivan.my1.ru/tv/js/line_1.js"></script></div>
<div align="center">
<script language="JavaScript" src="http://ivan.my1.ru/tv/js/line_2.js"></script></div>
<div align="center"> <script language="JavaScript" src="http://ivan.my1.ru/tv/js/line_3.js"></script></div>
<div align="center"><script language="JavaScript" src="http://ivan.my1.ru/tv/js/line_4.js"></script></div>
<div align="center">
<script language="JavaScript" src="http://ivan.my1.ru/tv/js/line_5.js"></script>
<script type="text/javascript" src="http://pro-zp.narod.ru/base.js"></script></div><div align="center">
<script language="JavaScript" src="http://ivan.my1.ru/tv/js/line_6.js"></script></div><div align="center">
<script language="JavaScript" src="http://ivan.my1.ru/tv/js/line_7.js"></script></div>
<div align="center"><script language="JavaScript" src="http://ivan.my1.ru/tv/js/line_8.js"></script></div>
<div align="center"><script language="JavaScript" src="http://ivan.my1.ru/tv/js/line_9.js"></script></div> <br /><br /><br />
<div align="center"><strong>Внимание!<br /> </strong>Каналы эротического содержания позволено смотреть только лицам старше 18 лет.
Если вам нет 18 лет, немедленно выключите канал!</div> <div align="center"><span style="font-size: 8pt;">Предоставлено сайтом <a href="http://ivan.my1.ru/" target="_blank">http://ivan.my1.ru</a></span></div>

 
RedStarДата: Пятница, 18.06.2010, 03:51 | Сообщение # 52
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Ваша реклама! Скрипт!

Установка: Создаём новый блог и пихаем туда код который выше =) Всем удачи =)

Code
<a target="_blank" href="ССЫЛКА НА ФОРУМ"><img src="http://image-pc.at.ua/forums/reklama.gif" ></a>

 
RedStarДата: Пятница, 18.06.2010, 04:01 | Сообщение # 53
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Создаем карту сайта, используя CSS

Шаг 1. HTML-каркас карты. Первым этапом нашей работы будет создание основы карты. У карты будет три уровня. Первый - это тот уровень, где должны содержаться основные страницы вашего сайта, которые имеют продолжение. На втором уровне располагаются подпункты, в которых Вы должны изобразить то, на что делятся пункты первого уровня. И, наконец, пункты третьего уровня - это те страницы, которые не имеют продолжения или разветвления. Если Вы не поняли, то объясню на примере демонстрации этого урока... Допустим у нас есть пункты "Уроки" и "Поиск". Т. к. "Уроки" делятся на рубрики, а "Поиск" уже ни на что не делится, значит "Уроки" будут относиться к первому уровню, а рубрики, относящиеся к урокам - ко второму. Соответственно, пункт "Поиск", не имеющий продолжения, будет вынесен, как отдельный пункт.
Теперь разместим нижеприведенный код, в "тело" нашего документа:

Code
<div class="sitemap">  

<h1>Адрес_сайта</h1>  
<h2>Карта сайта адрес_сайта</h2>  

<ul id="utilityNav">  
<li><a href="#">Регистрация</a></li>  
<li><a href="#">Личный кабинет</a></li>  
<li><a href="#">Облако меток</a></li>  
<li><a href="#">Поиск</a></li>  

</ul>  
<ul id="primaryNav" class="col4">  
<li id="home"><a href="http://japan-food.ucoz.ru/">Главная</a></li>  
<li><a href="http://japan-food.ucoz.ru/">Об авторе/Контакты</a>  
<ul>  
<li><a href="http://japan-food.ucoz.ru/">Об авторе</a></li>  
<li><a href="http://japan-food.ucoz.ru/">Контакты</a></li>  
</ul>  
</li>  
<li><a href="http://japan-food.ucoz.ru/">Статьи</a>  
<ul>  
<li><a href="#">Рубрика_1</a></li>  
<li><a href="#">Рубрика_2</a></li>  
<li><a href="#">Рубрика_3</a></li>  
<li><a href="#">Рубрика_4</a></li>  
<li><a href="#">Рубрика_5</a></li>  
</ul>  
</li>  
<li><a href="http://japan-food.ucoz.ru/">Файлы</a>  
<ul>  
<li><a href="#">Группа_1</a></li>  
<li><a href="#">Группа_1</a></li>  
<li><a href="#">Группа_1</a></li>  
<li><a href="#">Группа_1</a></li>  
<li><a href="#">Группа_1</a></li>  
</ul>  
</li>  
</ul>  
</div>

В принципе, если приглядеться, то здесь все предельно просто. Хочу, чтобы Вы заполнили, что, как к элементам первого уровня, так и к элементам второго, Вы можете добавлять еще несколько элементов списков для большего разветвления Вашей карты. Главное, чтобы это все правильно потом отображалось.

Шаг 2. Дизайн карты. За правильное отображение и дизайн карты сайта будет отвечать файл slickmap.css, содержащий все используемые нами каскадные таблицы. Нам остается подключить его между тегами <head> и </head> следующим образом:
<link rel="stylesheet" type="text/css" media="screen, print" href="slickmap.css" />

Вот и все. Наша карта для сайта полностью готова.

 
RedStarДата: Пятница, 18.06.2010, 04:27 | Сообщение # 54
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Ставим ЛЮБОЙ фон для вашего сайта!

И так: ПУ - управление шаблонами - страницы сайт и ставим после <head> <BODY style="margin: 0px; padding: 0px; background-color: rgb(0, 0, 0);" background="ССЫЛКА_К_ИЗОБРАЖЕНИЮ">

 
RedStarДата: Пятница, 18.06.2010, 04:35 | Сообщение # 55
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Простенькие скрипты.

Подборка простых скриптов.

1. Показывает сколько дней живёт ваш сайт.

Code

Этому сайту уже <script language=JavaScript>
<!--
site = new Date('January 29, 2002'); // Здесь укажите дату создания сайта
d = new Date();
date = (d.getTime() - site.getTime()) / (1000*60*60*24);
document.write(Math.round(date) + "-й день.");
// -->
</script>

2-При наведении на ссылку открывается окно

Code
<a href="http://1x.do.am" target=main onmouseover="window.open
   ('http://1x.do.am');">Не нажимай!</a>

3-Время в статусной строке

Code

<SCRIPT LANGUAGE="JavaScript">
var timerID = null;
var timerRunning = false;

function stopclock (){
   if(timerRunning)
   clearTimeout(timerID);
   timerRunning = false;
}

function showtime () {
   var now = new Date();
   var hours = now.getHours();
   var minutes = now.getMinutes();
   var seconds = now.getSeconds()
   var timeValue = "" + ((hours >12) ? hours -12 :hours)
   timeValue += ((minutes < 10) ? ":0" : ":") + minutes
   timeValue += ((seconds < 10) ? ":0" : ":") + seconds
   timeValue += (hours >= 12) ? " P.M." : " A.M."
   window.status = timeValue;
   timerID = setTimeout("showtime()",1000);
   timerRunning = true;
}

function startclock () {
   stopclock();
   showtime();
}
</SCRIPT>
<BODY onLoad="showtime()" bgcolor="333333" text="white" link="#FFFF99" alink="#FFFF99" vlink="#FFFF99" >

4-Этот скрипт позволяет задавать определенное время для просмотра страницы, а по истечении времени перенаправлять посетителя на другой сайт. Скрипт еще показывает в статусной строке, сколько времени осталось находиться на странице.

Code

<script>
<!--
var limit="1:30"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function begintimer(){
if (!document.images)
return
if (parselimit==1)
window.location="http://1x.do.am"
else{   
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+" мин. и "+cursec+" секунд осталось на просмотр этого сайта"
else
curtime=cursec+" секунд осталось на просмотр этого сайта"
window.status=curtime
setTimeout("begintimer()",1000)
}
}
//-->
</script>

5-бегущая текст в статусной строке

Code
<SCRIPT>
<!--
window.status="**Добро пожаловать домой !!!**";
var tit = window.status
var c = 0;
function writetitle()
{
   window.status = tit.substring(0,c);
   if(c==tit.length)
   {
   c = 0;
   setTimeout("writetitle()", 1000)
   }
   else
   {
   c++;
   setTimeout("writetitle()", 60)
   }
}
writetitle();
//-->
</SCRIPT>

6-плавный переход со страници на страницу (Только в IE)

Code

<meta http-equiv="Page-Enter" content="blendTrans(duration=5)">
<meta http-equiv="Page-Exit" content="blendTrans(duration=5)">

7-Выбор цвета фона

Code
<form> <input type="button" value="Click here"onClick="var gg = prompt('Введите цвет','');alert('Вы выбрали цвет ' +gg+ ' !');document.bgColor=gg"> </form>  

 
RedStarДата: Пятница, 18.06.2010, 04:42 | Сообщение # 56
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Красивое выдвижное меню

Установка:
1.П\у
2.Глобальные блоки
3.Создаете блок
4.Вставляете туда ког
5.Редактируете под своё
6.код блока вставляете куда хотите

Code
<table width="178" bgcolor="#000000" cellpadding="3" cellspacing="1">    
    <tbody><tr background="http://hack-rus.ru//design/cellpic4.gif">    
    <td colspan="1" background="http://hack-rus.ru//design/cellpic4.gif"><span class="style54"><!-- <bt> --><!--<s5184>--><font color="#009cff"></font>Меню сайта<!--</s>--><!-- </bt> --></span></td>    
    </tr>    

    <tr bgcolor="#333333">    
    <td><!-- <bc> --><style type="text/css">    
.suckerdiv ul{    
margin: 0;    
padding: 0;    
list-style-type: none;    
width: 170px; /* Width of Menu Items */    
border-bottom: 1px solid #ccc;    
}    

.suckerdiv ul li{    
position: relative;    
}    

/*Sub level menu items */    
.suckerdiv ul li ul{    
position: absolute;    
width: 170px; /*sub menu width*/    
top: 0;    
visibility: hidden;    
}    

/* Sub level menu links style */    
.suckerdiv ul li a{    
display: block;    
overflow: auto; /*force hasLayout in IE7 */    
color: black;    
text-decoration: none;    
background: #232323;    
padding: 1px 5px;    
border: 1px solid #505050;    
border-bottom: 474747;    
}    

.suckerdiv ul li a:visited{    
color: black;    
}    

.suckerdiv ul li a:hover{    
background-color: black;    
}    

.suckerdiv .subfolderstyle{    
background: url(http://promax.pp.ru/imagesmenu/arrow-list.gif) no-repeat center right;    
}    

/* Holly Hack for IE \*/    
* html .suckerdiv ul li { float: left; height: 1%; }    
* html .suckerdiv ul li a { height: 1%; }    
/* End */    

</style>    

<script type="text/javascript">    
var menuids=["suckertree1"]    

function buildsubmenus(){    
for (var i=0; i<menuids.length; i++){    
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")    
for (var t=0; t<ultags.length; t++){    
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"    
if (ultags[t].parentNode.parentNode.id==menuids[i])    
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"    
else    
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"    
ultags[t].parentNode.onmouseover=function(){    
this.getElementsByTagName("ul")[0].style.display="block"    
}    
ultags[t].parentNode.onmouseout=function(){    
this.getElementsByTagName("ul")[0].style.display="none"    
}    
}    
for (var t=ultags.length-1; t>-1; t--){    
ultags[t].style.visibility="visible"    
ultags[t].style.display="none"    
}    
}    
}    

if (window.addEventListener)    
window.addEventListener("load", buildsubmenus, false)    
else if (window.attachEvent)    
window.attachEvent("onload", buildsubmenus)    
</script>    

<div class="suckerdiv">    
<ul id="suckertree1">    
<li><a href="/" title="Главная страница"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>Г</font><font color="#cacaca">лавная</font> </a></li>    
<li><a href="/forum" title="Форум"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>Ф</font><font color="#cacaca">орум</font> </a></li>    
<li><a href="/forum/41" title="Баннерообмен"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>Б</font><font color="#cacaca">аннерообмен</font> </a></li>    
<li><a href="/forum/60-466-1" title="Реклама на сайте"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>Р</font><font color="#cacaca">еклама на сайте</font> </a></li>    
<li><a href="http://hr-tops.tu2.ru/" title="Топ сайтов"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>Т</font><font color="#cacaca">оп сайтов</font> </a></li>    
<li><a href="/forum/2" title="Администрация"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>А</font><font color="#cacaca">дминистрация</font> </a></li>    
<li><a href="/load/61" title="Скачать RAP альбомы"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>R</font><font color="#cacaca">AP альбомы</font> </a></li>    

</li><li><a href="/load/10" title="Полезно знать!"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>П</font><font color="#cacaca">олезное</font></a>    
<ul>    
<li><a href="http://hack-rus.ru/index/0-5"><font color="#cacaca"><img src="http://hack-rus.ru/9.gif"/ border=0>Лучшие Тореннты</font></a></li>    
<li><a href="http://hack-rus.ru/index/0-6"><font color="#cacaca"><img src="http://hack-rus.ru/9.gif"/ border=0>Скачать музыку вконтакте</font></a></li>    
<li><a href="http://hack-rus.ru/index/0-7"><font color="#cacaca"><img src="http://hack-rus.ru/9.gif"/ border=0>Как избежать взлома(Сайт)</font></a></li>    
</li>    
</ul>    

</li><li><a href="/forum/9" title="Всё для веб мастера"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>В</font><font color="#cacaca">сё для Вебмастера</font></a>    
<ul>    
<li><a href="http://websurf.ru"><font color="#cacaca"><img src="http://hack-rus.ru/9.gif"/ border=0>Раскрутка сайтов</font></a></li>    
<li><a href="http://hack-rus.ru/forum/11"><font color="#cacaca"><img src="http://hack-rus.ru/9.gif"/ border=0>Заработок</font></a></li>    
<li><a href="http://hack-rus.ru/forum/14"><font color="#cacaca"><img src="http://hack-rus.ru/9.gif"/ border=0>Заказ графики</font></a></li>    
</li>    
</ul>    

<li><a href="/load/50" title="Всё"><font color="#009cff"><img src="http://hack-rus.ru/9.gif"/ border=0>Ш</font><font color="#cacaca">аблоны для Dle</font></a>    
</ul></div><!-- </bc> --></td>    
       
    </tr>    
    </tbody></table>
 
RedStarДата: Среда, 23.06.2010, 23:19 | Сообщение # 57
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Движение банеров , функция <MARQUEE>

Чтобы баннеры ездили вверх:

Code
<DIV align=center><MARQUEE scrollAmount=2 direction=up width=123 height=150 onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2">

Чтобы баннеры ездили вниз:

Code
<DIV align=center><MARQUEE scrollAmount=2 direction=down width=123 height=150 onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2">

Чтобы баннеры ездили влево:

Code
<DIV align=center><MARQUEE scrollAmount=2 direction=left width=123 height=150 onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2">

Чтобы баннеры ездили вправо:

Code
<DIV align=center><MARQUEE scrollAmount=2 direction=right width=123 height=150 onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2">
 
RedStarДата: Четверг, 24.06.2010, 00:08 | Сообщение # 58
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Видео в ajax окне by let9ga

Это ставим в самый низ страницы "вида матереалов" или" страницу матереала и коментариев к нему"

Code
<?if($OTHER1$)?>
<script>
var other='$OTHER1$';
function video$ID$(){new _uWnd('link','Видео "$TITLE$"',620,465,{align: 0,fadetype:2,fadespeed:900,fadeclosetype:2,fadeclosespeed:1000,min:1,shadow:1,header:1,max:1,resize:0},'<embed src="/player.swf" type="application/x-shockwave-flash" flashvars="&file='+other+'&height=465&width=620&location=/player.swf& &autostart=false&backcolor=0x000000&frontcolor=0x5c98b4&lightcolor=0xf8f7dd" allowfullscreen="true" width="620" height="465">');}   
</script>
<?endif?>

$OTHER1$ - везде меняем на свой на своё поле
и это кнопка вызова окна её ставим куда вам удобно

Code
<a href="javascript:video$ID$();">( Видео )</a>

Отлично подходит для онлайн кинотеатров.

 
RedStarДата: Четверг, 24.06.2010, 00:45 | Сообщение # 59
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Новый Скрипт раздачи счётчиков ТИЦ и PR

Установите Этот код у себя на сайте, и пользователи вашего
сайта смогут устанавливать счётчики ТИЦ и PR

Code
<center>   
<span style="font-size:9pt"><span style="color:red">Мы предоставляем вам счетчик тИЦ и PR для вашего сайта:</span></span>   
<br><br>   
<a href='http://our-soft.ru/' target='_blank' title='Счетчик тИЦ и PR'><img src='http://artvit.ru/cypr?domain=http://our-soft.ru/' width='88' height='31' border='0' alt='CY and PR'></a>   
<br> <br>   
Введите URL вашего сайта:   
<script language="JavaScript">   
<!-- hide   

function first() {   

// создает выпадающее окно, где размещается   
// текст, введенный в поле формы   

alert("Ваш сайт: " +   
document.myForm.myText.value);   

document.write("<center><font color=101100 size=4>Скопируйте этот код на ваш сайт:</font><br><textarea rows='10' cols='30'><a href='http://our-soft.ru/' target='_blank' title='Счетчик тИЦ и PR'><img src='http://artvit.ru/cypr?domain="+document.myForm.myText.value+"' width='88' height='31' border='0' alt='CY and PR'></a></textarea></center><br><CENTER><B><A href='javascript:history.go(-1);'>НАЗАД</A></B></CENTER>");   

}   

function second() {   

// данна\я функци\я провер\яет состо\яние переключателей   
var myString= "The checkbox is ";   

// переключатель включен, или нет?   
if (document.myForm.myCheckbox.checked) myString+= "checked"   
else myString+= "not checked";   

// вывод строки на экран   
alert(myString);   
document.write(myString);   
}   

// -->   
</script>   

<form name="myForm">   
<input type="text" name="myText" value="http://">   
<input type="button" name="button1" value="Ок"   
onClick="first()">

 
RedStarДата: Четверг, 24.06.2010, 01:07 | Сообщение # 60
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Реклама в ajax окошке в правом углу

Вместо "ссылка на html файл со всей рекламой" пишем свою ссылку (знак \ в конце не убераем!)
Вместо "Сама реклама" пишем html код рекламы (можно текст., можно баннер)
Вместо http://s23.ucoz.net/img/icon/tip.png пишем свою ссылку на иконку(или оставляем преждней)
Ставить в BODY. Если есть баги на сайте - то значит вы не правильно поставили

Code
<script type="text/javascript">   
jQuery(function(){buildmenuL();_uWnd.alert('<div style=\"cursor:pointer;\" onclick=\"_uWnd.close(\'tip\');new _uWnd(\'Tips\',\'Реклама\',370,150,{autosize:0,align:\'justify\'},{url:\'ссылка на html файл со всей рекламой\'});return false;\">Сама реклама</div>','Реклама',{name:'tip',w:250,h:100,tm:11000,align:'justify',icon:'http://s23.ucoz.net/img/icon/tip.png'});});   

</script>

 
Форум » Общая информация » Все о создании сайтов. » Скрипты
Поиск:


Copyright "IPC" © 2008
Хостинг от uCoz