Вторник, 19.03.2024, 11:03
Приветствую Вас Гость | Регистрация | Вход

Oputinet

Меню сайта
Новое
О чем писать в блоге
Новый закон о блогерах
Конец рейтингу блогов
Зачем и как накрутить подписчиков в youtube?
Влияние социальных сетей при продвижении сайта
Мы приносим свои извинения, но доступ к запрашиваемому ресурсу ограничен(продолжение)
Еще наши Проекты
  • Лучшие документальные и позновательные фильмы
  • Этот прекрасный мир/
  • Блог фотолюбителя
  • Photostoc info
  • Мир искусства и фотографии
  • Форма входа

    Категории раздела
    Заработок в сети [4]
    Как сделать сайт или блог [12]
    Оптимизация сайта [27]
    Популярное
    Информер похожих материалов на uCoz
    Зачем и как накрутить подписчиков в youtube?
    Делаем сайт на платформе Jimdo
    Похожие статьи для Blogspot (Blogger)
    О чем писать в блоге
    Новый закон о блогерах
    Поиск
    Календарь
    «  Март 2014  »
    ПнВтСрЧтПтСбВс
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31
    Архив записей
    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Апдейты выдачи

    Блог

    Главная » 2014 » Март » 1 » Красивый слайдер для сайта юкоз
    14:48
    Красивый слайдер для сайта юкоз
    Красивый и рабочий слайдер для Юкоз.
    Копируем код и вставляем в нужное нам место.

    Код:
    <!-- Rip cлайдер ucoz-info V 2.0 by AID -->  
      </script><link type="text/css" rel="StyleSheet" href="http://joomla.ucoz.com/1/my.css">   
      <script type="text/javascript" src="http://joomla.ucoz.com/1/jquery-1.3.2.js"></script><style type="text/css">.UhideBlockL {display:none}</style>   
      <script type="text/javascript" src="http://joomla.ucoz.com/1/script_site.js"></script> </head>   

       <div class="hslider_full">   
       <div class="hslider">   
       <b class="hslider_prev"></b>   
       <b class="hslider_next"></b>   
       <div class="hslider_in" style="visibility: visible; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 2; left: 0px; width: 864px; ">   
       <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; list-style-type: none; z-index: 1; width: 4608px; left: -1296px; ">   

      <li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">   

      </a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="http://saminteresnoe.ucoz.ru/publ/samye_luchshie_foto/zhivotnye/krasochnye_fotografii_medvedej_v_dikoj_prirode/118-1-0-960?ljoq5g"> <img src="http://www.krasfun.ru/images/2013/1/d24ff_0_9efec_cc57c8de_orig.jpg" width="120" height="156" alt="Joomla.uCoz.Com">   

      </a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">   

      </a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">   

      </a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">   

      </a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">   

      </a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt=" Joomla.uCoz.Com">   

      </a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com">   

      </a> </li><li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 156px; "> <a href="ССЫЛКА"> <img src="ССЫЛКА НА КАРТИНКУ" width="120" height="156" alt="Joomla.uCoz.Com"> </a> </li></ul>   
       </div> </div>   
      <!-- Rip cлайдер ucoz-info V 2.0 by AID -->


    "ССЫЛКА"-ставим свою ссылку при которой будет совершаться переход при нажатии на картинку.

    "ССЫЛКА НА КАРТИНКУ"- ссылка на изображение которое будет отображаться в слайдере.
    Ниже пример рабочего слайдера



                      
         
                     
          
    Категория: Оптимизация сайта | Просмотров: 1092 | Добавил: vagan | Теги: оптимизация, сайт, Слайдер, юкоз | Рейтинг: 5.0/1

    Похожие материалы
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *: