1. Chào mừng Khách tham gia cộng đồng Android Việt Nam

topbigslide

Slide dịch vụ xenforo giống CNAZ (đẹp)

tạo slide bên sidebar cho xenforo đẹp good

  1. King
    resource_field_Compatible:
    theo yêu cầu của @tmcodon mình share cái này cho mọi người dùng nhé. nó đơn giản là html thôi. bác nào thích thì nhét nó vào widget framework cũng dc
    Demo
    [​IMG]
    cách dùng
    tạo 1 template với tên dichvu với nội dung

    Tạo 1 widget như hình sau
    [​IMG]
    chèn vào chỗ cần thôi
    <div id="doc">
      <
    div id="content">

    <!-- 
    slideshop -->

        <
    div class="blueberry">
          <
    ul class="slides">
            <
    li>
            <
    img src="http://marktyrrell.com/labs/blueberry/img/slide1.jpg" />
            <
    div><a href="#" class="titleshop">Xenforo Trọn gói</a></div>
            <
    div><a href="#" class="webshop">Congngheaz.com</a></div>
            <
    div class="gioithieushop">
                   
    Hiện tại chúng tôi có nhận triển khai các hệ thống xenforo vừa và nhỏ cho các quý khách có nhu cầu tạo lập diễn đàn xenforo
            
    </div>
            </
    li>
          
             <
    li>
            <
    img src="http://marktyrrell.com/labs/blueberry/img/slide2.jpg" />
            <
    div><a href="#" class="titleshop">Dịch vụ Style Addon</a></div>
            <
    div><a href="#" class="webshop">Congngheaz.com</a></div>
            <
    div class="gioithieushop">
                   
    Chúng tôi nhận làm giao diện theo yêu cầu của bạn một cách nhanh chóng và giá thành hợp lý nhất thị trườngNếu bạn có 1 ý tưởng mới cho forum mà bạn cần áp dụngHãy liên hệ với tôi.
            </
    div>
            </
    li>
          
            <
    li>
            <
    img src="http://marktyrrell.com/labs/blueberry/img/slide3.jpg" />
            <
    div><a href="#" class="titleshop">Dịch vụ Website các loại</a></div>
            <
    div><a href="#" class="webshop">Congngheaz.com</a></div>
            <
    div class="gioithieushop">
                   
    Với kinh nghiệm triển khai các hệ thống website với hàng trăm khách hàng đã hợp tácchúng tôi sẽ mang tới cho bạn 1 website thân thiện và hữu ích nhất.
            </
    div>
            </
    li>     
        
          </
    ul>
        </
    div>

    <!-- 
    slideshop -->

      </
    div>
    </
    div>

    <
    style>

    .
    blueberry margin0 auto; }
    .
    blueberry .slides {
        
    displayblock;
        
    positionrelative;
        
    overflowhidden;
        
    height325px!important;
    }
    .
    blueberry .slides li {
        
    positionabsolute;
        
    top0;
        
    left0;
        
    overflowhidden;
    }
    .
    blueberry .slides li img {
        
    displayblock;
        
    width100%;
        
    max-widthnone;
    }
    .
    blueberry .slides li.active displayblockpositionrelative; }
    .
    blueberry .crop li img widthauto; }

    .
    blueberry .pager {
        
    height40px;
        
    text-aligncenter;
    }
    .
    blueberry .pager li displayinline-block; }
    .
    blueberry .pager li a,
    .
    blueberry .pager li a span {
        
    displayblock;
        
    height4px;
        
    width4px;
    }
    .
    blueberry .pager li a {
        
    padding18px 8px;
    -
    webkit-border-radius6px;
       -
    moz-border-radius6px;
        
    border-radius6px;
    }
    .
    blueberry .pager li a span {
        
    overflowhidden;
        
    background#c0c0c0;
        
    text-indent: -9999px;
    -
    webkit-border-radius2px;
       -
    moz-border-radius2px;
        
    border-radius2px;
    }
    .
    blueberry .pager li.active a span background#404040; }

    .gioithieushop
    {
    font-size16px;
    color#02233a;
    line-height25px;
    text-alignjustify;
    }

    .
    titleshop
    {
    font-size16px;
    color#02233a;
    font-weightbold;
    line-height25px;
    }

    .
    webshop
    {
    font-size14px;
    color#02233a;
    line-height25px;
    }

    </
    style>


    <
    script src="http://congngheaz.com/js/dichvu/jquery.blueberry.js"></script>

    <script>
    $(window).load(function() {
        $('.blueberry').blueberry();
    });
    </script>

Bạn đang xem Zing.vn Mobile trên màn hình máy tính hoặc thiết bị trình chiếu mà giao diện này không hỗ trợ.

Chuyển về giao diện đầy đủ