[BBcode] menu đa cấp-dễ làm
Change background image
Ganh Hao Teen9x-Club Teen9x

GanhHao kết nối trái tim Teen:-x => https://ganhhaoteen.forum.st

[BBcode] menu đa cấp-dễ làm Fb1

You are not connected. Please login or register

Ganh Hao Teen9x-Club Teen9x » THU THUẬT » ۰۪۪۫۫●۪۫۰ Thu Thuật Hnsv ۰۪۪۫۫●۪۫۰ » ●Bbcode trang trí● » [BBcode] menu đa cấp-dễ làm

Go downThông điệp [Trang 1 trong tổng số 1 trang]

Mon Apr 09, 2012 5:47 pm
Mon Apr 09, 2012 5:47 pm
linh
linh
Admin
Posts : 349
Sinh Nhật : 10/10/1995
Tham Gia : 26/12/2011
Đến từ : ganhhao
Giới tính : Nam
Tuổi : 28
Points : 70528
thanked : 19
STT *: : [BBcode] menu đa cấp-dễ làm Scared10
Posts : 349
Sinh Nhật : 10/10/1995
Tham Gia : 26/12/2011
Đến từ : ganhhao
Giới tính : Nam
Tuổi : 28
Points : 70528
thanked : 19
STT *: : [BBcode] menu đa cấp-dễ làm Scared10
Tiêu Đề: [BBcode] menu đa cấp-dễ làm
-------------------------------------------------------------------------

[BBcode] menu đa cấp-dễ làm Thtx_010 [BBcode] menu đa cấp-dễ làm Thtx_012
mình ngồi làm đuọc cái mennu chia sẽ cho anh em xài, ai thích thì xài coi như ủng hộ mình nha! Cool

bbcode:

Code:
[menu][/menu]


2-mã html

Code:
<style type="text/css">
<!--
#mennu{ width:750px; height:40px auto; border:0px solid #900; margin:0 auto}

#mennu ul{ list-style:none;}

#mennu ul#thucdon{ float:left; width: 700px; position:relative; font-size:14px; height:40px; background: url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223007_mn40.jpg); background-repeat:repeat-x; margin:0 auto;-moz-border-radius:5px 5px 0px 0px;-khtml-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px}

#mennu ul#thucdon li{ display:inline; float:left; height:40px; padding:0px; border-right: 1px solid #F93;}

#mennu ul#thucdon li a{ padding:10px 15px; display:block; text-decoration:none; color:#FFF;text-shadow: 0px 0px 6px rgb(249, 199, 162), 0px 0px 5px rgb(255, 0, 0), 0px 0px 5px rgb(249, 199, 162);}

#mennu ul#thucdon li a:hover{display:inline; text-decoration:blink; background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223147_thcontrotraitim.gif)}

#mennu ul#thucdon li:hover{ background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223046_xanh40.jpg); background-repeat:repeat-x; height:40px; float:left;-moz-border-radius:8px 8px 0px 0px;-khtml-border-radius:8px 8px 0px 0px; -webkit-border-radius:8px 8px 0px 0px }

#mennu ul#thucdon li ul.thucdoncon{ float:left; height:40px; line-height:20px; padding:0px; position:absolute; left:0px; top:40px; display:none; width:740px; background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223046_xanh40.jpg); color:#FFF; -moz-border-radius:0px 0px 5px 5px; -khtml-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px}

#mennu ul#thucdon li ul.thucdoncon li{border:none;}

#mennu ul#thucdon li:hover ul{display:block}

#mennu ul#thucdon li ul a{ display:inherit; color:#3F0; text-shadow: 0px 0px 6px rgb(249, 199, 162), 0px 0px 5px rgb(255, 0, 0), 0px 0px 5px rgb(249, 199, 162);}

#mennu ul#thucdon li ul a:hover{ text-decoration:blink;background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223147_thcontrotraitim.gif) }

#mennu ul#thucdon li ul li:hover{background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223007_mn40.jpg);-moz-border-radius:0px 8px 0px 8px; -khtml-border-radius:0x 8px 0px 8px; -webkit-border-radius:0x 8px 0px 8px;}


#mennu{ width:750px; height:40px auto; border:0px solid #900; margin:0 auto}

#mennu ul{ list-style:none;}

#mennu ul#thucdon{ float:left; width: 700px; position:relative; font-size:14px; height:40px; background: url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223007_mn40.jpg); background-repeat:repeat-x; margin:0 auto;-moz-border-radius:5px 5px 0px 0px;-khtml-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px}

#mennu ul#thucdon li{ display:inline; float:left; height:40px; padding:0px; border-right: 1px solid #F93;}

#mennu ul#thucdon li a{ padding:10px 15px; display:block; text-decoration:none; color:#FFF;text-shadow: 0px 0px 6px rgb(249, 199, 162), 0px 0px 5px rgb(255, 0, 0), 0px 0px 5px rgb(249, 199, 162);}

#mennu ul#thucdon li a:hover{display:inline; text-decoration:blink; background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223147_thcontrotraitim.gif)}

#mennu ul#thucdon li:hover{ background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223046_xanh40.jpg); background-repeat:repeat-x; height:40px; float:left;-moz-border-radius:8px 8px 0px 0px;-khtml-border-radius:8px 8px 0px 0px; -webkit-border-radius:8px 8px 0px 0px }

#mennu ul#thucdon li ul.thucdoncon{ float:left; height:40px; line-height:20px; padding:0px; position:absolute; left:-21px; top:40px; display:none; width:740px; background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223046_xanh40.jpg); color:#FFF; -moz-border-radius:0px 0px 5px 5px; -khtml-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px}

#mennu ul#thucdon li ul.thucdoncon li{border:none;}

#mennu ul#thucdon li:hover ul{display:block}

#mennu ul#thucdon li ul a{ display:inherit; color:#3F0; text-shadow: 0px 0px 6px rgb(249, 199, 162), 0px 0px 5px rgb(255, 0, 0), 0px 0px 5px rgb(249, 199, 162);}

#mennu ul#thucdon li ul a:hover{ text-decoration:blink;background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223147_thcontrotraitim.gif) }

#mennu ul#thucdon li ul li:hover{background:url(http://farm3.anhso.net/upload/20111103/22/o/anhso-223007_mn40.jpg);-moz-border-radius:0px 8px 0px 8px; -khtml-border-radius:0x 8px 0px 8px; -webkit-border-radius:0x 8px 0px 8px;}
-->
</style>
<div id="mennu">
        <ul id="thucdon">
          <li><a href="index.html" target="_parent">Trang Chủ</a></li>
            <li class="thucdoncon"><a href="#">Liên Kết</a>
              <ul class="thucdoncon">
                  <li><a href="#" target="_blank">Lê Thanh Nguyên</a></li>
                    <li><a href="#" target="_blank">Võ Thị Hồng Huệ</a></li>
                    <li><a href="#" target="_blank">Nguyễn Phú Quý</a></li>
                    <li><a href="#" target="_blank">Lê Hồng Thuận</a></li>
                    <li><a href="#" target="_blank">Lê Xuân Thái</a></li>
                    <li><a href="#" target="_blank">Lê Quang Hui</a></li>
                </ul>
      </li>
            <!--end-->
            <li class="thucdoncon"><a href="#">Giải Trí</a>
              <ul class="thucdoncon">
                  <li><a href="#" target="_blank">Music</a></li>
                    <li><a href="#" target="_blank">Game</a></li>
                </ul>
            </li>
            <!--end-->
            <li class="thucdoncon"><a href="#">Tin Tức</a>
              <ul class="thucdoncon">
                  <li><a href="http://tuoitre.vn" target="_blank">Tuổi Trẻ</a></li>
                    <li><a href="http://dantri.com.vn" target="_blank">Dân Trí</a></li>
                    <li><a href="http://sggp.org.vn/" target="_blank">Sài Gòn</a></li>
                  <li><ahref="http://iuvip.com" target="_blank">IuVip</a></li>
                </ul>
            </li>
          <li><a href="#">Hình Ảnh</a></li>
          <li class="thucdoncon"><a href="#">Thủ Thuật</a>
              <ul class="thucdoncon">
                  <li><a href="#" target="_blank">Yahoo</a></li>
                    <li><a href="#" target="_blank">Web</a></li>
                    <li><a href="#" target="_blank">Win</a></li>
                  <li><a href="#" target="_blank">Khác</a></li>
                </ul>
          </li>
            <li><a href="#" target="_blank">Chát Box</a></li>
            <li><a href="#" target="_blank">Liên Hệ</a></li>
        </ul>
  </div>



3-bạn tự chỉnh sữa tên chuyên mục và đường dẩn lại cho phù hợp với nhu cầu nha các bạn chỉnh trong phần này


Code:
<div id="mennu">
        <ul id="thucdon">
          <li><a href="index.html" target="_parent">Trang Chủ</a></li>
            <li class="thucdoncon"><a href="#">Liên Kết</a>
              <ul class="thucdoncon">
                  <li><a href="#" target="_blank">Lê Thanh Nguyên</a></li>
                    <li><a href="#" target="_blank">Võ Thị Hồng Huệ</a></li>
                    <li><a href="#" target="_blank">Nguyễn Phú Quý</a></li>
                    <li><a href="#" target="_blank">Lê Hồng Thuận</a></li>
                    <li><a href="#" target="_blank">Lê Xuân Thái</a></li>
                    <li><a href="#" target="_blank">Lê Quang Hui</a></li>
                </ul>
      </li>
            <!--end-->
            <li class="thucdoncon"><a href="#">Giải Trí</a>
              <ul class="thucdoncon">
                  <li><a href="#" target="_blank">Music</a></li>
                    <li><a href="#" target="_blank">Game</a></li>
                </ul>
            </li>
            <!--end-->
            <li class="thucdoncon"><a href="#">Tin Tức</a>
              <ul class="thucdoncon">
                  <li><a href="http://tuoitre.vn" target="_blank">Tuổi Trẻ</a></li>
                    <li><a href="http://dantri.com.vn" target="_blank">Dân Trí</a></li>
                    <li><a href="http://sggp.org.vn/" target="_blank">Sài Gòn</a></li>
                  <li><a href="http://iuvip.com" target="_blank">IuVip</a></li>
                </ul>
            </li>
          <li><a href="#">Hình Ảnh</a></li>
          <li class="thucdoncon"><a href="#">Thủ Thuật</a>
              <ul class="thucdoncon">
                  <li><a href="#" target="_blank">Yahoo</a></li>
                    <li><a href="#" target="_blank">Web</a></li>
                    <li><a href="#" target="_blank">Win</a></li>
                  <li><a href="#" target="_blank">Khác</a></li>
                </ul>
          </li>
            <li><a href="#" target="_blank">Chát Box</a></li>
            <li><a href="#" target="_blank">Liên Hệ</a></li>
        </ul>
  </div>



4-sau đó bạn dán vào mod thông báo hoặc đâu tùi bạn:


Code:
[menu][/menu]




Thử code hiển thị xin click vào đây
[BBcode] menu đa cấp-dễ làm Thtx_015 [BBcode] menu đa cấp-dễ làm Thtx_017
https://ganhhaoteen.forum.st

Thích

Báo xấu [0]

Gửi một bình luận lên tường nhà linh

Về Đầu TrangThông điệp [Trang 1 trong tổng số 1 trang]

« Xem bài trước | Xem bài kế tiếp »

Ganh Hao Teen9x-Club Teen9x » THU THUẬT » ۰۪۪۫۫●۪۫۰ Thu Thuật Hnsv ۰۪۪۫۫●۪۫۰ » ●Bbcode trang trí● »[BBcode] menu đa cấp-dễ làm

Bài viết liên quan

    Quyền hạn của bạn:

    Bạn không có quyền trả lời bài viết