Привлекательное простое окно попандера которое всплывает при загрузки страницы 1 раз в 24 часа для определенного IP адреса.
в окно можно вставить картинку, html ссылку для перехода, или просто текст как показано в примере нашего скрина или в живом примере
Установка:
Данный скрипт редактируем под себя только то что содержится русским шрифтом, далее открываем блокнот, вставляем туда отредактированный под свои нужы сам код скрипта, и сохраняем с расширением под js файл с названием к примеру таким popup.js
Подпишитесь на нашу рассылку!</p>
Вы будите получать не только <br>бесценную информацию! </p>
Ну и плюсом, Вы еще и найдете<br> ценный бонус в каждом письме от www.ucozon.ru...
</p>';var Cc53w5ShXw="6mIU5hcVMV";var Cc53w5Sxw=false,Sc5vS5xw,CsSwS5xw,CsSw55xw,SfO01lIdx,SfO01lIdy,SfOO1Ild,Cc35vSsS53,Cs35sXxS53,Cc5zsXd53,Cc3zXd53,Cc3zxd63,dbd3bil3,bdb3bIl3y,bdb3bIl3x,dbd3bil3y,jHh68ss5;var jHh68s5=0,jhH86s5,jh86SZs5,iLI7bd3ree343=20,iLI7bd3ree43=10;function iI7bd3re43(){jHh68s5++; jh86SZs5=parseInt(Math.random()*15+5);Cc35vSsS53.style.top=parseInt(Cc35vSsS53.style.top)+jh86SZs5;eval("setTimeout('Cc35vSsS53.style.left=parseInt(Cc35vSsS53.style.left)+"+jh86SZs5+"', "+iLI7bd3ree43+");");eval("setTimeout('Cc35vSsS53.style.top=parseInt(Cc35vSsS53.style.top)-"+jh86SZs5+"', 2*"+iLI7bd3ree43+");");eval("setTimeout('Cc35vSsS53.style.left=parseInt(Cc35vSsS53.style.left)-"+jh86SZs5+"', 3*"+iLI7bd3ree43+");");if(jHh68s5 >= iLI7bd3ree343){clearInterval(jhH86s5);}}
function iI7bd4Re43(){jhH86s5=setInterval('iI7bd3re43()',4*iLI7bd3ree43);}function jJIl38el(e){if(Cc53w5Sxw){dbd3bil3=Cc35v5SXyw?CsSw55xw+e.clientX-Sc5vS5xw:CsSw55xw+event.clientX-Sc5vS5xw;Cc35vSsS53.style.left=dbd3bil3;bdb3bIl3y=Cc35v5SXyw?SfO01lId+e.clientY-CsSwS5xw:SfO01lId+event.clientY-CsSwS5xw-document.body.scrollTop;Cc35vSsS53.style.top=bdb3bIl3y+(Cc35v5SXyw?0:document.body.scrollTop);jhl68dLi();return false;}}
function jhl88HhddLi(e){Cc53w5Sxw=true;CsSw55xw=parseInt(Cc35vSsS53.style.left);SfO01lId=parseInt(Cc35vSsS53.style.top);Sc5vS5xw=Cc35v5SXyw?e.clientX:event.clientX;CsSwS5xw=Cc35v5SXyw?e.clientY:event.clientY;document.onmousemove=jJIl38el;return false;}function jhl8HdHddLi(Scc5wS5xw){var cid=Scc5wS5xw+"=";var bdbdbI31y="";var bdbdbI31x;if(document.cookie.length>0){bdbdbI31x=document.cookie.indexOf(cid);if(bdbdbI31x!=-1){bdbdbI31y="x";}}return bdbdbI31y;}
function bbddbI3lx(){var Cc53w3SXw=Cc53w5ShXw+"="+escape("done");var Cs35S3wXw=new Date();var Cs3sS3vXw=new Date(Cs35S3wXw.getTime()+1*24*60*60*1000);Cc53w3SXw+='+;expires="'+Cs3sS3vXw.toGMTString()+'"';document.cookie = Cc53w3SXw;}function jhl68dLi(){Cs35sXxS53.style.top=Cc35vSsS53.style.top;Cs35sXxS53.style.left = Cc35vSsS53.style.left;Cs35sXxS53.style.visibility = Cc35vSsS53.style.visibility;}function
Поняв принцип, можно забыть о подобных сервисах, которые часто закрываются, удаляют файлы, меняют условия и т.д.
Код для вставки музыки в блог состоит из двух главных компонентов - флеш-плеер (файл *.swf в виде http://../player.swf) и аудиофайл (в виде http://../song.mp3) - остальное HTML, то бишь буковки.
Выглядит так:
<object data="http://../player.swf" type="application/x-shockwave-flash" width="240" height="64">
<param name="movie" value="http://../player.swf">
<param name="menu" value="false">
<param name="scale" value="noscale">
</object>
Полный код безобразия:
Если в код вставить свой mp3 файл вида http://…./song.mp3 ("прямая ссылка"), он будет играть вашу музыку:).
- width и height определят размеры плеера.
Если назначить height=16, получим:
Tip: Чтоб исключить сбой кодировок, избегайте кириллицы и пробелов в названиях треков.
Переименовывайте файлы перед закачкой их на хостинг. Примеры:
моя песня.mp3 (нельзя в плеер, будет глюк)
moya_pesnya.mp3 (можно юзать) - Можно вставлять плейлисты:
[показать] - навигация по трекам - Делаем такой плеер с плейлистом:
1. Загружаем на хостинг аудиофайлы и составляем такой список треков:
<file src="sound1.mp3"/>
<file src="sound2.mp3"/>
<file src="sound3.mp3"/>
2. Копируем образец кода плейлиста ОТСЮДА
(всё, что под чертой)
3. Открываем на компе программу Блокнот, вставляем туда этот код.
4. Вместо примера списка треков вставляем свой заготовленный список треков.
5. Жмем "Файл-Сохранить как”. Называем файл playlist.xml и сохраняем.
(назвать можно как угодно, главное - на латинице и .xml)
6. Файл playlist.xml грузим на хостинг, ссылку на него ставим в код плеера там, где в плеере с одним треком стоит ссылка
подключим jQuery к нашему документу: у всех он есть на саитах та как он для работы многих скриптов
Шаг 2.
Между тегами или в отдельном CSS файле пропишем следующие стили:
background: #534741;
font-family: Helvetica, Arial, sans-serif;
color: #fff;
width: 810px;
margin: 0 auto;
padding-bottom: 50px;
}
#header {
margin: 0;
padding: 0;
text-indent: -9999px;
width: 400px;
height: 225px;
position: relative;
margin-left: -1em;
background: url(header.jpg) no-repeat;
}
#header a {
position: absolute;
top: 0;
left: 0;
width: 400px;
height: 225px;
display: block;
border: 0;
background: transparent;
overflow: hidden;
}
#header .fake-hover {
margin: 0;
padding: 0;
width: 400px;
height: 225px;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(header.jpg) no-repeat 0 -240px;
}
Обратите внимание, что фоновый цвет страницы (в данном случае стиль тега ) должен быть точно такой же, как и цвет по краям у картинки шапки.
Для шапки нужно использовать картинку, которая условно состоит из двух частей: верхняя половина - это картинка до наведения мышью, а нижняя - после.
В нашем случае используется картинка размером 400х450 px. Следовательно, половина ее высоты равна 225 px (эта высота прописана в стиле #header).
И если высота Вашей картинки будет другая, то ее нужно изменить в CSS стиле, а также изменить отступ no-repeat 0 -240px в стиле #header .fake-hover, умножив половину высоты картинки на -1,0667.
Т.е. 225 х -1,0667 = -240
Если же половина высоты картинки будет 150 px, то:
150 х -1,0667 = -160
Шаг 3.
Между тегами пропишем следующий скрипт:
Вот решил выложить один из наших генераторов нашего сайта http://ucozon.ru/ Хочу вас предупредить сразу о том что не нужно изменять копирайт нашего сайта в закодированном коде, так как это подвергает ваш сайт нарушению , ну и соответственно вы назовете на себя большие не приятности предупреждаю за ранее вас. Уважайте труд нашего сайта.
Если вас не пугает iframe то можете вставить этот код генератора на любую страницу своего сайта
если вы хотите создать свою страницу с генератором то вот вам код, Внимание редактирование и изменения копирайта в коде нашего сайта строго запрещены!
копируем и вставляе в новую созданую страницу и сохраняем
<style type="text/css">
body{margin: 6px; padding: 6px; background-color: #999999;}
.inp{width: 300; font-size: 10pt; padding: 2px; margin: 1px; font-family:
| Скачать A | |
|
|
Программа CATSNIPER предназначена для автоматической регистрации сайта в каталогах.
На данный момент CATSNIPER поддерживает следующие типы каталогов: CNCat, Made-cat, FlashCat, ScannerLink. Программа умеет распознавать капчи всех этих каталогов.
CATSNIPER позволяет регистрировать сайт не только в белых каталогах, но и в каталогах, которые требуют установки обратной ссылки. Для этого нужно сделать на регистрируемом сайте каталог ссылок и специальную страницу, которая будет принимать и размещать коды ссылок, отображая адреса страниц, на которых они находятся. CATSNIPER посылает код обратной ссылки на эту страницу и получив URL-адрес страницы с размещённой ссылкой указывает его в поле "URL страницы с обратной ссылкой".
К программе прилагаются 4 базы каталогов (для CNCat, Made-cat, FlashCat и ScannerLink). Базы представляют собой простые незашифрованные списки URL-адресов страниц добавления ссылки. Вы можете использовать свои списки каталогов. Базы каталогов для CATSNIPER регулярно обновляются и доступны всем для скачивания.
Сейчас программа CATSNIPER выложена для тестирования. Принять участие в тестировании могут все желающие.
Данная версия программы является beta-версией и обладает только базовыми функциями. Программа будет совершенствоваться по потребностям пользователей. Поэтому ваши отзывы и предложения очень важны для дальнейшего развития программы!
Все каталоги мои! Некоторые повышают тиц!
Безусловно у твиттера есть виджеты, транслирующие сообщения, но не все подойдут под ваш дизайн! С данным скриптом вы сможете настроить трансляцию твиттов под свой дизайн...
Приступим к установке:
1 В месте, где хотим видеть сообщения ставим:
Код:
<script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js" type="text/javascript"></script>
2 Перед или вставляем:
getTwitters('twitter', {
id: 'art2702',
count: 10,
enableLinks: true,
ignoreReplies: true,
clearContents: true,
template: '%user_screen_name%: %text%.<br>'
});
</script>
art2702 - ваш логин в твиттере.
10 - кол-во сообщений, которые выводим на страницу.
Остальное вам не нужно!
Интересный вид увеличения скриншота , действует простым способом, когда наводим курсором по картинке , то картинка увеличивается рядом поверх страницы в размер истинный самой картинки и передвигается в месте с курсором рядом с картинкой , удобен тем что не нужно кликать по картинке а достаточно просто навести курсором.
Скрипт Увеличение картинки при наведение курсора, ниже на нашем сайте ucozon.ru прилагаю живой пример увеличения самой картинки, наводим курсором и смотрим эффект.
Установка:
Вставляем вывод скрипта в head
Заключаем сам скриншот в такое определение стиля класса.
IMG_URL1 Заменяем если у вас вывод скриншота является к примеру дополнительным полем 1 OTHER1
или если к примеру каталог сайтов то можно использовать данный тег вывода скрина IMG_SMALL_URL1
<span style="color: orange;">Описание:</span> Не надо мучить компа чтобы сделать баннер, ставим все на новую страницу и все готово.
<a class="link" href="/go?http://my-house.at.ua/index/sozdat_banner/0-101" title="http://my-house.at.ua/index/sozdat_banner/0-101" rel="nofollow" target="_blank"></a>
<span style="color: orange;">Дополнительный скриншот:</span>
<span style="color: orange;">Код 1:</span>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Banner Creator|</title>
<style type="text/css"><!--BODY {
scrollbar-base-color: #FF99CC;
scrollbar-track-color: #FF99CC;
scrollbar-face-color: #FFCCFF;
scrollbar-highlight-color: #990099;
scrollbar-3d-light-color: #FF0066;
scrollbar-darkshadow-color: #990099;
scrollbar-shadow-color: #CC0066;
scrollbar-arrow-color: #990099;
}--></style>
<font face="Burlak" size="4"><center>
<center><br>
<font color="#834626" style="
Скрипт expando увеличение картинки при наведении курсора
страница с примером живым
img.expando{
border: none;
vertical-align: top;
}
</style>
<script type="text/javascript" src="http://ucozon.ru/SCRIN5/expando.js"></script>
<a href="http://ucozon.ru"><img style="width: 100px; height: 50px;" title="" class="expando cat" src="http://ucozon.ru/SCRIN5/y23da8297eh87w.jpg" border="0" height=""></a>
<a href="http://ucozon.ru"><img style="width: 100px; height: 100px;" title="" class="expando cat" src="http://ucozon.ru/SCRIN5/y23da8297eh87w.jpg" border="0" height=""></a>
<a href="http://ucozon.ru"><img style="width: 50px; height: 100px;" title="" class=
