У нас можно разместить свои статьи бесплатно!

Заказать раскрутку сайта
Главная Регистрация Вход

Поиск

Форма входа

Добавить стьтью

На наш сайт любой пользователь может добавить свою статью или новость. Это может быть рассказ или реклама вашей компании. Главное требование - она должна быть оригинальной а не скопированной!
Добавить статью
Добавить новость
Добавить свое объявление
Добавить сайт
Все добавленные материалы проходят модерацию!

Календарь

«  Март 2014  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31

Архив записей

Добавить новости

Вы можете добавлять свои материалы на сайтах:
  • Русские Новости
  • Сайты новостей
  • Сайты новостей
  • Новости Интернета
  • Льготные лекарства
    • Новые программы и игры:
  • Скачать все бесплатно
  • Программы Музыка Игры
  • Программы Музыка
  • Новинки софта
  • программы с ключами
  • Сборники флеш игр
  • Заставки рабочий стол
  • обои для рабочего стола
  • скрипты для ucoz
    • скачать MP3
  • mp3 новинки 2014 года
  • Григорий Лепс
  • Таисия Повалий
  • Ани Лорак скачать
  • Стас Михайлов mp3
  • Народный хит парад
    • фото и анимация
  • Картинки Анимация
  • GIF Гиф приколы
  • Прикольные фото
  • Эротическая анимация
  • Фото модели азиатки
  • Красивые девушки
  • Картины Boris Vallejo
  • Каталог фиалок
    • Доски объявлений
  • Доски объявлений
    • Главная » 2014 » Март » 12 » 111
    15:46
    111

    Слайдер для сайтов ucoz



    #content {
    width:600px;
    margin:0px;
    }
    .slider {
    float:left;
    width:600px;
    height:350px;
    position:relative;
    padding-bottom:26px;
    background:url(http://delaisait.ucoz.ru/img/1/1/dsslider/bottom_shadow.png) no-repeat bottom

    center;
    }
    .sliderContent {
    float:left;
    width:600px;
    height:350px;
    clear:both;
    position:relative;
    overflow:hidden;
    }
    .sliderArrows a {
    display:block;
    text-indent:-9999px;
    outline:none;
    z-index:50;
    background-image:url(http://delaisait.ucoz.ru/img/1/1/dsslider/prev_next.png);
    width:42px;
    height:42px;
    position:absolute;
    top:50%;
    margin-top:-34px;
    }
    .prev {
    background-position:0 0;
    left:15px;
    }
    .prev:hover {
    background-position:0 -44px;
    }
    .next {
    right:15px;
    background-position:-44px 0;
    }
    .next:hover {
    background-position:-44px -44px;
    }
    .sliderContent .item {
    position:absolute;
    width:600px;
    height:350px;
    background:#fff;
    }
    .sliderBullets {
    position:absolute;
    bottom:0;
    left:50%;
    z-index:50;
    margin-left:-45px;
    }
    .sliderBullets a {
    display:block;
    float:left;
    text-indent:-9999px;
    outline:none;
    margin-left:5px;
    width:10px;
    height:11px;
    background:url(http://delaisait.ucoz.ru/img/1/1/dsslider/bullets.png) no-repeat;
    }
    .sliderBullets .active {
    background-position:0 -11px;
    }
    .sliderContent a {
    outline:none;
    }
    </style>
    </head>
    <body>
    <div class="slider dsslider">
    <div class="sliderContent">
    <div class="item">
    <img src="http://delaisait.ucoz.ru/img/1/1/dsslider/1.jpg" alt="" />
    </div>
    <div class="item">
    <img src="http://delaisait.ucoz.ru/img/1/1/dsslider/2.jpg" alt="" />
    </div>
    <div class="item">
    <img src="http://delaisait.ucoz.ru/img/1/1/dsslider/3.jpg" alt="" />
    </div>
    <div class="item">
    <img src="http://delaisait.ucoz.ru/img/1/1/dsslider/4.jpg" alt="" />
    </div>
    <div class="item">
    <img src="http://delaisait.ucoz.ru/img/1/1/dsslider/5.jpg" alt="" />
    </div>
    <div class="item">
    <img src="http://delaisait.ucoz.ru/img/1/1/dsslider/6.jpg" alt="" />
    </div>
    </div>
    </div>
    <script type="text/javascript" src="http://s36.ucoz.net/src/jquery-1.7.2.js"></script>
    <script src="http://delaisait.ucoz.ru/js/jQuery/mobilyslider.js" type="text/javascript"></script>
    <script type="text/javascript">
    $('.dsslider').mobilyslider({
    transition: 'fade',
    animationSpeed: 800,
    autoplay: true,
    autoplaySpeed: 3000,
    pauseOnHover: true,
    bullets: true,
    arrowsHide: true
    });
    </script>

    Просмотров: 390 | Добавил: zorro | Теги: 111 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]