chỉnh hộ css

Thảo luận trong 'Reports & Fix Bug' bắt đầu bởi amocthong1, 20/11/14.

1votes
5/5, 1 vote

  1. amocthong1

    amocthong1 New Member

    Bài viết:
    19
    Likes :
    2
    cái code này không hiểu sao nó không hoạt động đc slide ảnh nó cứ đứng 1 chỗ
    ai biết giúp em với

    <xen:require css="slideshow_img.css" />
    <div id="SlideShowIMG">

    <fieldset id="slide">

    <a id="btnPlay" href="forum.php" title="Chơi ngay"></a>


    <div id="boxEvent">
    <ul id="img">

    <li style="opacity: 1;" class="ActiveBanner"><a href="#" target="_blank"><img width="333" height="200" src="styles/uniform/style/giangsinh293.jpg"></a></li>

    <li style="opacity: 1;" class="ActiveBanner"><a href="#" target="_blank"><img width="333" height="200" src="styles/uniform/style/293-1-8.jpg"></a></li>

    <li style="opacity: 1;" class="ActiveBanner"><a href="#" target="_blank"><img width="333" height="200" src="styles/uniform/style/293-1-9.jpg"></a></li>

    <li style="opacity: 1;" class="ActiveBanner"><a href="#" target="_blank"><img width="333" height="200" src="styles/uniform/style/mynhan293-2.jpg"></a></li>

    <li style="opacity: 1;" class="ActiveBanner"><a href="#" target="_blank"><img width="333" height="200" src="styles/uniform/style/anhhung293.jpg"></a></li>





    <!-- images/styles/olong/style/temp/ -->
    </ul>

    <div id="imgControlBG">
    <ul id="imgControl">
    <li id="item1" class="ActiveBanner"><a>1</a></li>
    <li id="item2" class="ActiveBanner"><a>2</a></li>
    <li id="item3" class="ActiveBanner"><a>3</a></li>
    <li id="item4" class="ActiveBanner"><a>4</a></li>
    <li id="item5" class="ActiveBanner"><a>5</a></li>
    </ul>
    </div>
    </div>




    </div>
    <div class="above_body"> <!-- closing tag is in template navbar --></div>

    </div>
    </div>

    Css

    #SlideShowIMG
    {
    position: relative;
    zoom: 1;
    z-index: 52; /* higher than breadcrumb arrows */
    float: right;
    }

    .LoggedOut #SlideShowIMG{ top: 20px; }

    a#btnPlay {
    background:url(styles/uniform/style/btnPlay.png) no-repeat;
    display: block;
    height: 68px;
    right: 412px;
    position: absolute;
    top: 305px;
    width: 209px;
    }
    a#btnPlay:hover {
    background-position:0 -68px;
    }


    ul#dknt {
    right: 610px;
    position: absolute;
    top: 375px;
    }
    ul#dknt li {
    display: block;
    float: left;
    }
    ul#dknt li a {
    background:url(styles/uniform/style/dknt.png) no-repeat;
    height: 34px;
    display: block;
    float: left;
    text-indent:-9999px;
    }
    ul#dknt li a#napthe {
    background-position: 0 0;
    width: 107px;
    }
    ul#dknt li a#napthe:hover {
    background-position: 0 -34px;
    }
    ul#dknt li a#dangky {
    background-position: -107px 0;
    width: 107px;
    }
    ul#dknt li a#dangky:hover {
    background-position: -107px -34px;
    }

    #boxEvent {
    background:url(styles/uniform/style/bn.png) no-repeat;
    display: block;
    height: 200px;
    right: 47px;
    position: absolute;
    top: 43px;
    width: 333px;
    }

    #img {
    margin: 9px 0 0 7px;
    overflow: visible;
    z-index:5;
    }
    #img li {
    position:absolute;
    z-index:1;
    display:block;
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    }
    #img li.ActiveBanner {
    z-index:2;
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
    }

    #img li img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
    }

    #imgControlBG {
    background: url("styles/uniform/style/bgbtn.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    height: 34px;
    width: 122px;
    bottom: 00px;
    right: 7px;
    z-index: 10;
    }

    #imgControl {
    display: block;
    text-align: right;
    z-index: 9999;
    float: right;
    }
    #imgControl li {
    float: left;
    height: 20px;
    list-style: none outside none;
    margin-right: 3px;
    width: 20px;
    z-index: 10;
    text-align:center;
    font-size:11px;
    line-height:18px;
    margin-top:14px;
    }
    #imgControl li a {
    display: block;
    height: 20px;
    overflow: hidden;
    width: 20px;
    z-index: 10;
    font-weight:bold;
    line-height:20px;
    }
    #imgControl #item1 a, #imgControl #item4 a, #imgControl #item5 a, #imgControl #item3 a, #imgControl #item2 a {
    color:#FFF;
    }
    #imgControl #item1.ActiveBanner a, #imgControl #item4.ActiveBanner a, #imgControl #item5.ActiveBanner a, #imgControl #item3.ActiveBanner a, #imgControl #item2.ActiveBanner a {
    background:#430000;
    color:#FFF;

    }
     
    Đang tải...
  2. amocthong1

    amocthong1 New Member

    Bài viết:
    19
    Likes :
    2
    bác nào xem giúp sai chổ nào vậy :((
     
  3. zoom360

    zoom360 Member

    Bài viết:
    392
    Likes :
    113
    Hiệu ứng khi hover hay ảnh tự chuyển động. Nhìn sơ code thấy thiếu js làm sao nó chạy. Bạn muốn nó chạy sao đưa demo mình giúp cho.
     
    amocthong1 thích bài này.
  4. amocthong1

    amocthong1 New Member

    Bài viết:
    19
    Likes :
    2
    Last edited: 21/11/14
  5. amocthong1

    amocthong1 New Member

    Bài viết:
    19
    Likes :
    2
    help my :)
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...