[HELP] Hướng dẫn mình làm thanh này với

Bạn nào rành XF thì hướng dẫn mình làm thanh này chạy dọc forum như trang http://www.danhchocon.net/forum với
( khi kéo xuống dưới, thanh này xuất hiện và chạy dọc theo forum)

 

Cái này chắc là javascript nữa @@

 

có thể làm được nhưng chắc là k giống hoàn toàn với demo

 

cậu thử xem sao đi

 

để làm thử ...

 

xem thử được không http://s2mientrung.com/forum/

 

share đi mic

 

mới làm xong,tối về share giờ đi công việc xíu

 

hóng vậy

 

Share mình cũng cần

 

Mấy cái nút like cậu phải tự thay bằng link của trang cậu nhé
Thêm đoạn này vào EXTRA.CSS

Mã:

#share_wrap.fixed {
width: 1010px;
height: auto;
position: fixed;
top: 0;
overflow: visible;
background: url('http://www.danhchocon.net/imgs/bg_newyear.png') repeat !important;
z-index: 99;
padding: 10px 20px;
}

Thêm đoạn này vào header

Mã:

<div id="share_wrap" class="fixed">
                <div style="position: absolute;top:5px;left:10px;">
                        <a href="http://www.danhchocon.net" title="Dành Cho Con - Mãi Mãi 1 Tình Yêu - Ba Mẹ Dành Cho Con"><img alt="Dành Cho Con - Mãi Mãi 1 Tình Yêu - Ba Mẹ Dành Cho Con" src="http://www.danhchocon.net/imgs/small_logo.png"></a>
                </div>
                <div style="float:left;width:auto;padding-left:30px;font-weight:bold;color:#fff">
                        <a title="Xem nhanh các mục tin" data-cacheoverlay="true" class="OverlayTrigger jumpMenuTrigger" href="misc/quick-navigation-menu?selected=node-7" style="color: #fff;">CÁC MỤC TIN</a>
                         
                </div>
                <div style="float:right;width:auto;">
       
       
           
                <table>
                <tr>
                    <td class="shareControl" style="width:200px;font-weight:bold;color: #fff;">Bạn thích Dành Cho Con?</td>
                    <td class="facebookLike shareControl" style="width:145px;">
                       
                        <fb:like href="http://www.danhchocon.net" show_faces="false" data-send="true" width="125" action="like" font="trebuchet ms" colorscheme="light" data-layout="button_count" fb-xfbml-state="rendered" class="fb_edge_widget_with_comment fb_iframe_widget"><span style="height: 20px; width: 131px;"><iframe id="f27b21d92" name="f2cfafc5e4" scrolling="no" style="border: none; overflow: hidden; height: 20px; width: 131px;" title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?api_key=254982727939018&amp;locale=vi_VN&amp;sdk=joey&amp;channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df1879bedcc%26origin%3Dhttp%253A%252F%252Fwww.danhchocon.net%252Ff3f0b6adc8%26domain%3Dwww.danhchocon.net%26relation%3Dparent.parent&amp;href=http%3A%2F%2Fwww.danhchocon.net&amp;node_type=link&amp;width=150&amp;font=trebuchet%20ms&amp;layout=button_count&amp;colorscheme=light&amp;action=like&amp;show_faces=false&amp;send=true&amp;extended_social_context=false"></iframe></span></fb:like>
                    </td>
                           
               
                    <td class="plusone shareControl" style="width:80px">
                        <div style="height: 20px; width: 90px; display: inline-block; text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial;" id="___plusone_0"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 90px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%" id="I0_1359177526983" name="I0_1359177526983" src="https://plusone.google.com/_/+1/fastbutton?bsv&amp;size=medium&amp;count=true&amp;hl=vi-VN&amp;origin=http%3A%2F%2Fwww.danhchocon.net&amp;url=http%3A%2F%2Fwww.danhchocon.net%2F&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.vi.MnRiafwWDNc.O%2Fm%3D__features__%2Fam%3DQQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTMOASMQdFnymLEuvlvvtVLLJlA83w#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Conload&amp;id=I0_1359177526983&amp;parent=http%3A%2F%2Fwww.danhchocon.net" allowtransparency="true" data-gapiattached="true" title="+1"></iframe></div>
                    </td>
               
               
                    <td class="tweet shareControl" style="width:90px">
                        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.1359159993.html#_=1359177527010&amp;count=horizontal&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2Fwww.danhchocon.net%2Fforum%2F%23.UQNnNb_PT0c&amp;size=m&amp;text=Gia%20%C4%90%C3%ACnh%20-%20Cha%20M%E1%BA%B9%20-%20Mang%20Thai%20-%20Sinh%20Con%20-%20S%E1%BB%A9c%20Kho%E1%BA%BB%20-%20D%E1%BA%A1y%20D%E1%BB%97&amp;url=http%3A%2F%2Fwww.danhchocon.net&amp;via=danhchocon" class="twitter-share-button twitter-count-horizontal" style="width: 110px; height: 20px;" title="Twitter Tweet Button" data-twttr-rendered="true"></iframe>
                    </td>
               
                </tr>
                </table>
 
       
                </div>
    </div>

 

Add thử nhưng ko phải code chuẩn,code chuẩn là khi kéo lên trên sẽ hiển thị ẩn thanh đó mà
cái này add vô có hiển thị ẩn đâu (

 

sao lúc kéo lên trên cùng nó ko ẩn nhỉ

 

làm sao cho nó ra giữa nhỉ

 

Extra.css còn thiếu đoạn này nên nó ko ẩn

Mã:

#share_wrap{
    height: 0;
    overflow: hidden;
}

nhưng mình chưa biết cách chỉnh ra giữa, nó cứ lêch về trái

 

http://vietxf.org/threads/huong-dan-tao-thanh-truot-tren-4r.6026
nếu bị lệch thì pm mình ....