Change background image
LOVE quotion

Bắt đầu từ 4.53' thứ Hai ngày 17/10/2011


You are not connected. Please login or register

LOVE quotion » INTERNET » Forumotion » Các kiểu menu chức năng tùy biến, thu gọn

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

kẻ đương thời
kẻ đương thời Ưu tú

Cấp bậc: Ưu tú

Giới tính : Nam

Bài viết : 665

Danh vọng : 1151

Uy tín : 42

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Ảnh demo (đặt bên trên, góc trái trang web) : trước click Các kiểu menu chức năng tùy biến, thu gọn Menu110 & sau click Các kiểu menu chức năng tùy biến, thu gọn Menu210

Chèn trong CSS:

Code:
.menu_float {
width: 100px;
border: 1px solid #CCC;
background: white;
font-size:11px;
font-family:Arial;
font-style:normal;
padding: 5px;
float: left;
clear: both;
margin: 1px;
}
.menu_float img {
vertical-align: middle;
margin-bottom: 3px;
}

Chèn vào overall_footer:

Code:
<script type="text/javascript">
    $(document).ready(function () {
        $('#open_quick_menu').click(function () {
            $('#quick_menu').show(500);
            $('#open_quick_menu').fadeOut(100);
        });
        $('#close_quick_menu').click(function () {
            $('#quick_menu').fadeOut(100);
            $('#open_quick_menu').fadeIn(500);
        });
        getCount();
        setInterval("getCount()", 180000);
    });
</script>

<div id="open_quick_menu" style="position:fixed; top:100px;left:10px;cursor:pointer;">
    <div class="menu_float" style="width:33px;">
        <center>
            <img src="http://i.imgur.com/5vzH7.png" border="0">
            <br>Menu</center>
    </div>
</div>

<div id="quick_menu" style="position:fixed; top:100px;left:10px;display:none;">
    <a href="http://www.teenkimdong.biz/h7-upanh" target="_blank"><div class="menu_float"><img src="http://i.imgur.com/9j4jg.png" border="0"> Upload ảnh</div></a>
    <a href="/profile?mode=editprofile&amp;page_profil=preferences"
    target="_blank"><div class="menu_float"><img src="http://i.imgur.com/xkaAs.png" border="0"> Cài đặt</div></a>
    <a href="/privmsg?folder=inbox" target="_blank"><div class="menu_float"><img src="http://i.imgur.com/qwskX.png" border="0"> Tin nhắn</div></a>
    <div class="menu_float" id="close_quick_menu" style="cursor:pointer;">
        <img src="http://i.imgur.com/lTiFH.png" border="0">Đóng Menu</div>
</div>

Bạn có thể tùy biến menu chức năng, thay thế ảnh icon cho phù hợp với trang web của mình.
      
kẻ đương thời

#2Các kiểu menu chức năng tùy biến, thu gọn Empty Gắn flash quảng cáo

kẻ đương thời
kẻ đương thời Ưu tú

Cấp bậc: Ưu tú

Giới tính : Nam

Bài viết : 665

Danh vọng : 1151

Uy tín : 42

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Ảnh demo:

Mặc định show
Các kiểu menu chức năng tùy biến, thu gọn Omron110

Sau khi click "Thu nhỏ"
Các kiểu menu chức năng tùy biến, thu gọn Omron210
Chèn vào CSS:

Code:
/* Flash Quảng cáo */
.float-ck {
   position: fixed;
   bottom: 0;
}

.float-content {
        background: #FFF;
   border: 2px solid #01AEF0;
}

*html.float-ck /* IE6 position fixed Bottom */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

.hide_float a {
   background: #01AEF0;
   padding: 3px 5px;
   color: #FFF;
}

Chèn vào overall_footer:

Code:
<script type="text/javascript">
      function hide_float_right() {
         var content = document.getElementById('float_content_right');
         var hide = document.getElementById('hide_float_right');
         if (content.style.display == "none") {
            content.style.display  = "block";
            hide.innerHTML = '<a href="javascript:hide_float_right()">Thu nhỏ</a>';
         } else {
            content.style.display  = "none";
            hide.innerHTML = '<a href="javascript:hide_float_right()">Phóng to</a>';
         }
      }
       
        function hide_float_left() {
         var content = document.getElementById('float_content_left');
         var hide = document.getElementById('hide_float_left');
         if (content.style.display == "none") {
            content.style.display  = "block";
            hide.innerHTML = '<a href="javascript:hide_float_left()">Thu nhỏ</a>';
         } else {
            content.style.display  = "none";
            hide.innerHTML = '<a href="javascript:hide_float_left()">Phóng to</a>';
         }
      }
</script>
<div class="float-ck" style="right: 0;">
   <div id="hide_float_right" class="hide_float"><a href="javascript:hide_float_right()">Thu nhỏ</a></div>
   <div id="float_content_right" class="float-content" style="display: block; ">
      <object width="300" height="200">
             <param name="movie" value="http://omron-yte.com.vn/wp-content/uploads/2012/08/km2-9_2012.swf">
         <param name="wmode" value="transparent">
             <embed src="http://omron-yte.com.vn/wp-content/uploads/2012/08/km2-9_2012.swf" width="300" height="200" wmode="transparent">
          </object>
        </div>
</div>
      
kẻ đương thời

#3Các kiểu menu chức năng tùy biến, thu gọn Empty Gắn quảng cáo text

kẻ đương thời
kẻ đương thời Ưu tú

Cấp bậc: Ưu tú

Giới tính : Nam

Bài viết : 665

Danh vọng : 1151

Uy tín : 42

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Ảnh demo:

Các kiểu menu chức năng tùy biến, thu gọn Adnhip10

Code rip từ cunghoanhip.net, chèn vào overall_footer:

Code:
<!-- Begin Quang cao cuoi trang-->
<script type="text/javascript">

//Alert MsgAd

clicksor_enable_MsgAlert = true;

//default pop-under house ad url

clicksor_enable_pop = true; clicksor_frequencyCap = 0.1;

durl = '';

//default banner house ad url

clicksor_default_url = '';

clicksor_banner_border = '#000f30'; clicksor_banner_ad_bg = '#FFFFFF';

clicksor_banner_link_color = '#0c15ff'; clicksor_banner_text_color = '#da0041';

clicksor_banner_image_banner = true; clicksor_banner_text_banner = true;

clicksor_layer_border_color = '';

clicksor_layer_ad_bg = ''; clicksor_layer_ad_link_color = '';

clicksor_layer_ad_text_color = ''; clicksor_text_link_bg = '';

clicksor_text_link_color = '#0c59ff'; clicksor_enable_text_link = true;

clicksor_enable_VideoAd = true;

</script>
     
<style type="text/css">

        * html div#fl813691 {position: absolute; overflow:hidden;

        top:expression(eval(document.compatMode &&

        document.compatMode=='CSS1Compat') ?

        documentElement.scrollTop

        +(documentElement.clientHeight-this.clientHeight)

        : document.body.scrollTop

        +(document.body.clientHeight-this.clientHeight));}

        #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:250px; }

        #eb951855{ width:309px; padding-right:7px; background:url(http://cunghoanhip.net/home/img/fullborder_bg_right.gif) no-repeat right top;}

        #cob263512{background:url(http://cunghoanhip.net/home/img/fullborder_bg[1].gif) no-repeat left top; height:278px; padding-left:7px;}

        #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:300px;}

        #coh963846 a{color:#690;text-decoration:none;}

        #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}

                    #coc67178 li{display:inline;}

                    #coc67178 li a{background-image:url(http://cunghoanhip.net/home/img/button[1].gif); background-repeat:no-repeat; width:30px; height:0px; padding-top:15px; overflow:hidden; float:left;}

                        #coc67178 li a.close{background-position: 0 0;}

                        #coc67178 li a.close:hover{background-position: 0 -15px;}

                        #coc67178 li a.min{background-position: -30px 0;}

                        #coc67178 li a.min:hover{background-position: -30px -15px;}

                        #coc67178 li a.max{background-position: -60px 0;}

                        #coc67178 li a.max:hover{background-position: -60px -15px;}

        #co453569{display:block; margin:0; padding:0; height:250px;  border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}



</style>
     
<div style="height: 279px; " id="fl813691">

    <div id="eb951855">

    <div id="cob263512">

        <div id="coh963846">

            <ul id="coc67178">

                <li id="pf204652hide" style="display: inline; "><a class="min" href="javascript:pf204652clickhide();" title="Hide this window">Hide this window</a></li>

                <li id="pf204652show" style="display: none; "><a class="max" href="javascript:pf204652clickshow();" title="Show this window">Show this window</a></li>

                <li id="pf204652close"><a class="close" href="javascript:pf204652clickclose();" title="Close this window">Close this window</a></li>

            </ul>

          &nbsp;<a href="http://cunghoanhip.net/ads" target="_blank"><font color="#FFFFFF">

Quảng cáo: wWw.CungHoaNhip.net

</font></a>

      </div>

        <div id="co453569">

<div id="adnet_widget_9060" style=""><div class="widgetAdnet wh300x250"><div class="headingWidget"><div class="bg-adnet"><div class="textHead"><a href="http://adnet.vn" target="_blank">Mua quảng cáo</a><a href="http://adnet.vn" target="_blank" class="logoAdnetBig">&nbsp;</a></div></div></div><div class="widgetCont"><ul class="itemNews"><li>   <p class="img75 fl"><a adnet="item_link" _id="16583" href="http://www.1top.vn/deals/6665/Dong-ho-hieu-Skagen-Mens-858XLGLD-gia-chi-2300000d.html"><img class="adnet_item_img" src="http://s4.adnet.vn/2012/08/171038401509004213140045ed34053c1fec9e9ce6d0d0b2b5967c45.jpg" alt=""></a></p>   <h3 class="big"><a adnet="item_link" _id="16583" href="http://www.1top.vn/deals/6665/Dong-ho-hieu-Skagen-Mens-858XLGLD-gia-chi-2300000d.html">Đồng hồ Skagen Men's 858XLGLD</a></h3>   <p class="hint">1top.vn</p>   <p class="para">Đồng hồ hiệu Skagen Men's 858XLGLD, hàng nhập từ Mỹ, giảm 51 %</p>   <p class="priceBig">2.300.000₫</p></li><li>   <p class="img75 fl"><a adnet="item_link" _id="16436" href="http://www.poly.edu.vn/tuyen-sinh/thong-bao-tuyen-sinh-khoa-8-3-dot-2.html"><img class="adnet_item_img" src="http://s2.adnet.vn/2012/08/14110900140853020808570530120439301009413da960ff0b4ef15564fef5fbbe92f63a.png" alt=""></a></p>   <h3 class="big"><a adnet="item_link" _id="16436" href="http://www.poly.edu.vn/tuyen-sinh/thong-bao-tuyen-sinh-khoa-8-3-dot-2.html">Xét hồsơ cao đẳng điểmtoán >=5</a></h3>   <p class="hint">poly.edu.vn</p>   <p class="para">FPT POLYTECHNIC - THÔNG BÁO TUYỂN SINH KHÓA 8.3 – ĐỢT 2 TRÊN TOÀN QUỐC</p>   <p class="priceBig">7.300.000₫</p></li></ul></div><span class="symbolB"></span> <span class="symbolR"></span></div></div><script type="text/javascript">var is_load_adnet_lib = is_load_adnet_lib || 1;if(is_load_adnet_lib == 1) {is_load_adnet_lib = 2;if(typeof(jQuery)=='undefined') {document.write(unescape("%3Cscript src='http://s0.adnet.vn/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));}document.write(unescape("%3Cscript src='http://s0.adnet.vn/js/adnet34.js' type='text/javascript'%3E%3C/script%3E"));}</script><script type="text/javascript" src="http://widget.adnet.vn/js/js.php?widget_id=9060"></script>

      </div>

    </div></div></div>
     
<iframe height="0" width="0" frameborder="0" src="http://widget.adnet.vn/js/log_imp.php?widget_id=9060&amp;server_key=c59e7ae0a8a0bd07fa126a116387da29&amp;t=1345218010&amp;client_key=150456849981057&amp;ref=http%3A%2F%2Fcunghoanhip.net%2Fhome%2F" style="display: none !important"></iframe>
     
<script>

pf204652bottomLayer = document.getElementById('fl813691');

var pf204652IntervalId = 0;

var pf204652maxHeight = 278;

var pf204652minHeight = 20;

var pf204652curHeight = 0;

function pf204652show( ){

  pf204652curHeight += 2;

  if (pf204652curHeight > pf204652maxHeight){

    clearInterval ( pf204652IntervalId );

  }

  pf204652bottomLayer.style.height = pf204652curHeight+'px';

}

function pf204652hide( ){

  pf204652curHeight -= 3;

  if (pf204652curHeight < pf204652minHeight){

    clearInterval ( pf204652IntervalId );

  }

  pf204652bottomLayer.style.height = pf204652curHeight+'px';

}

pf204652IntervalId = setInterval ( 'pf204652show()', 5 );

setTimeout("pf204652clickhide()",12000);

function pf204652clickhide(){

    document.getElementById('pf204652hide').style.display='none';

    document.getElementById('pf204652show').style.display='inline';

    pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );

}

function pf204652clickshow(){

    document.getElementById('pf204652hide').style.display='inline';

    document.getElementById('pf204652show').style.display='none';

    pf204652IntervalId = setInterval ( 'pf204652show()', 5 );

}

function pf204652clickclose(){

    document.body.style.marginBottom = '0px';

    pf204652bottomLayer.style.display = 'none';

}

</script>
<!-- End Quang cao cuoi trang-->

Code đã sửa cho LucQuan2.com:

Code:
<!-- Begin Quang cao cuoi trang-->
<script type="text/javascript">

//Alert MsgAd

clicksor_enable_MsgAlert = true;

//default pop-under house ad url

clicksor_enable_pop = true; clicksor_frequencyCap = 0.1;

durl = '';

//default banner house ad url

clicksor_default_url = '';

clicksor_banner_border = '#000f30'; clicksor_banner_ad_bg = '#FFFFFF';

clicksor_banner_link_color = '#0c15ff'; clicksor_banner_text_color = '#da0041';

clicksor_banner_image_banner = true; clicksor_banner_text_banner = true;

clicksor_layer_border_color = '';

clicksor_layer_ad_bg = ''; clicksor_layer_ad_link_color = '';

clicksor_layer_ad_text_color = ''; clicksor_text_link_bg = '';

clicksor_text_link_color = '#0c59ff'; clicksor_enable_text_link = true;

clicksor_enable_VideoAd = true;

</script>
     
<style type="text/css">

        * html div#fl813691 {position: absolute; overflow:hidden;

        top:expression(eval(document.compatMode &&

        document.compatMode=='CSS1Compat') ?

        documentElement.scrollTop

        +(documentElement.clientHeight-this.clientHeight)

        : document.body.scrollTop

        +(document.body.clientHeight-this.clientHeight));}

        #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:250px; }

        #eb951855{ width:309px; padding-right:7px; background:url(https://dl.dropbox.com/u/24716029/images/cunghoanhipfullborder_bg_right.gif) no-repeat right top;}

        #cob263512{background:url(https://dl.dropbox.com/u/24716029/images/cunghoanhipfullborder_bg.gif) no-repeat left top; height:278px; padding-left:7px;}

        #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:300px;}

        #coh963846 a{color:#690;text-decoration:none;}

        #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}

                    #coc67178 li{display:inline;}

                    #coc67178 li a{background-image:url(https://dl.dropbox.com/u/24716029/images/cunghoanhipbutton.gif); background-repeat:no-repeat; width:30px; height:0px; padding-top:15px; overflow:hidden; float:left;}

                        #coc67178 li a.close{background-position: 0 0;}

                        #coc67178 li a.close:hover{background-position: 0 -15px;}

                        #coc67178 li a.min{background-position: -30px 0;}

                        #coc67178 li a.min:hover{background-position: -30px -15px;}

                        #coc67178 li a.max{background-position: -60px 0;}

                        #coc67178 li a.max:hover{background-position: -60px -15px;}

        #co453569{display:block; margin:0; padding:0; height:250px;  border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}



</style>
     
<div style="height: 279px; " id="fl813691">

    <div id="eb951855">

    <div id="cob263512">

        <div id="coh963846">

            <ul id="coc67178">

                <li id="pf204652hide" style="display: inline; "><a class="min" href="javascript:pf204652clickhide();" title="Hide this window">Hide this window</a></li>

                <li id="pf204652show" style="display: none; "><a class="max" href="javascript:pf204652clickshow();" title="Show this window">Show this window</a></li>

                <li id="pf204652close"><a class="close" href="javascript:pf204652clickclose();" title="Close this window">Close this window</a></li>

            </ul>

          &nbsp;<a href="https://dl.dropbox.com/u/24716029/libhtml/giaquangcao.html" target="_blank"><font color="#FFFFFF">Quảng cáo : </font><font color="#FFFF00">wWw.LucQuan2.com</font></a>

      </div>

        <div id="co453569">

         <div id="adnet_widget_9060" style="">
            <div class="widgetAdnet wh300x250">
               <div class="headingWidget">
                  <div class="bg-adnet">
                     <div class="textHead">
                        <a href="http://adnet.vn" target="_blank">Mua Quảng cáo</a>
                        <a href="http://adnet.vn" target="_blank" class="logoAdnetBig">&nbsp;</a>
                     </div>
                        </div>
                    </div>
                <div class="widgetCont">
                <ul class="itemNews">
                <li>
                   <p class="img75 fl">
                    <a adnet="item_link" _id="16583" href="http://www.1top.vn/deals/6665/Dong-ho-hieu-Skagen-Mens-858XLGLD-gia-chi-2300000d.html">
                    <img class="adnet_item_img" src="http://s4.adnet.vn/2012/08/171038401509004213140045ed34053c1fec9e9ce6d0d0b2b5967c45.jpg" alt=""></a>
                    </p>
                    <h3 class="big">
                    <a adnet="item_link" _id="16583" href="http://www.1top.vn/deals/6665/Dong-ho-hieu-Skagen-Mens-858XLGLD-gia-chi-2300000d.html">Đồng hồ Skagen Men's 858XLGLD</a>
                    </h3>
                    <p class="hint">1top.vn</p>
                    <p class="para">Đồng hồ hiệu Skagen Men's 858XLGLD, hàng nhập từ Mỹ, giảm 51 %</p>
                    <p class="priceBig">2.300.000₫</p></li><li>   <p class="img75 fl">
                    <a adnet="item_link" _id="16436" href="http://www.poly.edu.vn/tuyen-sinh/thong-bao-tuyen-sinh-khoa-8-3-dot-2.html">
                    <img class="adnet_item_img" src="http://s2.adnet.vn/2012/08/14110900140853020808570530120439301009413da960ff0b4ef15564fef5fbbe92f63a.png" alt=""></a></p>   
                    <h3 class="big"><a adnet="item_link" _id="16436" href="http://www.poly.edu.vn/tuyen-sinh/thong-bao-tuyen-sinh-khoa-8-3-dot-2.html">Xét hồ sơ cao đẳng điểm toán &gt;=5</a></h3>   
                    <p class="hint">poly.edu.vn</p>
                    <p class="para">FPT POLYTECHNIC - THÔNG BÁO TUYỂN SINH KHÓA 8.3 – ĐỢT 2 TRÊN TOÀN QUỐC</p>
                    <p class="priceBig">7.300.000₫</p>
                  </li>
                  </ul>
                  </div>
                  <span class="symbolB"></span>
                  <span class="symbolR"></span>
                </div>
            </div>
          <script type="text/javascript">var is_load_adnet_lib = is_load_adnet_lib || 1;if(is_load_adnet_lib == 1) {is_load_adnet_lib = 2;if(typeof(jQuery)=='undefined') {document.write(unescape("%3Cscript src='http://s0.adnet.vn/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));}document.write(unescape("%3Cscript src='http://s0.adnet.vn/js/adnet34.js' type='text/javascript'%3E%3C/script%3E"));}</script><script type="text/javascript" src="http://widget.adnet.vn/js/js.php?widget_id=9060"></script>
      </div>
    </div>
  </div>
</div>
     
<iframe height="0" width="0" frameborder="0" src="http://widget.adnet.vn/js/log_imp.php?widget_id=9060&amp;server_key=c59e7ae0a8a0bd07fa126a116387da29&amp;t=1345218010&amp;client_key=150456849981057&amp;ref=http%3A%2F%2Fcunghoanhip.net%2Fhome%2F" style="display: none !important"></iframe>
     
<script>

pf204652bottomLayer = document.getElementById('fl813691');

var pf204652IntervalId = 0;

var pf204652maxHeight = 278;

var pf204652minHeight = 20;

var pf204652curHeight = 0;

function pf204652show( ){

  pf204652curHeight += 2;

  if (pf204652curHeight > pf204652maxHeight){

    clearInterval ( pf204652IntervalId );

  }

  pf204652bottomLayer.style.height = pf204652curHeight+'px';

}

function pf204652hide( ){

  pf204652curHeight -= 3;

  if (pf204652curHeight < pf204652minHeight){

    clearInterval ( pf204652IntervalId );

  }

  pf204652bottomLayer.style.height = pf204652curHeight+'px';

}

pf204652IntervalId = setInterval ( 'pf204652show()', 5 );

setTimeout("pf204652clickhide()",12000);

function pf204652clickhide(){

    document.getElementById('pf204652hide').style.display='none';

    document.getElementById('pf204652show').style.display='inline';

    pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );

}

function pf204652clickshow(){

    document.getElementById('pf204652hide').style.display='inline';

    document.getElementById('pf204652show').style.display='none';

    pf204652IntervalId = setInterval ( 'pf204652show()', 5 );

}

function pf204652clickclose(){

    document.body.style.marginBottom = '0px';

    pf204652bottomLayer.style.display = 'none';

}

</script>
<!-- End Quang cao cuoi trang-->
      
kẻ đương thời
kẻ đương thời Ưu tú

Cấp bậc: Ưu tú

Giới tính : Nam

Bài viết : 665

Danh vọng : 1151

Uy tín : 42

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Ảnh demo:

Các kiểu menu chức năng tùy biến, thu gọn Adnet10

Code rip từ adnet.vn chèn vào overall_footer:

Code:
<!-- Begin Quang cao cuoi trang-->
<div id="adnet_widget_3075" style="height: 30px; width: 274px; overflow: hidden; position: fixed; z-index: 1000000001; bottom: 5px; right: 5px; display: block; "
_widget_id="3075" data_type="4" _is_hidden="yes">
    <div adnet="container" style="background-color: white; padding: 4px; border: 1px solid rgb(168, 168, 168); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-box-shadow: rgb(204, 204, 204) 0px 0px 10px 1px; box-shadow: rgb(204, 204, 204) 0px 0px 10px 1px; height: 20px; width: 264px; display: block; background-position: initial initial; background-repeat: initial initial; ">
        <div adnet="control_cotainer">
            <a adnet="logo" style="display: block; float:left;text-decoration: none; height: 20px; width: 40px; background: url(http://s0.adnet.vn/img/media/adnet-widgetHoz.gif) no-repeat top left;"
            href="http://adnet.vn" target="_blank">&nbsp;</a>
            <div adnet="title" style="font-family: arial; font-size: 11px; color: #333;float:left; line-height: 24px; width: 176px; margin-right: 4px;">
                <marquee behavior="alternate" scrollamount="4" direction="left" width="175">Ngân lượng là số 1</marquee>
            </div>
            <a adnet="close" style="text-decoration: none; float:right; height: 17px; width: 20px; display: block; background: url(http://s0.adnet.vn/img/media/close.gif) no-repeat top left; margin-top: 2px;"
            href="#">&nbsp;</a>
            <a adnet="collapse" style="text-decoration: none; float: right; height: 17px; width: 20px; display: block; background-image: url(http://s0.adnet.vn/img/media/collapse-widgetTop.gif); margin-right: 4px; margin-top: 2px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; "
            href="#">&nbsp;</a>
        </div>
        <div adnet="content" style="border: 1px solid rgb(168, 168, 168); cursor: pointer; position: absolute; display: block; z-index: 999; overflow: hidden; height: 0px; width: 260px; right: 6px; bottom: 6px; opacity: 0; "
        _item_id="1" _target_url="http://help.nganluong.vn/chi-tiet-49/2/4369/Vi-sao-nen-su-dung-NganLuong.vn:-24-diem-khac-biet.html"
        target_url="http://help.nganluong.vn/chi-tiet-49/2/4369/Vi-sao-nen-su-dung-NganLuong.vn:-24-diem-khac-biet.html">
            <object height="230" width="260">
                <param name="movie" value="http://s1.adnet.vn/2011/12/nl_number_one_2.swf">
                <param name="quality" value="high">
                <param name="allowScriptAccess" value="always">
                <param name="flashvars" value="widget_id=3075">
                <param value="transparent" name="wmode">
                <embed src="http://s1.adnet.vn/2011/12/nl_number_one_2.swf" height="230"
                width="260" flashvars="widget_id=3075" allowscriptaccess="always" wmode="transparent"
                type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer">
            </object>
        </div>
    </div>
</div>

<script type="text/javascript">
var is_load_adnet_lib = is_load_adnet_lib || 1;
if(is_load_adnet_lib == 1) {
is_load_adnet_lib = 2;
if(typeof(jQuery)=='undefined') {
 document.write(unescape("%3Cscript src='http://s0.adnet.vn/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
}
document.write(unescape("%3Cscript src='http://s0.adnet.vn/js/adnet34.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script src="http://s0.adnet.vn/js/adnet34.js" type="text/javascript"></script>
<script type="text/javascript" src="http://widget.adnet.vn/js/js_demo.php?widget_id=3075"></script>
<iframe height="0" width="0" frameborder="0" src="http://widget.adnet.vn/js/log_imp.php?widget_id=3075&amp;server_key=server_key_123456&amp;t=1345221842&amp;client_key=51065798191431.75&amp;ref=http%3A%2F%2Fadnet.vn%2F" style="display: none !important"></iframe>
<!-- End Quang cao cuoi trang-->

Code cho lucquan2 chưa hoàn chỉnh:

Code:
<!-- Begin Quang cao cuoi trang-->
<div id="adnet_widget_3075" style="height: 30px; width: 274px; overflow: hidden; position: fixed; z-index: 1000000001; bottom: 5px; right: 5px; display: block; "
_widget_id="3075" data_type="4" _is_hidden="yes">
    <div adnet="container" style="background-color: white; padding: 4px; border: 1px solid rgb(168, 168, 168); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-box-shadow: rgb(204, 204, 204) 0px 0px 10px 1px; box-shadow: rgb(204, 204, 204) 0px 0px 10px 1px; height: 20px; width: 264px; display: block; background-position: initial initial; background-repeat: initial initial; ">
        <div adnet="control_cotainer">
            <a adnet="logo" style="display: block; float:left;text-decoration: none; height: 20px; width: 40px; background: url(http://i38.servimg.com/u/f38/17/58/45/30/adnet-10.gif) no-repeat top left;"
            href="http://adnet.vn" target="_blank">&nbsp;</a>
            <div adnet="title" style="font-family: arial; font-size: 11px; color: #333;float:left; line-height: 24px; width: 176px; margin-right: 4px;">
                <marquee behavior="alternate" scrollamount="4" direction="left" width="175">Lục Quân 2 luôn dẫn đầu</marquee>
            </div>
            <a adnet="close" style="text-decoration: none; float:right; height: 17px; width: 20px; display: block; background: url(http://i38.servimg.com/u/f38/17/58/45/30/close10.gif) no-repeat top left; margin-top: 2px;"
            href="#">&nbsp;</a>
            <a adnet="collapse" style="text-decoration: none; float: right; height: 17px; width: 20px; display: block; background-image: url(http://i38.servimg.com/u/f38/17/58/45/30/collap10.gif); margin-right: 4px; margin-top: 2px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; "
            href="#">&nbsp;</a>
        </div>
        <div adnet="content" style="border: 1px solid rgb(168, 168, 168); cursor: pointer; position: absolute; display: block; z-index: 999; overflow: hidden; height: 0px; width: 260px; right: 6px; bottom: 6px; opacity: 0; "
        _item_id="1" _target_url="http://www.lucquan2.com"
        target_url="http://www.lucquan2.com">
            <object height="230" width="260">
                <param name="movie" value="http://media.yy2k.com/flashGame/201108/Military_Truck.swf">
                <param name="quality" value="high">
                <param name="allowScriptAccess" value="always">
                <param name="flashvars" value="widget_id=3075">
                <param value="transparent" name="wmode">
                <embed src="http://media.yy2k.com/flashGame/201108/Military_Truck.swf" height="230"
                width="260" flashvars="widget_id=3075" allowscriptaccess="always" wmode="transparent"
                type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer">
            </object>
        </div>
    </div>
</div>

<script type="text/javascript">
var is_load_adnet_lib = is_load_adnet_lib || 1;
if(is_load_adnet_lib == 1) {
is_load_adnet_lib = 2;
if(typeof(jQuery)=='undefined') {
 document.write(unescape("%3Cscript src='https://dl.dropbox.com/u/24716029/libjs/jquery1.4.min.js' type='text/javascript'%3E%3C/script%3E"));
}
document.write(unescape("%3Cscript src='https://dl.dropbox.com/u/24716029/libjs/adnet34.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script src="https://dl.dropbox.com/u/24716029/libjs/adnet34.js" type="text/javascript"></script>
<script type="text/javascript" src="https://dl.dropbox.com/u/24716029/libjs/adnet3075id.js"></script>
<iframe height="0" width="0" frameborder="0" src="https://dl.dropbox.com/u/24716029/libjs/adnet3075id.js&amp;server_key=server_key_123456&amp;t=1345221842&amp;client_key=51065798191431.75&amp;ref=http%3A%2F%2Fadnet.vn%2F" style="display: none !important"></iframe>
<!-- End Quang cao cuoi trang-->
      
kẻ đương thời
kẻ đương thời Ưu tú

Cấp bậc: Ưu tú

Giới tính : Nam

Bài viết : 665

Danh vọng : 1151

Uy tín : 42

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Demo từ sport:

Các kiểu menu chức năng tùy biến, thu gọn Timkie10
Code rip từ rangerz (nhưng tác giả có thể là vandonstar). Chèn vào cuối overall_footer, trước thẻ </body>:

Code:
<!-- Tìm kiếm -->
<style type="text/css">
.timkiemvds{
position:fixed;
top:22px;
left:-210px;
transition: all 3s ease-out; -webkit-transition: all 3s ease-out; -moz-transition: all 3s ease-out;
transition-delay: 3s;
-webkit-transition-delay: 3s; -moz-transition-delay: 3s;
z-index: +2222;
}
.timkiemvds:hover{
left:0px;
transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;
}
.timkiemvds div.timkiem_1{
padding:14px 0 0 29px;
width:276px;
height:64px;
background:url(http://i38.servimg.com/u/f38/17/58/45/30/find1010.png) top left no-repeat;
}
.timkiemvds div.timkiem_2{
position:relative;
overflow:hidden;
padding:5px;
left:35px;
width:150px;
height:15px;
background-color:#ffa200;
border:1px solid #8A8A8A;
box-shadow: 3px 3px 3px #8A8A8A;
transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;
transition-delay: 2s; -webkit-transition-delay: 2s; -moz-transition-delay: 2s;
}
.timkiemvds:hover div.timkiem_2{
height:160px;
transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;
transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;
}
.noidungtimkiem{background-color:transparent; border:0; width:178px; height:20px;}
.submittimkiem{width:50px; background-color:transparent; border:0; cursor:pointer;}
</style>

<div class="timkiemvds">
    <div class="timkiem_1">
        <input type="text" class="noidungtimkiem" name="search_keywords" size="30">
        <input type="submit" class="submittimkiem" value="">
    </div>
    <div class="timkiem_2">
        <center><strong>CÔNG CỤ TÌM KIẾM</strong></center><br>
        <input id="google" type="radio" name="typerecherche" value="google" checked="checked">
        <label for="google">Của
            <b>
                <font color="#0039b6"> G</font>
                <font color="#c41200">o</font>
                <font color="#f3c518">o</font>
                <font color="#0039b6">g</font>
                <font color="#30a72f">l</font>
                <font color="#c41200">e</font>
            </b>
        </label>
        <br>
        <input id="interne" type="radio" name="typerecherche" value="interne">
        <label for="interne">Của Diễn đàn</label>
        <br>
        <br>
        <center><strong>Tìm kiếm theo</strong></center><br>
        <input id="rtopics" type="radio" name="show_results" value="topics" checked="checked">
        <label for="rtopics">Tên Chủ đề</label>
        <br>
        <input id="rposts" type="radio" name="show_results" value="posts">
        <label for="rposts">Nội dung Bài viết</label>
        <br />
        <hr>
        <a href="/search.forum"><img src="http://2img.net/i/fa/empty.gif" width="12" height="13" border="0" alt="Rechercher" hspace="3">Tìm kiếm Nâng cao...</a>
    </div>
</div>
      
kẻ đương thời
kẻ đương thời Ưu tú

Cấp bậc: Ưu tú

Giới tính : Nam

Bài viết : 665

Danh vọng : 1151

Uy tín : 42

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
Demo từ sport (show được, hide chưa được ???):

Các kiểu menu chức năng tùy biến, thu gọn Viette10
Code rip được từ viettelonline, chèn vào overall:

Code:
<div id="fl813691" style="height: 100px; ">
    <div id="eb951855">
        <div id="cob263512">
            <div id="coh963846">
                <ul id="coc67178">
                    <li style="display: inline;" id="pf204652hide">
                        <a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a>
                    </li>
                    <li id="pf204652show" style="display: none;">
                        <a class="max" href="javascript:pf204652clickshow();" title="Hiện lên">Hiện </a>
                    </li>
                </ul>Bạn cần An Khánh Telecom trợ giúp ?</div>
            <div id="co453569">
                <!-- code ads -->
                <!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) -->
                <a href="javascript:void(window.open('http://live.usb3gvn.com/chat.php','','width=800,height=700,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><img src="http://live.usb3gvn.com/image.php?id=03&amp;type=inlay" width="260" height="81" border="0" alt="LiveZilla Live Help"></a>
                <!-- http://www.LiveZilla.net Chat Button Link Code -->
                <!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) -->
                <div id="livezilla_tracking" style="display:none">
                    <script async="" type="text/javascript" src="http://live.usb3gvn.com/server.php?request=track&amp;output=jcrpt&amp;nse=0.17697549844160676"></script>
                </div>
                <script type="text/javascript">
                    /* <![CDATA[ */
                    var script = document.createElement("script");
                    script.async = true;
                    script.type = "text/javascript";
                    var src = "http://live.usb3gvn.com/server.php?request=track&output=jcrpt&nse=" + Math.random();
                    setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)", 1);
                    /* ]]> */
                </script>
                <noscript><img src="http://live.usb3gvn.com/server.php?request=track&amp;amp;output=nojcrpt"
                    width="0" height="0" style="visibility:hidden;" alt="" /></noscript>
                <!--
                http://www.LiveZilla.net Tracking Code -->
                <!-- code ads -->
            </div>
        </div>
    </div>
</div>

<style type="text/css">
    * html div#fl813691 {
        position: absolute;
        overflow:hidden;
        top:expression(eval(document.compatMode &amp;
        &amp;
        document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
    }
    #fl813691 {
        font: 12px Arial, Helvetica, sans-serif;
        color:#666;
        font-weight: bold;
        position:fixed;
        _position: absolute;
        right:0;
        bottom:0;
        height:150px;
    }
    #eb951855 {
        width:260px;
        padding-right:7px;
        background:url(http://viettelonline.com/wp-content/uploads/quang-cao-right.gif) no-repeat right top;
    }
    #cob263512 {
        background:url(http://viettelonline.com/wp-content/uploads/quang-cao-background.gif) no-repeat left top;
        height:150px;
        padding-left:7px;
    }
    #coh963846 {
        color:#FFFFFF;
        display:block;
        height:18px;
        line-height:18px;
        font-size:11px;
        width:250px;
    }
    #coh963846 a {
        color:#690;
        text-decoration:none;
    }
    #coc67178 {
        float:right;
        padding:0;
        margin:0;
        list-style:none;
        overflow:hidden;
        height:15px;
    }
    #coc67178 li {
        display:inline;
    }
    #coc67178 li a {
        background-image:url(http://viettelonline.com/wp-content/uploads/button.gif);
        background-repeat:no-repeat;
        width:30px;
        height:0;
        padding-top:15px;
        overflow:hidden;
        float:left;
    }
    #coc67178 li a.close {
        background-position: 0 0;
    }
    #coc67178 li a.close:hover {
        background-position: 0 -15px;
    }
    #coc67178 li a.min {
        background-position: -30px 0;
    }
    #coc67178 li a.min:hover {
        background-position: -30px -15px;
    }
    #coc67178 li a.max {
        background-position: -60px 0;
    }
    #coc67178 li a.max:hover {
        background-position: -60px -15px;
    }
    #co453569 {
        display:block;
        margin:0;
        padding:0;
        height:123px;
        border-style:solid;
        border-width:0px;
        border-color:#111 #999 #999 #111;
        line-height:1.6em;
        overflow:hidden;
    }
</style>

 <script type="text/javascript">
      //<![CDATA[
pf204652bottomLayer = document.getElementById('fl813691');
    var pf204652IntervalId = 0;
    var pf204652maxHeight = 99; //Chieu cao khung quang cao
    var pf204652minHeight = 20;
    var pf204652curHeight = 0;

    function pf204652show() {
        pf204652curHeight += 2;
        if (pf204652curHeight > pf204652maxHeight) {
            clearInterval(pf204652IntervalId);
        }
        pf204652bottomLayer.style.height = pf204652curHeight + 'px';
    }

    function pf204652hide() {
        pf204652curHeight -= 3;
        if (pf204652curHeight < pf204652minHeight) {
            clearInterval(pf204652IntervalId);
        }
        pf204652bottomLayer.style.height = pf204652curHeight + 'px';
    }
    pf204652IntervalId = setInterval('pf204652show()', 5);

    function pf204652clickhide() {
        document.getElementById('pf204652hide').style.display = 'none';
        document.getElementById('pf204652show').style.display = 'inline';
        pf204652IntervalId = setInterval('pf204652hide()', 5);
    }

    function pf204652clickshow() {
        document.getElementById('pf204652hide').style.display = 'inline';
        document.getElementById('pf204652show').style.display = 'none';
        pf204652IntervalId = setInterval('pf204652show()', 5);
    }

    function pf204652clickclose() {
        document.body.style.marginBottom = '0px';
        pf204652bottomLayer.style.display = 'none';
    }
      //]]>
</script>
      
Sponsored content

Cấp bậc:

Tường nhà Tường nhà Xem bài viết Bài viết Kết bạn Kết bạn Chặn người này Ngăn cấm
      

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

LOVE quotion » INTERNET » Forumotion »Các kiểu menu chức năng tùy biến, thu gọn

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

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



  • Đoàn Ngọc Khánh

    mobile phone 098 376 5575


    Đỗ Quang Thảo

    mobile phone 090 301 9666


    Nguyễn Văn Của

    mobile phone 090 372 1401


    IP address signature
    Free forum | ©phpBB | Free forum support | Liên hệ | Báo cáo lạm dụng | Thảo luận mới nhất