Войти

Красивый скрипт "Call me to skype"

Довольно хороший скрипт с помощью которого ваши посетители смогут звонить вам в Skype.

Скрипты - Школа Монстров - всё лучшее из уголков всемирной паутины интернета. Видео, приколы, игры, программы, веб-дизайн, уроки, новости, статьи и многое другое...

Для установки над всего лишь помянять строку: SKYPE-NAME на свой логин в Skype и так-же можно заменить изображение — вот сам скрипт:

<!--
Skype 'Skype Me™!' button
www.skype.com/go/skypebuttons
-->
<script type=«text/javascript» src=«download.skype.com/share/skypebuttons/js/skypeCheck.js»></script>
<a href=«skype:SKYPE-NAME?call»><img src=«download.skype.com/share/skypebuttons/buttons/call_green_white_153x63.png» style=«border: none;» width=«153» height=«63» alt=«Skype Me™!» /></a>

Комментариев: 4

Кнопка сайта с раскрывающимся кодом

Кнопка на сайте — это способ повысить свою цитируемость. На многих сайтах, на которых я бывал, кнопка сайта отображена лишь как изображение (вроде как, желающий сам код придумает), на некоторых код виден на всех страницах сайта в боковой панели (вариант удобный, но это портит дизайн), а некоторые размещают кнопку на отдельной странице (не каждый гость пожелает полезть на следующую страницу, только чтобы код получить). Опишу способ, где кнопка, в стандарте, видна как изображение, а кто захочет, сможет, не переходя по страницам, получить код.

Скрипты - Школа Монстров - всё лучшее из уголков всемирной паутины интернета. Видео, приколы, игры, программы, веб-дизайн, уроки, новости, статьи и многое другое...

 

Этот способ обладает следующими преимуществами:

1.Кнопка не портит дизайн сайта;
2.Метод кроссбраузерный;
3.Код кнопки виден только по желанию пользователя;
4.Если у пользователя отключен запуск JavaScript, то на странице будет видна и кнопка и ее код;
5.Код валидный для стандарта W3C.

Для реализации воспользуемся поддержкой браузером DHTML, стилей и JavaScript.

Сам код:

 

<div style=«text-align:center;»>
<a href=«Путь_к_вашему_сайту»><img src=«Путь_к_вашей_кнопке» width=«88» height=«31» alt=«Подпись_к_вашей_кнопке» border=«0»></a><br>
<noscript><div>Код кнопки размером 88x31 для вставки на Ваш сайт:</div></noscript>
<div id=«idGetButtonMess» style=«display:none;cursor:hand;» onclick=«if(document.getElementById('idGetButton').style.display=='none') document.getElementById('idGetButton').style.display='block'; else document.getElementById('idGetButton').style.display='none';»>Получить код кнопки</div>
<div id=«idGetButton» style=«display:block;»>
<textarea onclick=«this.focus(); this.select();» rows=«8» cols=«20» readonly>
<a href=«Путь_к_вашему_сайту»> <img src=«Путь_к_вашей_кнопке» width=«88» height=«31» alt=«Подпись_к_вашей_кнопке» border=«0»> </a>
</textarea>
</div>
<script type=«text/javascript»><!--
document.getElementById('idGetButton').style.display='none';
document.getElementById('idGetButtonMess').style.display='block';
--></script>
</div>

 

Остается чуть поменять код и установить его на сайт. Меняем то, что выделено в коде цветом:
Путь_к_вашему_сайту — скажем, 10guf.mypage.ru/;
Путь_к_вашей_кнопке — тут путь к Вашей кнопке;
Подпись_к_вашей_кнопке — подпись к кнопке, в стандарте, краткое описание ресурса.

Код можно изменить на Ваш вкус и цвет. Цветовых схем в коде не использовано, поэтому код можно использовать в чистом виде.

Комментариев: 0

Скрипт часов на ваш блог

Предлагаю разместить на сайте простейшие часы, которые отсчитывают системное время на компьютере в онлайн режиме. Для работы этого скрипта не нужны дополнительные плагины и модули. Достаточно рабочего JavaScript в браузере.

 

Скрипты - Школа Монстров - всё лучшее из уголков всемирной паутины интернета. Видео, приколы, игры, программы, веб-дизайн, уроки, новости, статьи и многое другое...


Внешний вид часов можете настраивать на полное свое усмотрение. Для этого достаточно поменять стиль отображения блока с ID = idspclock1. Вы можете поменять выравнивание, размер и начаертание шрифта, поменять сам шрифт.

Весь код состоит из одного листинга, который нужно разместить на вашем блоге. Для установки этих часов на сайт, разместите следующий код в том месте, где хотите увидеть часы:

Code:

<div id=«idspclock1» style=«text-align:center;»><noscript>Тут размещены часики от <a href=«szenprogs.ru/blog/prostejshie_chasy_na_sajt/2011-03-09-94» target="_blank" title=«Часики, скрипт часы, часы на сайт»>SzenProgs.ru</a>. Чтобы увидеть их включите выполнение JavaScript в браузере.</noscript></div>
<script type=«text/javascript»>
// Создатель: SzenProgs.ru
// Название: Скрипт простейших часов на JavaScript
// Страница скрипта: szenprogs.ru/blog/prostejshie_chasy_na_sajt/2011-03-09-94
// <!--
$spclock1={
tmr: 0,
dubnums: function(i){
if(i.length==1) return '0'+i; else return i;
},

gettime: function(){
tm=new Date();
var h=new String(tm.getHours());
var m=new String(tm.getMinutes());
var s=new String(tm.getSeconds());
var st=this.dubnums(h);
st+=':'+this.dubnums(m);
st+=':'+this.dubnums(s);
return st;
},

timeit: function(){
window.clearTimeout(this.tmr);
document.getElementById('idspclock1').innerHTML=this.gettime();
this.tmr=window.setTimeout('$spclock1.timeit();',1000);
},

ready: function(){
this.timeit();
}
}

$spclock1.ready();
// -->
</script>

Никаких дополнительных настроек и параметров, кроме стилевого оформления, скрипту часов не нужно. Он начнет работать сразу, после установки кода на сайт.

Комментариев: 0
Скрипты - Школа Монстров - всё лучшее из уголков всемирной паутины интернета. Видео, приколы, игры, программы, веб-дизайн, уроки, новости, статьи и многое другое...