Demo :
+ Hướng dẫn :
Đầu tiên vào Chỉnh sửa HTML (Edit HTML) thêm đoạn code bên dưới vào trước thẻ đóng ]]></b:skin>
Tiếp đến bạn vào Bố cục rồi thêm tiện ích HTML/JavaScript sau đó dán code này vào :
Sửa lại các chú thích mà bạn thấy hợp lý.
Đầu tiên vào Chỉnh sửa HTML (Edit HTML) thêm đoạn code bên dưới vào trước thẻ đóng ]]></b:skin>
/*======================siderbar=================*/
.hotsite {
text-align: center;
margin: 0 auto;
border: none;
border-radius: 5px;
padding: 10px;
}
.hotsite {
padding: 0px!important;
width: 210px;
height: 400px;
}
.hotsite ul {
height: 95px;
position: relative;
text-align: center;
display: inline-block;
overflow: hidden;
}
.hotsite ul {
height: 400px!important;
list-style-type: none;
}
.hotsite ul li {
height:75px;
width: 50px;
vertical-align: text-top;
text-align: center;
display: inline-block;
font-size: 12px;
margin: 0;
overflow: hidden;
position: relative;
border: 1px solid transparent;
padding: 0px 5px !important;
}
.hotadssite img {
width: 30px;
height: 30px;
/*display: block;
box-shadow: 0 0 3px #999;
border-radius: 6px;
overflow: hidden;
margin: 30px auto;*/
}
/*img xoay tròn*/
.anhxoay img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255, 0, 0, .4), inset 0 0 20px rgba(255, 255, 255, 1);
-moz-box-shadow: 0 0 20px rgba(255, 0, 0, .4), inset 0 0 20px rgba(255,255,255,1);
box-shadow: 0 0 20px rgba(255, 0, 0, .4), inset 0 0 20px rgba(255, 255, 255, 1);
}
.anhxoay img{
width: 40px;
height: 40px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 4px;
background: #EEE;
background: -webkit-gradient(linear, left top, left bottom, from(#EEE), color-stop(0.5, #DDD), color-stop(0.5, #25AAE1), to(#AAA));
background: -moz-linear-gradient(top, #EEE, #DDD 50%, #25AAE1 50%, #AAA);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);a
box-shadow: 0 0 3px rgba(0, 0, 0, .7);}
Tiếp đến bạn vào Bố cục rồi thêm tiện ích HTML/JavaScript sau đó dán code này vào :
</style><div class="hotsite"><ul><li><a title="Download Internet Download Manager" href="http://www.mediafire.com/?sws54ttiqakxdzd">
<span class="anhxoay"><img alt="idm" src="https:///lh6.googleusercontent.com/-5BjsLflGDp0/UV4R34fogjI/AAAAAAAAK78/uubAqPL3JjE/s0/svcgbenthuy.net-1.png" title="idm">IDM 6.15</span></a></li>
<li><a title="Download Unikey" href="http://www.mediafire.com/?80skx9rgwmt8g1x">
<span class="anhxoay"><img alt="unikey" src="https:///lh4.googleusercontent.com/-b6jj5Haw2zg/UV4R4TpUftI/AAAAAAAAK8E/1tdzOIOaxLs/s0/svcgbenthuy.net-2.png" title="unikey">Unikey</span></a></li>
<li><a title="Tải K-Lite Codec Pack" href="http://www.mediafire.com/?ejqybjde2rzw88q">
<span class="anhxoay"><img alt="K-Lite Codec Pack" src="https:///lh6.googleusercontent.com/-3I3BhoQf3Ls/UV4R4wcgDRI/AAAAAAAAK8M/M3ym94zyx74/s0/svcgbenthuy.net-3.png" title="K-Lite Codec Pack">K-Lite Codec Pack</span></a></li>
<li><a title="Tải Yahoo! Messenger" href="http://www.mediafire.com/?af30yn2f2ljsfza">
<span class="anhxoay"><img alt="yahoo" src="https:///lh6.googleusercontent.com/-nkQYgZk5cYY/UV4R5FbzMrI/AAAAAAAAK8U/E3Igfl8VBYQ/s0/svcgbenthuy.net-4.png" title="yahoo">Chat Yahoo</span></a></li>
<li><a title="Download UltraSurf" href="http://www.mediafire.com/?n4mwh710hkalhfx">
<span class="anhxoay"><img alt="ultrasurf" src="https:///lh6.googleusercontent.com/-N1q1kY8eEJs/UV4R5uP1LpI/AAAAAAAAK8c/HiL-nD4ZZYU/s0/svcgbenthuy.net-5.png" title="ultrasurf">UltraSurf</span></a></li>
<li><a title="Your Uninstall" href="http://www.mediafire.com/?82wuea4wuqinzco">
<span class="anhxoay"><img alt="total uninstall" src="https:///lh6.googleusercontent.com/-FwwoshXGVnA/UV4R55c8L3I/AAAAAAAAK8k/XtIwMyiE4EY/s0/svcgbenthuy.net-6.jpg" title="total uninstall">Your Uninstall</span></a></li>
<li><a title="Download Google Chrome" href="http://www.google.com/intl/vi/chrome/browser/">
<span class="anhxoay"><img alt="google chrome" src="https:///lh4.googleusercontent.com/-qhBDyKXsZz0/UV4R6SKM44I/AAAAAAAAK8s/XxHlUtsfOI4/s0/svcgbenthuy.net-7.png" title="google chrome">Google Chrome</span></a></li>
<li><a title="Download Foxit Reader" href="http://www.mediafire.com/?mdyg1e7st3npavb">
<span class="anhxoay"><img alt="foxit reader" src="https:///lh6.googleusercontent.com/-iiY938SFIoE/UV4R6-1wxnI/AAAAAAAAK80/w1R-3RRCfTI/s0/svcgbenthuy.net-8.png" title="foxit reader">Foxit Reader</span></a></li>
<li><a title="Download CCleaner" href="http://www.mediafire.com/?dd19wcl3qyqwbuo">
<span class="anhxoay"><img alt="ccleaner" src="https:///lh4.googleusercontent.com/-D_W7_DM6Rlo/UV4R7JvBZkI/AAAAAAAAK88/UG7bC37D50Q/s0/svcgbenthuy.net-9.png" title="ccleaner">CCleaner</span></a></li>
<li><a title="Download Mozilla Firefox" href="http://www.mozilla.org/vi/firefox/fx/">
<span class="anhxoay"><img alt="firefox" src="https:///lh6.googleusercontent.com/-v_gv1P45goc/UV4R7vrpKVI/AAAAAAAAK9E/pO3pGS-HVa8/s0/svcgbenthuy.net-10.jpg" title="firefox">Tải Firefox</span></a></li>
<li><a title="Download Total Video Converter" href="http://www.mediafire.com/?29thso899doo53w">
<span class="anhxoay"><img alt=" total video converter" src="https:///lh6.googleusercontent.com/-to556IRGXB8/UV4R8JcvYQI/AAAAAAAAK9M/UnqymixwkrU/s0/svcgbenthuy.net-11.jpg" title=" total video converter">Total Video Converter</span></a></li>
<li><a title="phần mềm đọc file pdf" href="http://www.mediafire.com/?rf3rrpezhm2xzck">
<span class="anhxoay"><img alt="adobe reader" src="https:///lh3.googleusercontent.com/-1VUUZqZese8/UV4R858R96I/AAAAAAAAK9U/JpguOEfeLsM/s0/svcgbenthuy.net-12.png" title="adobe reader">Adobe Reader</span></a></li>
<li><a title="Download Avira Anti-Virus 2013" href="http://www.mediafire.com/?sq9eypybaruc2fy">
<span class="anhxoay"><img alt="Avira Free" src="https:///lh5.googleusercontent.com/-rWNxoq2uWdQ/UV4R9I2uykI/AAAAAAAAK9c/i49q6C8ipLk/s0/svcgbenthuy.net-13.png" title="Avira Free">Avira 2013</span></a></li>
<li><a title="Download Sopcast" href="http://www.mediafire.com/?tz41b8bncm4nccs">
<span class="anhxoay"><img alt="Sopcast" src="https:///lh6.googleusercontent.com/-QrXtnkbDees/UV4R9ogtNgI/AAAAAAAAK9k/wvAiBHvx7Sk/s0/svcgbenthuy.net-14.png" title="Sopcast">Sopcast 3.5.0</span></a></li>
<li><a title="Download Winrar 4.2.0" href="http://www.rarlab.com/download.htm">
<span class="anhxoay"><img alt="winrar" src="https:///lh4.googleusercontent.com/-xcNocU1CpRw/UV4R-BlN9CI/AAAAAAAAK9s/-g24JMJcozA/s0/svcgbenthuy.net-15.png" title="winrar">Winrar 4.2.0</span></a></li></ul>
Sửa lại các chú thích mà bạn thấy hợp lý.
Đăng nhận xét