• Выдержки из объявлений. Анекдоты.
  • Только смешные фото из жизни людей и других животных
  • Пульс от Мейл.ру. Проект ВК. Главный конкурент Яндекс.Дзена
  • Как писать заголовок
  • Новости начинающему · Новые сообщения · Участники · Правила форума · Поиск · RSS

    ex-hort.ru

     

    • Страница 1 из 2
    • 1
    • 2
    • »
    Модератор форума: Newly_made10  
    Форум » Людям с гордым именем - WEB мастера. » Скрипты, украшения, все для юзабилити сайта. » Скрипты и другие полезности. (новые, и не очень скрипты для сайта.)
    Скрипты и другие полезности.
    Newly_made10Дата: Четверг, 2010-02-18, 3:41:23 | Сообщение # 1
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline




    В процессе создания сайта, по мере накопления материала и опыта, приходится использовать различные скрипты. Одни упрощают работу посетителям, другие создают различные эффекты.
    Найдено в интернете. Доработано, проверено. Спасибо их авторам.


    Отличная бонусная программа для создателей контента
     
    Newly_made10Дата: Четверг, 2010-02-18, 4:11:55 | Сообщение # 2
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline




    Приспичило мне скрывать текст на странице, что бы не мозолил глаза при просмотре основной информации.

    Скрипт под спойлером.

    Показать спрятать текст.




    Отличная бонусная программа для создателей контента
     
    Newly_made10Дата: Четверг, 2010-02-18, 4:46:20 | Сообщение # 3
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline




    Скрипт печатающий в заголовке вкладки



    Отличная бонусная программа для создателей контента
     
    Newly_made10Дата: Среда, 2010-06-09, 12:25:09 | Сообщение # 4
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline




    Скрипт отсчёта времени.



    Отличная бонусная программа для создателей контента
     
    Newly_made10Дата: Четверг, 2010-10-21, 10:28:21 | Сообщение # 5
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline




    Шутка


    Отличная бонусная программа для создателей контента
     
    Newly_made10Дата: Четверг, 2013-01-17, 4:31:46 | Сообщение # 6
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline






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

    Предоставляю для всеобщего скачивания, абсолютно бесплатно архив из более 100 скриптов для наведения порядка на ваших сайтах.

    Скачиваем тут ссылка.
    Прикрепления: 0665508.jpg(2.8 Kb)


    Отличная бонусная программа для создателей контента
     
    Newly_made10Дата: Понедельник, 2013-02-04, 0:56:18 | Сообщение # 7
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline




    Код скрипта "случайный анекдот" для Вашего сайта.

    
    Код
    <!-- ANEKDOT START exhort.my1 -->   
    <div align="center"><div style="border: 1px #000 dashed; padding: 5px;   

    background: #FFFcd0; width: 70%" >   
    <div align="center"><span style="font-size: 12pt;">Случайный   

    анекдот</span>

        
    <img src="" >   
    <script language="javascript" type="text/javascript"   

    src="http://exhort.my1.ru/anekdot/anekdot_utf8.js"></script> </div>
    </div></div>
    <!-- ANEKDOT END exhort.my1 -->


    Сохраните у себя на сайте, там где вы хотите видеть случайный анекдот.


    Отличная бонусная программа для создателей контента
     
    Newly_made10Дата: Вторник, 2013-02-26, 4:30:00 | Сообщение # 8
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline




    Плавная смена блоков с эффектом затухания

    Рассмотрим пример установки плавной смены блоков с эффектом затухания без перезагрузки страницы. Блоки будут меняться в определенный промежуток времени, при смене они будут затухать или плавно проявляться

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

    За основу взят скрипт всем известного слайдера.

    Код
    (function ($) {  
    var hwSlideSpeed = 3000;  
    var hwTimeOut = 9000;  
    var hwNeedLinks = false;  

    $(document).ready(function(e) {  
           $('.slide').css(  
            {"position" : "static",  
             "top":'0', "left": '0'}).hide().eq(0).show();  
           var slideNum = 0;  
           var slideTime;  
           slideCount = $("#slider .slide").size();  
           var animSlide = function(arrow){  
            clearTimeout(slideTime);  
            $('.slide').eq(slideNum).fadeOut(hwSlideSpeed);  
            if(arrow == "next"){  
             if(slideNum == (slideCount-1)){slideNum=0;}  
             else{slideNum++}  
             }  
            else if(arrow == "prew")  
            {  
             if(slideNum == 0){slideNum=slideCount-1;}  
             else{slideNum-=1}  
            }  
            else{  
             slideNum = arrow;  
             }  
            $('.slide').eq(slideNum).fadeIn(hwSlideSpeed, rotator);  
            $(".control-slide.active").removeClass("active");  
            $('.control-slide').eq(slideNum).addClass('active');  
            }  
    if(hwNeedLinks){  
    var $linkArrow = $('<a id="prewbutton" href="#"><</a><a id="nextbutton" href="#">></a>')  
           .prependTo('#slider');        
           $('#nextbutton').click(function(){  
            animSlide("next");  
            return false;  
            })  
           $('#prewbutton').click(function(){  
            animSlide("prew");  
            return false;  
            })  
    }  
           var $adderSpan = '';  
           $('.slide').each(function(index) {  
             $adderSpan += '<span class = "control-slide">' + index + '</span>';  
            });  
           $(".control-slide:first").addClass("active");  
           $('.control-slide').click(function(){  
           var goToNum = parseFloat($(this).text());  
           animSlide(goToNum);  
           });  
           var pause = false;  
           var rotator = function(){  
             if(!pause){slideTime = setTimeout(function(){animSlide('next')}, hwTimeOut);}  
             }  
           $('#slider-wrap').hover(       
            function(){clearTimeout(slideTime); pause = true;},  
            function(){pause = false; rotator();  
            });  
           rotator();  
    });  
    })(jQuery);  



    Где вы можете изменить скорость автоматической смены блоков, изменив значение var hwTimeOut = 9000; выделенное красным - числовое значение скорости. Чем оно больше - тем медленнее скорость смены
    Если вам нужно вписать сменяющиеся блоки в правую или левую колонку сайта, то значение

    Код
    {"position" : "static",  
             "top":'0', "left": '0'}

    Стили


    Код
    #slider-wrap{  
           width:210px;  
           }  

    .slide{       
           width:100%;  
           height:100%;  
           }

    Где
    Код
    #slider-wrap{  
           width:210px;  
           }

    Это ширина блока, которая должна совпадать с шириной ваших блоков на сайте. Если например дать ширину более, чем ширина блока, то колонка где установлен блок будет шире остальных

    Код
    .slide{       
           width:100%;  
           height:100%;  
           }


    Это ширина и высота сменяющихся блоков. Лучше поставить по 100%

    Установка на сайт


    Код
    <div id="slider-wrap">  
    <div id="slider">  
           <div class="slide">тут располагаем первый блок с содержимым</div>  
    <div class="slide">тут располагаем второй блок с содержимым</div>  
    <div class="slide">тут располагаем третий блок с содержимым</div>  
           </div></div>

    Вместо блоков с содержимым можно прописать картинки, любые тексты и все что угодно .

    Полное подключение

    Код
    <script src="http://wmbonys.ru/ispitania/rottewr.js" type="text/javascript"></script>

    скрипт подключаем в любое место до закрывающего тега body
    (или берем содержимое скрипта и заливаем на сайт, подключаем с заменой адреса подгрузки скрипта со своего сайта)
    Код:

    Код
    #slider-wrap{  
           width:210px;  
           }  

    .slide{       
           width:100%;  
           height:100%;  
           }

    В любое место таблицы стилей CSS

    Код
    <div id="slider-wrap">  
    <div id="slider">  
           <div class="slide">тут располагаем первый блок с содержимым</div>  
    <div class="slide">тут располагаем второй блок с содержимым</div>  
    <div class="slide">тут располагаем третий блок с содержимым</div>  
           </div></div>

    В любое место, где нужно поставить сменяющиеся блоки


    Отличная бонусная программа для создателей контента
     
    Newly_made10Дата: Пятница, 2013-03-15, 11:37:45 | Сообщение # 9
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline




    Произошедшие обновления форума uCoz преподнесли новую функцию - функцию подписки на тему для пользователей и подписки на целый форум для администраторов сайта.
    Эта ссылка для подписки на темы и форумы представлена в виде ужасной формы с привычными для системы uCoz квадратными скобками.
    В принципе, при нажатии на эту ссылку должна произойти подписка на емэйл уведомления о новых ответах в тема и на форуме.

    По умолчанию ссылки выглядят не красиво и сливаются с фоном части таблицы, где они находятся.

    Вот так это смотрится на некоторых стандартных шаблонах:



    Довольно пессимистично, и в довесок с квадратными скобками.

    Чтобы отредактировать ссылку подписки на темы и форумы, распишем #subscribe

    Способ оформления ссылки подписки на форум и темы и удаления квадратных скобок

    В таблицу стилей в любое место вставьте следующий код:

    Код
    #subscribe   
            { background: #EFFCD);        
    margin: 0 auto;        
    padding: 2px ;   
    font-family: georgia, serif;        
    font-size: 10px;        
    text-align: center;   
    text-transform: lowercase; }


    Строка background это фон подложки под ссылку, он же сделает невидимыми квадратные скобки
    Код
    background: #EFFCD0;


    Строка font-family это это стиль шрифта, который вы можете заменить на свой.
    Код
    font-family: georgia, serif;


    Строка font-size это размер шрифта, который можно изменить.
    Код
    font-size: 10px;


    Строка text-align выравнивание текста ссылки по центру на подложке фона
    Код
    text-align: center;


    Строка преобразует все буквы текста в нижний регистр, можно изменить на none или на capitalize, чтобы первая буква ссылки стала заглавной.
    Код
    text-transform: lowercase;


    Получилось заметная и красивая ссылка для подписки на форум или тему.



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


    Отличная бонусная программа для создателей контента
     
    Newly_made10Дата: Четверг, 2017-11-23, 1:01:24 | Сообщение # 10
    аватар Newly_made10
    Группа: Администраторы
    Сообщений: 963
    Награды: 9
    Статус: Offline




    Показать выпадающее окно, текст, фотографию,

    Код
    <a onclick="$('#one').slideToggle('slow');" href="javascript://">Показать/спрятать QR код </a>

    <div id="one" style="display: none;">
    <p> </p> <p> </p>
    <h2>QR код страницы об окончательном удалении файлов.</h2>

    <img src="https://ex-hort.ru/qr_kod/unichtozhenie_udalennykh_dannykh_s_ljubogo_ustrojs.png" border="0" alt="" /></div>
    <br clear="all">



    ПРИМЕР

    Показать/спрятать QR код



    Отличная бонусная программа для создателей контента
     
    Форум » Людям с гордым именем - WEB мастера. » Скрипты, украшения, все для юзабилити сайта. » Скрипты и другие полезности. (новые, и не очень скрипты для сайта.)
    • Страница 1 из 2
    • 1
    • 2
    • »
    Поиск: