Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

Code Menu đẹp :D

  • Please log in to post a topic
  • Êu Ngáo VL

    Êu Ngáo VL

    Group: Administrator

    Hiện đang:
    Bài viết : 1725
    Points : 7058
    Birthday : 08/11/2000
    Thanks : 3825

    Administrator
    Xem lý lịch thành viên http://www.cntt-k3.org/

    Administrator
    Bài viết thứ :1

    Đăng vào:on 5/10/2012, 09:29

    Administrator
    CSS
    Code:

    <style type="text/css">

    .shadowblockmenu{
    font-weight: bold;
    font-size: 85%;
    width: 100%;
    }

    .shadowblockmenu ul{
    border: 1px solid #BBB;
    border-width: 1px 0; /* Show only top and bottom border for main menu container */
    padding: 0;
    margin: 0;
    overflow: hidden;
    }

    .shadowblockmenu ul li{
    display: inline;
    margin:0;
    padding:0;
    }

    .shadowblockmenu ul li a{
    display:block;
    float:left;
    text-transform: uppercase;
    color: #494949;
    padding: 8px 15px 8px 9px;
    margin: 0;
    text-decoration: none;
    border-right: 1px solid #BBB; /*right border between menu items*/
    -moz-box-shadow: inset -7px 0 10px rgba(114,114,114, 0.4); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.4) specifies rgb values, last specifies opacity */
    -webkit-box-shadow: inset -7px 0 10px rgba(114,114,114, 0.4);
    box-shadow: inset -7px 0 10px rgba(114,114,114, 0.4);
    text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */
    -moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    }


    .shadowblockmenu li:nth-of-type(1) a{ /* Extra style for first menu link */
    border-left: 1px solid #BBB; /* add border to left side of first menu link */
    padding-left:25px;
    background: url(media/onebit_home.png) 1px center no-repeat; /* Add icon */
    }

    .shadowblockmenu li:nth-of-type(2) a{ /* Extra style for 2nd menu link */
    padding-left:25px;
    background: url(media/onebit_bulb.png) 1px center no-repeat; /* Add icon */
    }

    .shadowblockmenu ul li a:hover{
    color: black;
    -moz-box-shadow: inset -7px 0 10px rgba(60,162,221, 0.4), inset 0 0 12px rgba(60,162,221, 0.6); /* Add 2 inset shadows to each menu item  */
    -webkit-box-shadow: inset -7px 0 10px rgba(60,162,221, 0.4), inset 0 0 12px rgba(60,162,221, 0.6);
    box-shadow: inset -7px 0 10px rgba(60,162,221, 0.4), inset 0 0 12px rgba(60,162,221, 0.6);
    }

    </style>
    HTML :
    Code:
    <div class="shadowblockmenu">
    <ul>
    <li><a href="link">test</a></li>
    <li><a href="link">test</a></li>
    <li><a href="link">test</a></li>
    <li><a href="link">test</a></li>
    <li><a href="link/">test</a></li>
    </ul>
    </div>
    nếu còn nữa thì cho thêm :
    <li><a href="link/">tên</a></li> vào nhá
    demo nè
    [You must be registered and logged in to see this link.]
    hay thì like cho my nhá 1234

    #1 - Posted on 5/10/2012, 09:29
    Xem lý lịch thành viên http://www.cntt-k3.org/

    iloveyou19

    iloveyou19

    Group: Member

    Hiện đang:
    Bài viết : 69
    Points : 68
    Birthday : 02/03/1999
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :2

    Đăng vào:on 13/6/2013, 15:44

    Member
    hdsgua

    #2 - Posted on 13/6/2013, 15:44
    Xem lý lịch thành viên

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Create a forum on Forumotion | © PunBB | Free forum support | Liên hệ | Report an abuse | Create your own blog
    YOUR BANNER HERE
    728x90