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

Время жизни сайта

<div style='text-align: center'> 

<SCRIPT language=JavaScript> 

d0 = newDate('здесь указать месяц(на английском) число и год'); 

d1 = new Date(); 

dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); 

document.write('Этому сайту <B><SPAN style="COLOR: #ff0000">' + Math.round(dt) + '</SPAN></B>-й день.'); 

</SCRIPT> 

 

</center>

Спойлер для сайта

<div class="spoil">

<div class="smallfont"><input type="button"value="Нажмите что бы открыть или закрыть спойлер"class="input-button"onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Текст спойлера'; }"/>

</div>

<div class="alt2">

<div style="display: none;">

Текст внутри спойлера

</div>

</div>

 

</div>

Еще один спойлер

<center><div "spoil"><input type="button" value=" здесь подпись спойлера"input-button" onclick= "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Развернуть'; }" /> </div>

 <div "alt2"> <div style="display: none;"> текст внутри спойлера... </div> </div></div></center>              

Кнопки социальных сетей

<center>

    <script type="text/javascript">

//<![CDATA[

    (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 class="pluso" data-background="#52cc28" data-options="small,square,multiline,horizontal,counter,theme=04" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print"

    data-url="http://www.prograham.jimdo.com" data-title="скачать радиолюбительские программы">

    </div>

</center>  

Поиск схем и документации

<center>

    <form action="http://www.cqham.ru/cgi-bin/rs/search.pl" method="get">

        <table border="1" cellspacing="0" bgcolor="#D7E8E8" width="183" height="72" cellpadding="3" style="border-collapse: collapse" bordercolor="#C0C0C0">

            <tbody>

                <tr>

                    <td valign="top" width="80" height="70">

                        <div align="center">

                            <font face="MS Sans Serif" size="1"><input type="hidden" value="0" name="stpos" />Поиск схем и<br />

                            документации<br />

                            в Интернете:<br />

                            <input size="8" name="q" /></font> <input type="hidden" name="stype" value="AND" /> <input type="hidden" name="s" value="N" /> <input type="submit" value="Найти!" style=

                            "font-family: Tahoma; font-size: 8pt" /><br />

                            <a href="http://www.cqham.ru"><font face="MS Sans Serif" size="1">www.cqham.ru</font></a>

                        </div>

                    </td>

                </tr>

            </tbody>

        </table>

    </form>

</center>          

Тест скорости интернета

<center>

    <!-- Начало кода / Изменять код нерекомендуется -->

 

    <form>

        <input type="button" onclick="window.open('http://speed-tester.info/webtest/speedstart.htm','Speedtest','width=670,height=460,toolbar=no,status=no,menubar=no,resizable=yes')" rel="njfjllow"

        value="Тест скорости" style="cursor:pointer;border: thin #333333 solid;border:1px solid maroon;style=font-family: Franklin Gothic Medium, Tahoma, Arial;font-size: 9pt;" />

        <!-- Конец кода / Измнять код нерекомендуется -->

    </form>

</center>

Расписание транспорта

<iframe frameborder="0" style=

"-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); width: 190px; height: 240px; overflow: hidden; border: 0; *width: 201px;"

src="http://rasp.yandex.ru/widgets/search/vert/"></iframe> 

Погодный информер

<center>

    <div style="width:170px; height:130px;">

        <object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf" width="170" height="130">

            <param name="movie" value="http://swf.yowindow.com/yowidget3.swf" />

            <param name="allowfullscreen" value="true" />

            <param name="wmode" value="opaque" />

            <param name="bgcolor" value="#FFFFFF" />

            <param name="flashvars" value=

            "location_id=gn:709930&amp;location_name=%D0%94%D0%BD%D0%B5%D0%BF%D1%80%D0%BE%D0%BF%D0%B5%D1%82%D1%80%D0%BE%D0%B2%D1%81%D0%BA&amp;time_format=24&amp;unit_system=metric&amp;lang=ru&amp;background=#FFFFFF&amp;copyright_bar=false" />

            <a href="http://WeatherScreenSaver.com?client=widget&amp;link=copyright" style=

            "width:170px;height:130px;display: block;text-indent: -50000px;font-size: 0px;background:#DDF url(http://yowindow.com/img/logo.png) no-repeat scroll 50% 50%;">Погодный информер</a>

        </object>

    </div>

 

    <div style="width: 170px; height: 15px; font-size: 14px; font-family: Arial,Helvetica,sans-serif;">

        <span style="float:left;"><a target="_top" href="http://WeatherScreenSaver.com?client=widget&amp;link=copyright" style="color: #2fa900; font-weight:bold; text-decoration:none;" title=

        "Погодный информер">YoWindow.com</a></span> <span style="float:right; color:#888888;"><a href="http://yr.no" style="color: #2fa900; text-decoration:none;">yr.no</a></span>

    </div>

</center>  

Переводчик для сайта

<center>

    <div id="google_translate_element">

    </div>

    <script type="text/javascript">

//<![CDATA[

    function googleTranslateElementInit() {

    new google.translate.TranslateElement({pageLanguage: 'ru', includedLanguages: 'az,be,bg,cs,de,en,fr,hu,hy,iw,ka,kn,lt,lv,pl,ru,sk,uk', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');

    }

    //]]>

    </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">

</script>

</center>

Онлайн МКС

<iframe width="480" height="392" src="http://www.ustream.tv/embed/9408562?v=3&amp;wmode=direct" scrolling="no" frameborder="0" style="border: 0px none transparent;">    </iframe>

 

<br /><a href="http://www.ustream.tv" style="font-size: 12px; line-height: 20px; font-weight: normal; text-align: left;" target="_blank">Broadcast live streaming video on Ustream</a>

Бесплатные СМС

<script language="javascript" src="http://www.uaportal.com/cgi_bin/getblock.cgi?url=sms"></script>

Радио на сайт

<script type="text/javascript" src="http://naradio.net/informer/22"></script>

Погода от яндекса

<a href="http://clck.yandex.ru/redir/dtype=stred/pid=7/cid=1228/*http://pogoda.yandex.ru/dnipropetrovsk"><img src="http://info.weather.yandex.net/dnipropetrovsk/1.ru.png" border="0" alt=""/><img width="1" height="1" src="http://clck.yandex.ru/click/dtype=stred/pid=7/cid=1227/*http://img.yandex.ru/i/pix.gif" alt="" border="0"/></a>

Переводчик для сайта

<!-- Begin TranslateThis Button -->

 

<div id="translate-this"><a style="width:180px;height:18px;display:block;" class="translate-this-button" href="http://www.translatecompany.com/translate-this/">Translate This</a></div>

 

<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>

<script type="text/javascript">

TranslateThis();

</script>

 

<!-- End TranslateThis Button -->

 

Солнечная активность

 <span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><center> <a</span><span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><img src=http://www.hamqsl.com/solar101vhf.php></a> </center></span><IMG SRC = Http: //www.hamqsl.com/solar101vhf.php> </a> </ центр></span>  

Мини-чат для сайта

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="180" height="305" src="http://www2.cbox.ws/box/?boxid=2369665&amp;boxtag=v6ewjd&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain2-2369665" style="border:#ababab 1px solid;" id="cboxmain2-2369665"></iframe></div>

<div><iframe frameborder="0" width="180" height="75" src="http://www2.cbox.ws/box/?boxid=2369665&amp;boxtag=v6ewjd&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform2-2369665" style="border:#ababab 1px solid;border-top:0px" id="cboxform2-2369665"></iframe></div>

</div>

 

<!-- END CBOX -->

Это чат этого сайта. Cделайте клик по cbox и получите свой чат

Яндекс поиск

<div class="ya-site-form ya-site-form_inited_no" onclick=

"return {'action':'http://yandex.ru/sitesearch','arrow':true,'bg':'#ffcc00','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Поиск по сайту embedru.maintarget.ru','suggest':true,'target':'_self','tld':'ru','type':2,'searchid':2108073,'webopt':false,'websearch':false,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':null,'input_placeholderColor':'#000000','input_borderColor':'#7f9db9'}">

<form action="http://yandex.ru/sitesearch" method="get" target="_self">

        <input type="hidden" name="searchid" value="2108073" /><input type="hidden" name="l10n" value="ru" /><input type="hidden" name="reqenc" value="" /><input type="text" name="text" value=

        "" /><input type="submit" value="Найти" />

    </form>

</div>

<script type="text/javascript">

//<![CDATA[

(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');

//]]>

 

</script>

Точные SNTP часы для сайта

Часы в виде кнопки размером 88*31 пиксел. Показывают не системное время компьютера, а точное с точностью до 1 секунды.

<!-- time.in.ua -->

<table cellpadding="0" cellspacing="0" border="0"

style="display:inline;"><tr><td><div id="timeinua">

<div><a title="Сервер синхронизации времени по NTP"

href="http://time.in.ua/">точное время</a></div><div>

<script type="text/javascript"

  src="http://clock.time.in.ua/clock.js">

</script><br clear="all" /></div></div></td></tr></table>

<!--/ time.in.ua -->

Здесь можно проверить виджеты

Если Вам понравилась страница - поделитесь с друзьями:

Оставить комментарий

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