Xin Code Index Box có góc bên phải cho Invision[✔]

[hoangthong]

Chào các anh em! Mình muốn xin Code Invision có góc bên phải như trang forum này (chỉ là ví dụ vì forum đó dùng PunBB)
http://hoaphuong.forumvi.com/
Cảm ơn các anh em

[subin217]

Góc bên phải đó là cái Việt Nam ... phải không

Code:

<td width="10%" valign="top" style="padding-left:10px"><div id="sidebar_container" class="" style="width: 270px;"><a id="sidebar_button_link" href="#"><img id="sidebar_button" src="http://i39.servimg.com/u/f39/18/29/56/89/tab-co10.png" alt=""></a><ul id="sidebar" style="opacity: 1; display: block;"><li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="fmvicollapse11" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_5"></a><span class="blocktitle">Việt Nam Muôn Năm</span></div><div class="widget_content blockbody floatcontainer"><div id="block_html_5" class="blockrow"><center><a href="http://tayninhonline.net/forum/" target="_blank"><img src="http://i39.servimg.com/u/f39/18/29/56/89/blockh10.jpg" border="1" alt="Hoàng sa, Trường sa là của Việt Nam" height="324" width="250" title="Hoàng sa, Trường sa là của Việt Nam"></a></center></div></div></div><div class="underblock"></div></li><li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="fmvicollapse12" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_1"></a><span class="blocktitle">FACEBOOK HOA PHƯỢNG</span></div><div class="widget_content blockbody floatcontainer"><div id="block_html_1" class="blockrow"><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Hoa-Ph%C6%B0%E1%BB%A3ng-Forum/742232559170239&amp;width=250&amp;height=300&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:300px;" allowtransparency="true"></iframe></div></div></div><div class="underblock"></div></li><li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="fmvicollapse13" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_2"></a><span class="blocktitle">Thư viện</span></div><div class="widget_content blockbody floatcontainer"><div id="block_html_2" class="blockrow"><!--
 TayNinhOnline.Net Tab Menü Baþlangýç --><div class="block" style="border:1px solid gray; padding:1px; height:200px; width:100%; overflow:auto"><style type="text/css">.adv{margin:0 auto;}.adv td{padding:0;}.adv a{padding:6px 0 3px;height:20px;display:block;text-align:left;text-decoration:none;}.adv a:hover{background-color:orange;}.adv a span{display:none;}</style><div class="tborder adv" cellpadding="1" cellspacing="1" border="1" width="100%" align="center"><div style="border:1px solid #999999; padding:1px;"><a href="http://hoaphuong.forum.st/h12-page" title="Photohsop Online"><b>» Photohsop Online</b></a></div><div style="border:1px solid #999999; padding:1px;"><a href="http://www.datax5.com/" title="Up File"><b>» Up File</b></a></div><div style="border:1px solid #999999; padding:1px;"><a href="http://shoptayninh.net/vi/shops/DO-DIEN-TU/" title="ĐỒ ĐIỆN TỬ"><b>» ĐỒ ĐIỆN TỬ</b></a></div><div style="border:1px solid #999999; padding:1px;"><a href="http://shoptayninh.net/vi/shops/HANG-GIA-DUNG/" title="HÀNG GIA DỤNG"><b>» HÀNG GIA DỤNG</b></a></div><div style="border:1px solid #999999; padding:1px;"><a href="http://shoptayninh.net/vi/shops/OTO-XE-MAY-THIET-BI-DINH-VI/" title="ÔTÔ, XE MÁY &amp; THIẾT BỊ ĐỊNH VỊ"><b>» ÔTÔ, XE MÁY &amp; THIẾT BỊ ĐỊNH VỊ</b></a></div><div style="border:1px solid #999999; padding:1px;"><a href="http://shoptayninh.net/vi/shops/THOI-TRANG-TRANG-SUC/" title="THỜI TRANG &amp; TRANG SỨC"><b>» THỜI TRANG &amp; TRANG SỨC</b></a></div></div></div><!--
 / TayNinhOnline.Net Tab Menu Son --></div></div></div><!--
  bắt đầu -->              <div class="underblock"></div></li><li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="fmvicollapse14" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_3"></a><span class="blocktitle">Thư viện</span></div><div class="widget_content blockbody floatcontainer"><div id="block_html_3" class="blockrow"><center><center><a href="http://shoptayninh.net/vi/shops/"><img src="http://m.f21.photo.zdn.vn/upload/original/2014/05/03/12/31/3005638442_402588853_320_320.jpg" border="1" alt="Quản bá sản phẩm" height="150" width="250" title="Quản bá sản phẩm"></a></center></center></div></div><!--
 / kết thúc --><!--
  bắt đầu -->    <div class="underblock"></div></div></li><li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="fmvicollapse15" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_3"></a><span class="blocktitle">Quảng cáo</span></div><div class="widget_content blockbody floatcontainer"><div id="block_html_3" class="blockrow"><center><a href="http://shoptayninh.net/vi/shops/"><img src="http://m.f21.photo.zdn.vn/upload/original/2014/05/03/12/31/3005638442_402588853_320_320.jpg" border="1" alt="Quản bá sản phẩm" height="150" width="250" title="Quản bá sản phẩm"></a></center><center><a href="http://www.violympic.vn"><img src="http://i39.servimg.com/u/f39/18/29/56/89/violym11.jpg" border="1" alt="Quản bá sản phẩm" height="150" width="250" title="Quản bá sản phẩm"></a></center><center><a href="http://shoptayninh.net/vi/shops/"><img src="http://i38.servimg.com/u/f38/16/58/45/96/300x2510.jpg" border="1" alt="Quản bá sản phẩm" height="250" width="250" title="Quản bá sản phẩm"></a></center></div></div></div><!--
 / kết thúc -->      <div class="underblock"></div></li></ul></div><div class="underblock"></div></td>

CSS

Code:

#sidebar_container {
  float: right;
  width: 270px;
  padding: 17px 0;
  margin-bottom: 3em;
}
#sidebar_container a {
  color: #417394;
}
#sidebar_container > ul {
  background: url(http://i39.servimg.com/u/f39/18/29/56/89/no4b10.png) repeat-x left top;
  border: 1px solid rgb(185, 196, 205);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: -2px 2px 2px #c8c8c8;
  -webkit-box-shadow: -2px 2px 2px #c8c8c8;
  box-shadow: -2px 2px 2px #c8c8c8;
  float: left;
  width: 99%;
}
li {
  list-style: none;
}
#sidebar_container .block {
  margin-bottom: 4px;
  padding: 6px;
  border-top-right: 5px;
  border-top-left: 5px;
  border-top-right: 5px;
  border-top-left: 5px;
}
#sidebar_container .blocksubhead {
  background: transparent none;
  font-size: 13px;
  height: 16.76px;
  color: #424242;
  padding: 5px 6px;
  border: none;
  outline: none;
  font-weight: bold;
}
#sidebar_container .blockbody {
  padding: 0;
  color: #424242;
  border: 0px solid rgb(255, 102, 255);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgb(255, 255, 255);
}


[hoangthong]

Mình thử mà kg có kết quả bạn à. Chèn code vào mất nội dung của forum
Đây là forum mình: http://www.tuoitrecand.com/
Bạn xem lại giúp. Cảm ơn bạn
Hoặc có thể bạn cho mình code Index Box của Invision khác có xuất hiện góc bên phải

[Larva]

vào index_body tìm

{BOARD_INDEX}

thay thành

Code:


<table width="100%">
    <tbody>
        <tr>
            <td width="90%" valign="top">{BOARD_INDEX}</td>
            <td width="10%" valign="top" style="padding-left:10px">
                <div id="sidebar_container" class="" style="width: 270px;">
                    <a id="sidebar_button_link" href="#"><img id="sidebar_button" src="http://i39.servimg.com/u/f39/18/29/56/89/tab-co10.png" alt=""></a>
                    <ul id="sidebar" style="opacity: 1; display: block;">
                        <li>
                            <div class="block smaller">
                                <div class="blocksubhead">
                                    <a class="collapse" id="fmvicollapse11" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_5"></a><span class="blocktitle">Việt Nam Muôn Năm</span></div>
                                <div class="widget_content blockbody floatcontainer">
                                    <div id="block_html_5" class="blockrow">
                                        <center>
                                            <a href="http://tayninhonline.net/forum/" target="_blank"><img src="http://i39.servimg.com/u/f39/18/29/56/89/blockh10.jpg" border="1" alt="Hoàng sa, Trường sa là của Việt Nam" height="324" width="250" title="Hoàng sa, Trường sa là của Việt Nam"></a>
                                        </center>
                                    </div>
                                </div>
                            </div>
                            <div class="underblock"></div>
                        </li>
                        <li>
                            <div class="block smaller">
                                <div class="blocksubhead">
                                    <a class="collapse" id="fmvicollapse12" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_1"></a><span class="blocktitle">FACEBOOK HOA PHƯỢNG</span></div>
                                <div class="widget_content blockbody floatcontainer">
                                    <div id="block_html_1" class="blockrow">
                                        <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Hoa-Ph%C6%B0%E1%BB%A3ng-Forum/742232559170239&amp;width=250&amp;height=300&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:300px;" allowtransparency="true"></iframe>
                                    </div>
                                </div>
                            </div>
                            <div class="underblock"></div>
                        </li>
                        <li>
                            <div class="block smaller">
                                <div class="blocksubhead">
                                    <a class="collapse" id="fmvicollapse13" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_2"></a><span class="blocktitle">Thư viện</span></div>
                                <div class="widget_content blockbody floatcontainer">
                                    <div id="block_html_2" class="blockrow">
                                        <!-- TayNinhOnline.Net Tab Menü Baþlangýç -->
                                        <div class="block" style="border:1px solid gray; padding:1px; height:200px; width:100%; overflow:auto">
                                            <style type="text/css">
                                                .adv {
                                                    margin: 0 auto;
                                                }
                                               
                                                .adv td {
                                                    padding: 0;
                                                }
                                               
                                                .adv a {
                                                    padding: 6px 0 3px;
                                                    height: 20px;
                                                    display: block;
                                                    text-align: left;
                                                    text-decoration: none;
                                                }
                                               
                                                .adv a:hover {
                                                    background-color: orange;
                                                }
                                               
                                                .adv a span {
                                                    display: none;
                                                }
                                            </style>
                                            <div class="tborder adv" cellpadding="1" cellspacing="1" border="1" width="100%" align="center">
                                                <div style="border:1px solid #999999; padding:1px;"><a href="http://hoaphuong.forum.st/h12-page" title="Photohsop Online"><b>» Photohsop Online</b></a></div>
                                                <div style="border:1px solid #999999; padding:1px;"><a href="http://www.datax5.com/" title="Up File"><b>» Up File</b></a></div>
                                                <div style="border:1px solid #999999; padding:1px;"><a href="http://shoptayninh.net/vi/shops/DO-DIEN-TU/" title="ĐỒ ĐIỆN TỬ"><b>» ĐỒ ĐIỆN TỬ</b></a></div>
                                                <div style="border:1px solid #999999; padding:1px;"><a href="http://shoptayninh.net/vi/shops/HANG-GIA-DUNG/" title="HÀNG GIA DỤNG"><b>» HÀNG GIA DỤNG</b></a></div>
                                                <div style="border:1px solid #999999; padding:1px;"><a href="http://shoptayninh.net/vi/shops/OTO-XE-MAY-THIET-BI-DINH-VI/" title="ÔTÔ, XE MÁY &amp; THIẾT BỊ ĐỊNH VỊ"><b>» ÔTÔ, XE MÁY &amp; THIẾT BỊ ĐỊNH VỊ</b></a></div>
                                                <div style="border:1px solid #999999; padding:1px;"><a href="http://shoptayninh.net/vi/shops/THOI-TRANG-TRANG-SUC/" title="THỜI TRANG &amp; TRANG SỨC"><b>» THỜI TRANG &amp; TRANG SỨC</b></a></div>
                                            </div>
                                        </div>
                                        <!-- / TayNinhOnline.Net Tab Menu Son -->
                                    </div>
                                </div>
                            </div>
                            <!-- bắt đầu -->
                            <div class="underblock"></div>
                        </li>
                        <li>
                            <div class="block smaller">
                                <div class="blocksubhead">
                                    <a class="collapse" id="fmvicollapse14" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_3"></a><span class="blocktitle">Thư viện</span></div>
                                <div class="widget_content blockbody floatcontainer">
                                    <div id="block_html_3" class="blockrow">
                                        <center>
                                            <center>
                                                <a href="http://shoptayninh.net/vi/shops/"><img src="http://m.f21.photo.zdn.vn/upload/original/2014/05/03/12/31/3005638442_402588853_320_320.jpg" border="1" alt="Quản bá sản phẩm" height="150" width="250" title="Quản bá sản phẩm"></a>
                                            </center>
                                        </center>
                                    </div>
                                </div>
                                <!-- / kết thúc -->
                                <!-- bắt đầu -->
                                <div class="underblock"></div>
                            </div>
                        </li>
                        <li>
                            <div class="block smaller">
                                <div class="blocksubhead">
                                    <a class="collapse" id="fmvicollapse15" href="#top"><img alt="" src="http://i39.servimg.com/u/f39/18/29/56/89/collap10.png" id="collapseimg_html_3"></a><span class="blocktitle">Quảng cáo</span></div>
                                <div class="widget_content blockbody floatcontainer">
                                    <div id="block_html_3" class="blockrow">
                                        <center>
                                            <a href="http://shoptayninh.net/vi/shops/"><img src="http://m.f21.photo.zdn.vn/upload/original/2014/05/03/12/31/3005638442_402588853_320_320.jpg" border="1" alt="Quản bá sản phẩm" height="150" width="250" title="Quản bá sản phẩm"></a>
                                        </center>
                                        <center>
                                            <a href="http://www.violympic.vn"><img src="http://i39.servimg.com/u/f39/18/29/56/89/violym11.jpg" border="1" alt="Quản bá sản phẩm" height="150" width="250" title="Quản bá sản phẩm"></a>
                                        </center>
                                        <center>
                                            <a href="http://shoptayninh.net/vi/shops/"><img src="http://i38.servimg.com/u/f38/16/58/45/96/300x2510.jpg" border="1" alt="Quản bá sản phẩm" height="250" width="250" title="Quản bá sản phẩm"></a>
                                        </center>
                                    </div>
                                </div>
                            </div>
                            <!-- / kết thúc -->
                            <div class="underblock"></div>
                        </li>
                    </ul>
                </div>
                <div class="underblock"></div>
            </td>
</tr></tbody></table>


cho vào CSS

Code:


#sidebar_container {
   float:right;
   width:270px;
   padding: 17px 0;
   margin-bottom:3em;
}

#sidebar_container.sidebarleft {
   float:left;
}

#sidebar_container a {
   color: #417394;
}

#sidebar_container a:hover {
   color: #417394;
}

#sidebar_button {
   display:block;
   margin-top: 40px;
   float:right;
   margin-right:-28px;
   _margin: 40px 0 0 0;
   _display: inline-block;
}
#sidebar_button {
   _display: inline;
}
#sidebar_container.sidebarleft #sidebar_button {
   float:left;
   margin-left:-28px;
}

#sidebar_container .block {
   margin-bottom:4px;
   padding:6px;
   border-top-right: 5px;
   border-top-left: 5px;
   border-top-right: 5px;
   border-top-left: 5px;
}

#sidebar_container .blockbody {
   padding: 0;
   color: #424242;
   border:0px solid rgb(255, 102, 255);
   -moz-border-radius:5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   background:rgb(255, 255, 255);
}

#sidebar_container .blockrow {
    background: none repeat-x scroll 0 0 #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    border-top: 1px solid #FFFFFF;
    padding: 10px 6px;
}

#sidebar_container .underblock {
   height:12px;
   background:transparent none repeat-x left bottom;
}

#sidebar_container .blocksubhead {
   padding:10px 6px 10px 6px;
}

#sidebar_container .blocksubhead {
   background:transparent none;
   font-size:13px;
   height:16.76px;
   color: #424242;
   padding: 5px 6px;
   border:none;
   outline:none;
   font-weight:bold;
}

#sidebar_container .blocksubhead span.blocktitle {
   width: auto;
   display:block;
   white-space:nowrap;
   float:left;
   overflow:hidden;
   padding-left:3px;
}

#sidebar_container .blocksubhead img {
   vertical-align:middle;
   float: left;
}

#sidebar_container .blocksubhead img.inlineimg {
   float: none;
   position: relative;
   top: -2px;
}

#sidebar_container .blocksubhead a.username {
   padding-right:20px;
}

#sidebar_container .formcontrols .blockrow label {
   width:auto;
}

#sidebar_container .advanced.blockfoot {
   padding:6px;
   border-bottom:none;
   font-size:88%;
   font-weight:bold;
   background: transparent;
}
#sidebar_container .searchblock .advanced a {
   line-height:2;
}

#sidebar_container .searchblock .advanced .button {
   float:right;
}


#sidebar_container > ul {
   background: url(http://i39.servimg.com/u/f39/18/29/56/89/no4b10.png) repeat-x left top;
   border:1px solid rgb(185, 196, 205);
   -moz-border-radius:5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;

   -moz-box-shadow:-2px 2px 2px #c8c8c8;
   -webkit-box-shadow:-2px 2px 2px #c8c8c8;
   box-shadow:-2px 2px 2px #c8c8c8;

   float:left;
   width:99%;
}
#sidebar_container a.collapse {
   position:static;
}

#sidebar_container.sidebar_closed {
   width:0px;
}

#sidebar.sidebar_hidden {
   display:none;
}


[hoangthong]

chân thành cảm ơn bạn

[Sponsored content]