Показать сообщение отдельно
  #2 (permalink)  
Старый 17.08.2013, 15:11
Новичок на форуме
Отправить личное сообщение для madgeboy Посмотреть профиль Найти все сообщения от madgeboy
 
Регистрация: 17.08.2013
Сообщений: 7

вот что я вставляю в контент-блок (в дримвивере не работает тоже).
так в чем ошибка ?
[HTML]<link href="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/example.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://kbp.aerof/1/infrastructure/hotels/airport-hotel/font-awesome.min.css" />

  <style>
    body {
      -webkit-font-smoothing: antialiased;
      font: normal 15px/1.5 "Arial, sans-serif;
      color: #232525;
      padding-top:70px;
    }

    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
  </style>

  <style>
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 900px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 900px) {
      .container {
        width: 900px
      }
    }
  </style>

  <div class="container">
    <div id="slides">
     <a href="www.kbp.aero"><img src="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/aeroslide1.png" alt="picture1" /></a>
      <a href="www.kbp.aero"><img src="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/aeroslide2.png" alt="picture1" /></a>
      <a href="www.kbp.aero"><img src="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/aeroslide3.png" alt="picture1" /></a>
    </div>
  </div>

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://kbp.aero/f/1/infrastructure/hotels/airport-hotel/jquery.slides.min.js"></script>

  <script>
    $(function() {
      $('#slides').slidesjs({
        width: 900,
        height: 200,
        play: {
          active: true,
          auto: true,
          interval: 2000,
          swap: true
        }
      });
    });
  </script>

[/html]
Ответить с цитированием