[code] trang trí trung thu

    [code] trang trí trung thu

    Bài gửi  by AnhDauSai on Sun Aug 31, 2014 1:24 pm

    Dự là sắp đến trung thu nên mình share code trang trí trung thu để anh em sửa sang lại 4rum đẹp hơn để chơi trung thu

    Demo: VnGame đang dùng

    tìm trong head code
    Code:
    <a id="top" name="top" accesskey="t"></a>

    thay thành
    Code:

    <div id="cover-cloud">
      <div id="cloud"></div><div id="cloud2"></div><div id="cloud3"></div>
       </div>
      <div class="logo1"></div>
     <script src="http://shareallworld.googlecode.com/files/Jquery.spritely-0.1.js" type="text/javascript"></script>
      
         <script type='text/javascript'>(function($) {$(document).ready(function() {$('#cloud').pan({fps: 30, speed: 1, dir: 'right'}); $('#cloud2').pan({fps: 30, speed: 2, dir: 'right'}); $('#cloud3').pan({fps: 30, speed: 0.5, dir: 'right'}); });})(jQuery);</script>
    <a id="top" name="top" accesskey="t"></a>


    tìm tiếp
    Code:
    <div class="pun">

    thay thành:
    Code:
    <div class="pun">
    <div class="logo2"></div> <div class="logo3"></div>


    thêm vào css
    Code:
    #cover-cloud {
    width:100%;
    min-width:1074px;
    height:180px;
    position:absolute;
    z-index:100;
    left:0;
    top:10px;
    }

    #cloud2 {
    background:url(http://i.imgur.com/4kjtdZ2.png) repeat-x 0 0;
    position:absolute;
    width:100%;
    height:105px;
    z-index:300;
    }

    #cloud3 {
    background:url(http://i.imgur.com/mVPxOg4.png) repeat-x 0 0;
    position:absolute;
    width:100%;
    height:26px;
    z-index:400;
    }
    .logo1 {float:left;
    left:0px;
    top:0px;
      height:480px;
      width:400px;
      background: url(http://hocwp.net/demo/trungthu/wp-content/themes/sbtheme_trungthu/images/header-left.png);
    vertical-align: middle;
        position: absolute;
    }
    .logo2 {
    background: url(http://hocwp.net/demo/trungthu/wp-content/themes/sbtheme_trungthu/images/chi-hang.png);
    float: right;
    height: 500px;
        position: absolute;
    margin-left:765px;
    top: 87px;
    width: 349px;
    }
    .logo3 {
    background: url(http://i.imgur.com/ClXU85Y.png);
    float: right;
    height:100px;
        position: absolute;
    margin-left:300px;
    top: 150px;
    width: 500px;
    }
    body {
    background: #f3bb51;
    background-attachment: scroll;
    background-image: url(http://hocwp.net/demo/trungthu/wp-content/themes/sbtheme_trungthu/images/header-right.png);
    background-position: top;
    background-repeat: no-repeat;
    color: #333;
    font-family: 'Noto Sans',sans-serif;
    font-size: 13px;
    }

    Lưu ý: các bạn xóa css body của skin đi nhé


    đây là mình hướng dẫn chung chung vì kích thước và cấu trúc mỗi skin 1 khác nên các bạn chỉnh sửa css và thay đổi vị trí thẻ div cho phù hợp với skin.

    Copy vui lòng ghi nguồn: http://www.vngame.pro/
    AnhDauSai

    Bài gửi  by Death Gun on Sun Aug 31, 2014 1:36 pm

    like anh đẹp đó



    Khách viếng thăm Hãy cùng nhau ủng hộ và phát triển VnGame Bạn nhé,Bạn đã gửi 0 bài vào diễn đàn cố gằng phát huy nhé



    [You must be registered and logged in to see this link.]
    Death Gun

    Bài gửi  by thanh2014 on Sun Aug 31, 2014 2:04 pm

    hay
    thanh2014

    Bài gửi  by Juny Thoang on Sun Aug 31, 2014 2:09 pm

    Hay wa, cam ơn ad +1 nhé



    Diễn đàn Teen Việt online - Teenvi Nhật ký thành viên Teen Vi Lưu bút chuyện trường lớp Nhật ký box ra mắt - làm quen Nhịp cầu bè bạn - Ra mắt làm quen Chuyện trường lớp Trà chanh chém gió Teen vào đời Chia sẻ kỹ năng sống Nhật ký Teen online  Truyện tự sáng tác Games Clup 
    Juny Thoang

    Bài gửi  by Sponsored content