๖ۣۜDiễn ๖๖ۣۜĐàn ๖ۣۜGiiới ๖๖ۣۜTrẻ
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
๖ۣۜDiễn ๖๖ۣۜĐàn ๖ۣۜGiiới ๖๖ۣۜTrẻ


 
Trang ChínhTrang Chính  Tìm kiếmTìm kiếm  Latest imagesLatest images  Đăng kýĐăng ký  Đăng Nhập  
Chung tay quảng cáo Forum nhận ngay Icon đẹp!Liên hệ với Admin để nhận Icon trước nick cực đẹp!
nuhoangaicap (884)
langtuno113 (768)
Mr.Tâm (655)
hungvuong1112 (630)
thienlongbatbo (455)
mylove12 (391)
thienlong (328)
hikaru89 (316)
votinh123 (309)
sybeo789 (280)
Trả lờiTổng hợp tin tức Mobifone nè - 331 Trả lời
Trả lờiHCM-4k-Cờ tỷ phú-Monopoly-Hàng Mỹ-Đồ chơi trí tuệ-Đồ chơi trẻ em - 189 Trả lời
Trả lời[Hot]Hack TLBB lậu 3 lỗ đây(thành công 100%) - 165 Trả lời
Trả lờiS2 - Địa Cầu ước mơ chinh phục thiên hà trong game Hạm Đội - 150 Trả lời
Trả lờiTrảm Tiên ra mắt server mới Hoàng Long - 146 Trả lời
Trả lờiXuất hiện teaser lạ mang tên Đa Tình Kiếm - 137 Trả lời
Trả lời[Code]Hiệu ứng nhấp nháy đủ màu sắc cực hiếm - 127 Trả lời
Trả lờiNhững vật phẩm quý hiếm trong Đồ Long Đao - 106 Trả lời
Trả lờiiOnline – Chơi game hay rinh ngay Yamaha - 92 Trả lời
Trả lờiThiên Long Truyền Kỳ ra mắt server S4 Thủy Long - 82 Trả lời
Lượt xem[Code]Xoá quảng cáo cho forumotion hiệu quả 100% - 14423 Xem
Lượt xem[Hot]Hack TLBB lậu 3 lỗ đây(thành công 100%) - 14258 Xem
Lượt xem[Hot]Ký tự đặc biệt thường dùng để đặt tên trong game - 14255 Xem
Lượt xemTổng hợp tin tức Mobifone nè - 13402 Xem
Lượt xem[Phim]Thái Y Nghịch Ngợm - Full - 12851 Xem
Lượt xemHCM-4k-Cờ tỷ phú-Monopoly-Hàng Mỹ-Đồ chơi trí tuệ-Đồ chơi trẻ em - 11396 Xem
Lượt xemThích chat chít thì nhào zô cùng HuyenThoaiVisichat.Com Cực Kỳ Hót - 11119 Xem
Lượt xem[Code]Hiệu ứng nhấp nháy đủ màu sắc cực hiếm - 11078 Xem
Lượt xemS2 - Địa Cầu ước mơ chinh phục thiên hà trong game Hạm Đội - 11061 Xem
Lượt xemTrảm Tiên ra mắt server mới Hoàng Long - 11038 Xem

[Share] Thanh Menu Trượt bên trái màn hình Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Sat Jun 23, 2012 6:00 pm
Đừng làm những gì người ta đã biết,Mà hãy biết những gì người ta đã làm
[Share] Thanh Menu Trượt bên trái màn hình  Bgavat18
[Share] Thanh Menu Trượt bên trái màn hình  Bgavat10[Share] Thanh Menu Trượt bên trái màn hình  Bgavat12[Share] Thanh Menu Trượt bên trái màn hình  Bgavat13
[Share] Thanh Menu Trượt bên trái màn hình  Bgavat15
Mr.Tâm
[Share] Thanh Menu Trượt bên trái màn hình  Bgavat17
[Share] Thanh Menu Trượt bên trái màn hình  Bgavat19[Share] Thanh Menu Trượt bên trái màn hình  Bgavat21[Share] Thanh Menu Trượt bên trái màn hình  Bgavat22
Thành viên
Mr.Tâm
Tước Hiệu[Cấp100]Siêu Admin

[Cấp100]Siêu Admin
Posts Posts : 655
Points Points : 1586774
Thanked Thanked : 305
Tuổi : 1028
Đến từ : Cần Thơ
Chăm ngôn sống : Đừng làm những gì người ta đã biết,Mà hãy biết những gì người ta đã làm

Tài sản
Thú nuôi:
Huy hiệu:
Thẻ Víp:
Ứng dụng

Profile Mr.Tâm
Posts Posts : 655
Points Points : 1586774
Thanked Thanked : 305
Tuổi : 1028
Đến từ : Cần Thơ
Chăm ngôn sống : Đừng làm những gì người ta đã biết,Mà hãy biết những gì người ta đã làm

[Share] Thanh Menu Trượt bên trái màn hình  Vide10

Bài gửiTiêu đề: [Share] Thanh Menu Trượt bên trái màn hình
Loading
https://gioitre.123.st

Đừng làm những gì người ta đã biết,Mà hãy biết những gì người ta đã làm
Tiêu đề: [Share] Thanh Menu Trượt bên trái màn hình

demo:
[Share] Thanh Menu Trượt bên trái màn hình  Ok432510
Cho code sau vào Footer Begin :


Code:
<script type="text/javascript" src="http://www.marcofbb.com.ar/wp-content/uploads/2010/11/jquery-1.3.2.js"></script>
            <script type="text/javascript">
                $(function() {
                    $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);
 
                    $('#navigation > li').hover(
                        function () {
                            $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
                        },
                        function () {
                            $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
                        }
                    );
                });
            </script>
            <ul id="navigation">
                <li class="home"><a href="" title="Home"></a></li>
                <li class="about"><a href="" title="About"></a></li>
                <li class="search"><a href="" title="Search"></a></li>
                <li class="photos"><a href="" title="Photos"></a></li>
                <li class="rssfeed"><a href="" title="Rss Feed"></a></li>
                <li class="podcasts"><a href="" title="Podcasts"></a></li>
                <li class="contact"><a href="" title="Contact"></a></li>
            </ul>




Tiếp theo cho code sau vào Css :

Code:
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index: 999;
    }
    ul#navigation li {
    width: 100px;
    }
    ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    }
    ul#navigation .home a{
        background-image: url(http://tympanus.net/Tutorials/FixedNavigationTutorial/images/home.png);
    }
    ul#navigation .about a      {
        background-image: url(http://tympanus.net/Tutorials/FixedNavigationTutorial/images/id_card.png);
    }
    ul#navigation .search a      {
        background-image: url(http://tympanus.net/Tutorials/FixedNavigationTutorial/images/search.png);
    }
    ul#navigation .podcasts a      {
        background-image: url(http://tympanus.net/Tutorials/FixedNavigationTutorial/images/ipod.png);
    }
    ul#navigation .rssfeed a  {
        background-image: url(http://tympanus.net/Tutorials/FixedNavigationTutorial/images/rss.png);
    }
    ul#navigation .photos a    {
        background-image: url(http://tympanus.net/Tutorials/FixedNavigationTutorial/images/camera.png);
    }
    ul#navigation .contact a    {
        background-image: url(http://tympanus.net/Tutorials/FixedNavigationTutorial/images/mail.png);
    }









Nguồn hotrofm

Chữ kí của Mr.Tâm

Xem thêm các bài viết khác cùng chuyên mục

-

Bài viết liên quan

-

[Share] Thanh Menu Trượt bên trái màn hình

Xem chủ đề cũ hơnXem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
* Không dùng những ngôn từ thiếu lịch sự.
* Bài viết sưu tầm nên ghi rõ nguồn.
* Tránh spam nhảm không liên quan đến chủ đề.

Yêu cầu viết tiếng Việt có dấu.


Permissions in this forum:Bạn không có quyền trả lời bài viết
๖ۣۜDiễn ๖๖ۣۜĐàn ๖ۣۜGiiới ๖๖ۣۜTrẻ :: +"'-._Diễn đàn Forumotion_.-"'+ :: Hướng dẫn-Code-
 
Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Cookies | Thảo luận mới nhất