Thêm một số tiện ích cho skin 3bi

[Mr.Winni]

Một số tiện ích trong này chỉ dùng được cho skin 3 bi.

1. Mod hiện Announcements cho skin 3 bi (một số skin khác có sẵn nhưng skin Fr share không có)

Các bạn thêm code này vào cuối overall_header_new:

Code:

<!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker -->

2. Tạo thanh chia sẻ qua các mạng xã hội:

Các bạn vào Wibiya.com và http://www.gigya.com/public/default.aspx để tạo.
demo:


3. Tạo nền cho các nút lệnh:
Demo:

Các bạn chèn code này vào CSS:

Code:

ul.privmsg{
margin-left: 10px;
}
ul.privmsg li {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m311.png');
background-position: top center;
background-color: #f6b10f;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
ul.privmsg li a {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m111.png');
background-position: top center;
background-color: #595959;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
ul.privmsg li:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m410.png');
background-position: top center;
background-color: #4a4a4a;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
ul.privmsg li a:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m211.png');
background-position: top center;
background-color: #282828;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
button.button2, input.button2 {
color: #000;
font-weight: bold;
background-repeat: repeat-x;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m212.png');
background-position: center;
}
button.button2:hover, input.button2:hover {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m411.png');
color: #000;
font-weight: bold;
background-position: center;
}
.button, .mainoption{
color: #000 ;
font-weight: bold;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m212.png');
background-position: center;
}
.button:hover, .mainoption:hover{
color: #000;
font-weight: bold;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m411.png');
background-position: center;
}

4. Tạo bảng thông báo quy định viết bài ( cạnh khung trả lời nhanh):
Demo:

Code:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/></script>
<script type='text/javascript'>
$(function(){
// loop though each link
$("a.acctitle").each(function(){
// add an event on click
$(this).click(function(){
// hide all div's with accContent class
$(".accContent").each(function(){
$(this).hide("slow");
});

// the main point of this script - Fetch ref attribute of
// title link and display the hidden div with that id
$("#"+$(this).attr("ref")).show("slow");
return;
});
});
});
</script>

<style type='text/css'>
.accordion{
width:400px;
}
.accContent{
display:none;
border:1px solid #cccccc;
padding:3px;
}
.acctitle{
display:block;
width:100%;
padding:3px 0px 3px 3px;
background-color:#cccccc;
color:#000000;
cursor:pointer
}
.defaultAccordion{
display:block;

}
</style>

<div class="accordion">
<a ref="first_section" class="acctitle"><b>Template Winniblog Blue</b></a>
<div id="first_section" class="accContent defaultAccordion">
<center><a href="#" target="_blank"><img src="http://c.upanh.com/upload/7/623/CS0.11836285_29781_1.png" alt=""/></a></center>
</div>

<a ref="second_section" class="acctitle"><b>Template WinniBlog Grown</b></a>
<div id="second_section" class="accContent">
<center><a href="#" target="_blank"><img src="http://c.upanh.com/upload/7/623/CS0.11836288_29781_1.png" alt=""/></a></center>
</div>

<a ref="third_section" class="acctitle"><b>Template WinniBlog Green</b></a>
<div id="third_section" class="accContent">
<center><a href="# target="_blank"><img src="http://c.upanh.com/upload/7/623/CS0.11836290_29781_1.png" alt=""/></a></center>
</div>

<a ref="four_section" class="acctitle"><b>Template WinniBlog Red</b></a>
<div id="four_section" class="accContent">
<center><a href="#" target="_blank"><img src="http://c.upanh.com/upload/7/623/3L0.11836291_29781_1.png" alt=""/></a></center>
</div>


<a ref="five_section" class="acctitle"><b>Tiện ích bổ sung</b></a>
<div id="five_section" class="accContent">
<center><img src="http://c.upanh.com//upload/1/905/XE0.4496346_25259_5792.png" alt=""/> Có thể thêm nhiều thẻ tiện ích bổ sung.</center>
</div>
</div>

[Bo Lùn™]

Tks bạn. Hình như cái cuối cùng là chèn vào viewtopic body đúng không

[Mr.Winni]

đúng rồi bạn

[trinh123]

Còn cái last topic ko share nốt cho nó đồng bộ hở cậu....

[Mr.Winni]

cái đó ở đây share rồi mà! Tìm lại đi bạn ^^

[trinh123]

ko,mình đâu có xài đâu...tại ko thấy nên nói chủ topic tập hợp về 1 chỗ luôn...hj..

[bubu]

Cho mình sin skin này dc không đẹp quá cho mình cách sử dujgn nun nhé Thabnk

[Mr.Winni]

Cho mình sin skin này dc không đẹp quá cho mình cách sử dujgn nun nhé Thabnk

Skin này là skin 3bi, mọi người chia sẻ nhiều rồi

[Mr.Winni]

ko,mình đâu có xài đâu...tại ko thấy nên nói chủ topic tập hợp về 1 chỗ luôn...hj..

Win có cái Last riêng của skin 3 bi nhưng host 110bm bị gì ùi, đăng nhập không được. Xui

[Sponsored content]