You are not connected. Please login or register

Diễn Đàn Hỗ Trợ FM  » Advanced Search

Chuyển đến trang : 1, 2, 3, 4, 5, 6  Next

Tìm thấy 83 mục

Ťitus đẹp trai đã viết:
--GameThu.forumotion.com--

Chào các bạn, hiện tại diễn đàn GameThu đã được hoàn thành và đưa vào sử dụng.

Mục đích chúng tôi muốn hướng đến là tạo ra một nơi giải trí cho cộng đồng game thủ việt nam, nơi chia sẻ những game hay, thủ thuật hay,... và còn rất nhiều thứ khác.

Các bạn hãy click vào đây để đăng ký cho mình 1 tài khoản để trải nghiệm những điều thú vị cùng GameThu nhé.

Các bạn có thế truy cập diễn đàn bằng 2 đường link sau đây:


Mong rằng các bạn sẽ cùng ban quản trị forum chung tay phát triển GameThu ngày càng vững mạnh nhé.

BQT GameThu

#codefm



Up cho cái Textlink nào
Code:
http://thainguyennews.forumvi.com
--GameThu.forumotion.com--

Chào các bạn, hiện tại diễn đàn GameThu đã được hoàn thành và đưa vào sử dụng.

Mục đích chúng tôi muốn hướng đến là tạo ra một nơi giải trí cho cộng đồng game thủ việt nam, nơi chia sẻ những game hay, thủ thuật hay,... và còn rất nhiều thứ khác.

Các bạn hãy click vào đây để đăng ký cho mình 1 tài khoản để trải nghiệm những điều thú vị cùng GameThu nhé.

Các bạn có thế truy cập diễn đàn bằng 2 đường link sau đây:


Mong rằng các bạn sẽ cùng ban quản trị forum chung tay phát triển GameThu ngày càng vững mạnh nhé.

BQT GameThu

#codefm



Tags: #rao-vặt
Demo :


tạo 1 js : in all pages

Code:
$(function () {
    "/register" == location.pathname && $("#username_reg").attr({
        pattern: "^[^\\d\\.]([\\.\\w\\d]+){2,}",
        title: "Name must be at least 3 characters and start with letter or underscore. Only allowed to use letters, numbers, punctuation and underscores"
    })
});


nguồn :
Code:
www.kenhit.123.st

Tags: #code #codefm
Search in: Code Forumotion  Chủ đề: [Code] Js vô hiệu hoá ký tự đặc biệt phần đăng ký  Trả lời: 9  Xem: 710

buton demo và dowload bằng css cực đẹp


Chia sẻ cho ae thêm bộ buton cho những ai hay chia sẻ phần mềm IT rất ngầy và chuyên nghiệp



khi chỉ chuột đến nó di chuyển hehe. click vào sẽ ra link



Code:
$(document).on('ready',function(){
$('.btn-slide1 a').each(function(){
var davhotrofmdemo=$(this).attr('href');$(this).prepend('<a target="_blank" src="'+davhotrofmdemo+'" class="btn-slide"><span class="circle"><i class="fa fa-rocket"></i></span><span class="title">Demo</span><span class="title-hover">Click here</span>
</a>')}
)});
$(document).on('ready',function(){
$('.btn-slide3 a').each(function(){
var davhotrofmdow=$(this).attr('href');$(this).prepend('<a target="_blank" src="'+davhotrofmdow+'" class="btn-slide2"><span class="circle2"><i class="fa fa-download"></i></span><span class="title2">Download</span><span class="title-hover2">Click here</span></a>')}
)});
$(function(){
     $(function(){
          $('<a class="sceditor-button sceditor-button-new-button-demo" unselectable="on" title="Additional Info on Hover Here"><div unselectable="on" style="background-image:url(http://icons.iconarchive.com/icons/saki/nuoveXT/16/Apps-demo-icon.png)">Dowload</div></a>').insertAfter('.sceditor-button-fahide').click(function(){
               $('#text_editor_textarea').sceditor("instance").insertText("[table class=btn-slide1][tr][td]","[/td][/tr][/table]");
          });
      });
     $(function(){
          $('<a class="sceditor-button sceditor-button-new-button-dowload" unselectable="on" title="Additional Info on Hover Here"><div unselectable="on" style="background-image:url(http://icons.iconarchive.com/icons/7ur/iConPack/16/dowload-icon.png)">Dowload</div></a>').insertAfter('.sceditor-button-fahide').click(function(){
               $('#text_editor_textarea').sceditor("instance").insertText("[table class=btn-slide3][tr][td]","[/td][/tr][/table]");
          });
      });
});
$(function(){
    $("p").prepend("<style>.btn-slide1, .btn-slide3 { font-size: 0px; } .btn-slide, .btn-slide2 { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s; } .btn-slide2 { border: 2px solid #efa666; } .btn-slide:hover { background-color: #0099cc; } .btn-slide2:hover { background-color: #efa666; } .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #0099cc; } .btn-slide2:hover span.circle2 { color: #efa666; } .btn-slide:hover span.title, .btn-slide2:hover span.title2 { left: 40px; opacity: 0; } .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; } .btn-slide span.circle, .btn-slide2 span.circle2 { display: block; background-color: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; } .btn-slide2 span.circle2 { background-color: #efa666; } .btn-slide span.title, .btn-slide span.title-hover, .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #30abd5; transition: .5s; } .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { color: #efa666; left: 80px; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { left: 80px; opacity: 0; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { color: #fff; }.btn-slide3 .fa, .btn-slide1 .fa {font-size: 25px;padding: 8px;}</style>");
});


option: ACP >> General >> Security >> Disable external links to guests in messages :NO

Nhớ post demo và dow load phải ở dạng link nhé. ko là ko hiện đâu :)

à nếu ai cho vào mà ko hiện hình thì cho thêm font nhé

Code:
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />


p/s Mấy topic trước mình ko nhắc nhưng lần này mình nhắc ae nào copy thì cho mình lại cái link về đây nhé. :) thank
Tags: #code #codefm
Search in: Code Forumotion  Chủ đề: [Code] bbcode nút demo và dowload cực đẹp với font awesome  Trả lời: 0  Xem: 856

News Sticker với CSS3 Thuần dành cho forumotion


demo:

Theo như ước muốn của duật gay. mình làm lại dựa theo css của thuthuatweb để dùng được ở forumvi. ae sài thì cho ý kiến nhé chứ mình thấy ngon phết

Code:
<div class="newshotrofm"><div class="news red">
  <span>Latest News</span></div></div>
<script>$(function () {
  $.ajax({url: "/feed/",success: function (a) {
  $(".news span").after('<ul id="newshotrofmdav">');
  22 < $(a).find("title").length ? so = 22 : so = $(a).find("title").length;for (i = 2; i < so; i++)
$('<li><a href="' + $(a).find("link:eq(" + i + ")").text() + '">' + $(a).find("title:eq(" + i + ")").text() + "</a></li>").appendTo("#newshotrofmdav")}})});</script>

<style>
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@keyframes ticker {
    0%  {margin-top: 0}
    25%  {margin-top: -30px}
    50%  {margin-top: -60px}
    75%  {margin-top: -90px}
    100% {margin-top: 0}
}
 
body { background: #333; width: 100%; height: 100% }
 
.news {
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4), 0 5px 10px rgba(0,0,0,0.5);
  height: 30px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 4px;
  padding: 3px;
  -webkit-user-select: none
}
 
.news span {
  float: left;
  color: #fff;
  padding: 6px;
  position: relative;
  top: 1%;
  border-radius: 4px;
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);
  font: 16px 'Source Sans Pro', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  cursor: pointer
}
 
.news ul {
  float: left;
  padding-left: 20px;
  animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none
}
 
.news ul li {line-height: 30px; list-style: none }
 
.news ul li a {
  color: #fff;
  text-decoration: none;
  font: 14px Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none
}

#newshotrofmdav a:visited {
    color: #fff;
}
#newshotrofmdav a:link {
    color: #fff;
}
 
.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }
 
/* OTHER COLORS */
.blue { background: #347fd0 }
.blue span { background: #2c66be }
.red { background: #d23435 }
.red span { background: #c22b2c }
.green { background: #699B67 }
.green span { background: #547d52 }
.magenta { background: #b63ace }
.magenta span { background: #842696 }
</style>


Trong này có 4 mầu ae đổi class để đổi theo ý mình nhé

trong code mình share có đoạn
Code:
<div class="news red">


nếu muốn đổi thì chỉ cần sửa red thành blue hay green hoặc magenta tùy sở thích
Tags: #code #codefm
Search in: Code Forumotion  Chủ đề: [Code] News Sticker với CSS3 Thuần dành cho forumotion  Trả lời: 2  Xem: 1000

code Reading progress bar style blue



đơn giản thôi code khi mình cross thanh bar xuống nó sẽ hiện thanh báo ở trên . mình cũng ko biết diễn tả đâu. xem demo ấy. code thử nghiệm trên blogger và invisie và phpbb3 ổn nhé. ai bị lỗi ở phpbb2 và punbb thì gửi link lên mình fix nhé

Code:
<style>
/* Reading progress bar */
#nprogress{pointer-events:none}
#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:0;height:3px}
#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}
</style>
<div id='nprogress'><div class='bar' role='bar'><div class='peg'></div></div></div>
<script>//<![CDATA[
!function(t){t.fn.viewportOffset=function(){
  var o=t(this).offset();
  return{top:o.top+t(window).scrollTop()};},t.fn.readingbar=function(){_=t(this);
  var o=_.outerHeight(),r=1.65*_.offset().top,n=0;
  t(document).on("scroll",function(){o=_.outerHeight(),n=(_.viewportOffset().top-r)/o*100,t("#nprogress .bar").css("width",n+"%"),t("#nprogress").css("opacity",n>100?"0":"1")})}}(jQuery);
  jQuery(document).ready(function($) {$('.post-entry, .postbody, .post-body ').readingbar();
 });
//]]></script>

Tags: #code #blogger #codefm
Search in: Tips/Tool Bootstrap  Chủ đề: [Code] code Reading progress bar style blue  Trả lời: 0  Xem: 652

Code đăng nhập mới xem được code. :)

lượn vài vòng ko hiểu sao mấy code cũ share mình ko áp dụng được Sad đành mạn phép viết vài dòng chơi :) ae sài thử xem hoạt động tốt hưm hehehe



phpbb3
Code:

  <!-- BEGIN switch_user_logged_out -->
<script>
$(document).ready(function(){
$(".codebox").append("<b>Đăng nhập mới thấy code</b>");
        $(".codebox code").remove();
});
</script><!-- END switch_user_logged_out -->


punbb

Code:
<!-- BEGIN switch_user_logged_out -->
<script>
$(document).ready(function(){
$(".cont_code").append("<b>Đăng nhập mới thấy code</b>");
        $(".codebox code").remove();
});
</script><!-- END switch_user_logged_out -->

Tags: #code #codefm
Search in: Code Forumotion  Chủ đề: [Code] đăng nhập mới xem được code  Trả lời: 4  Xem: 783

code đếm ngày sinh nhật, tết

code được viết bằng jquey trên html nên ae sài có thể dùng mà ko sợ chết hots như các code khác :)

demo:
Code:
<h1>Đếm Ngày ....</h1>
<div id="clockdiv">
  <div>
    <span class="days"></span>
    <div class="smalltext">Ngày</div>
  </div>
  <div>
    <span class="hours"></span>
    <div class="smalltext">Giờ</div>
  </div>
  <div>
    <span class="minutes"></span>
    <div class="smalltext">Phút</div>
  </div>
  <div>
    <span class="seconds"></span>
    <div class="smalltext">Giây</div>
  </div>
</div>
<style>
body{
 text-align: center;
 background: #00ECB9;
  font-family: sans-serif;
  font-weight: 100;
}

h1{
  color: #396;
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}

#clockdiv{
 font-family: sans-serif;
 color: #fff;
 display: inline-block;
 font-weight: 100;
 text-align: center;
 font-size: 30px;
}

#clockdiv > div{
 padding: 10px;
 border-radius: 3px;
 background: #00BF96;
 display: inline-block;
}

#clockdiv div > span{
 padding: 15px;
 border-radius: 3px;
 background: #00816A;
 display: inline-block;
}

.smalltext{
 padding-top: 5px;
 font-size: 16px;
}
</style>

<script>
function getTimeRemaining(endtime) {
  var t = Date.parse(endtime) - Date.parse(new Date());
  var seconds = Math.floor((t / 1000) % 60);
  var minutes = Math.floor((t / 1000 / 60) % 60);
  var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
  var days = Math.floor(t / (1000 * 60 * 60 * 24));
  return {
    'total': t,
    'days': days,
    'hours': hours,
    'minutes': minutes,
    'seconds': seconds
  };
}

function initializeClock(id, endtime) {
  var clock = document.getElementById(id);
  var daysSpan = clock.querySelector('.days');
  var hoursSpan = clock.querySelector('.hours');
  var minutesSpan = clock.querySelector('.minutes');
  var secondsSpan = clock.querySelector('.seconds');

  function updateClock() {
    var t = getTimeRemaining(endtime);

    daysSpan.innerHTML = t.days;
    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

    if (t.total <= 0) {
      clearInterval(timeinterval);
    }
  }

  updateClock();
  var timeinterval = setInterval(updateClock, 1000);
}

var deadline = new Date(Date.parse(new Date()) + 60 * 24 * 60 * 60 * 1000);
initializeClock('clockdiv', deadline);
</script>


Trong đó có dòng

Code:
var deadline = new Date(Date.parse(new Date()) + 60 * 24 * 60 * 60 * 1000);


ae tự sửa cho phù hợp với ngày mình định đếm
Tags: #code #blogger #codefm
Search in: Tips/Tool Bootstrap  Chủ đề: [Code] đếm ngược đến ngày sinh nhât, ngày lễ, tết  Trả lời: 0  Xem: 1388

Demo ảnh


Nó sẽ thay đổi mổi lần F5 hoặc truy cập forum

Cách làm

Cho code sau vào chỗ muốn hiện
Code:
<div class="homeQuoteBox">
<div class="quoteBox">                    
<script type="text/javascript">
enlace = new Array();
enlace[0] = 'Các bài đăng của các bạn sẽ được đưa<br/>lên trang chủ ngay sau khi đăng xong ^^';
enlace[1] = 'Xem bài thấy hay mà không LIKE<br/>Như nhìn gái đẹp mà không cảm xúc<br/>Gay cmnr!';
enlace[2] = 'Mấy chế biết Đua Top là gì chưa?<br/>Làm sao để được Lên Top nè?<br/>Hãy đăng bài nhiều lên nhé ^^';
enlace[3] = 'Xem LMHT<br/>Úm ba la xì bùa<br/>Úa ba la xì bùm<br/>Ùm lì xi la búa';
enlace[4] = 'Xem LMHT, đã cập nhật tính năng<br/>Đua Top siêu chất luôn nhé mấy chế.';
enlace[5] = 'Đăng clip hay ẵm ngay 12 triệu<br/>Có thím nào dám chơi không? ^^';
aleatorio = Math.random() * (enlace.length);
aleatorio = Math.floor(aleatorio);
document.write(enlace[aleatorio]);
</script>
</div>
<div class="boxAnchor2"></div>
<div class="circle"></div>
<div class="name">Xem Liên Minh<br/><div class="like"></div></div>


Cho code sau vào CSS
Code:
.homeQuoteBox .quoteBox{background:#FFF0D3;padding:10px;border:1px dashed #FF7C4D;font-family:Cambria,"Times New Roman",serif;text-align:center;font-size:16px}
.mainbody-singlecol .homeQuoteBox .quoteBox{width:275px}
.homeQuoteBox .boxAnchor2{background:url("http://i21.servimg.com/u/f21/17/57/29/64/hnn-ic11.png") -217px -51px no-repeat;width:15px;height:26px;margin-right:50px;margin-left:auto;margin-top:-1px}
.homeQuoteBox .circle{background:url("http://i21.servimg.com/u/f21/17/57/29/64/hnn-ic11.png") no-repeat scroll -339px -40px transparent;height:60px;margin-left:auto;margin-right:12px;margin-top:3px;float:right;width:60px}
.homeQuoteBox .name{font-size:13pt;float:right;padding-right:10px;font-weight:bold;color:#FF7C4D;text-shadow:1px 1px 0 #FFF}
.homeQuoteBox .like{width:115px;overflow:hidden;float:right;margin-top:5px}


Lưu ý: Chỉnh sửa nội dung trong code phù hợp với nhu cầu của bạn,sử dụng <br/> để xuống dòng.
#codefm

Tags: #code

Demo ảnh



Demo online

Xem tại đây: http://huudang2.forumvi.com/

Hướng dẫn

ACP >> Display >> Color >> CSS
Thay toàn bộ bằng code sau
Code:
/* memberlist */
div.borderwrap .member-list{padding:0}
.member{border-width:3px;margin-bottom:0;margin-right:0;width:284px}
#profile-advanced-details .message-header,.avatar,.mini-avatar{border:0!important}
.member p{font-size:.85em;overflow:hidden}
.member:hover p{overflow:auto}
.member-header{background:#F8F8F8;position:relative;height:33px;margin-bottom:10px;padding-top:12px}
.member .popmenubutton-new-out a{background-color:transparent;border:0 none;padding-left:50px}
.member-list .popmenubutton .mini-avatar {
  height: auto;
width: auto;
    position: absolute;
    top: -4px;
    left: -4px;
}
.member-list .popmenubutton .mini-avatar img{padding:2px;border:1px solid #EEE}
.search-filter,.search-filter select{font-size:inherit}
.search-filter dt{margin-top:7px;color:#888}
/* profile page */
#profile-advanced-right .module,#new-message-link,.new-message.bottom,#profile-advanced-add br,.message-footer{display:none}
#profile-advanced-right .module:first-child,#profile-advanced-add + .module{display:block;position:relative;margin:0;border:0;width:300px;height:240px;overflow:hidden}
#profile-advanced-left{margin-right:0;margin-left:300px}
#profile-advanced-right{float:left;width:300px;height:240px;position:relative;overflow:hidden}
#profile-advanced-layout{float:right;margin-right:0;margin-left:-304px;position:relative;margin-bottom:30px;background:#0F61A1}
#profile-advanced-layout #new-message{padding:0;position:absolute;left:1px;top:240px}
#profile-advanced-layout ul.privmsg{min-height:220px;width:300px;padding:0}
#profile-advanced-layout ul.privmsg li{display:block;float:none;width:300px;height:44px;line-height:44px;background:#FFF;color:inherit}
#profile-advanced-layout ul.privmsg li div.tabitem{padding:0 20px}
#profile-advanced-layout ul.privmsg li a{margin:0px -19px 0px -20px;padding:0 20px;background:#246FAF;color:#FFF}
#profile-advanced-right .module:first-child .box-content.profile,#profile-advanced-add + .module .box-content.profile{height:210px;background:#0F61A1;font:0/0 a}
#profile-advanced-layout ul.privmsg,#profile-advanced-details,#profile-advanced-details .message-footer li,.posting-options{margin:0}
#profile-advanced-add{position:absolute;width:300px;padding:0;margin:0;left:0;top:-30px;z-index:50;background:#3498db;transition:top .3s;-webkit-transition:top .3s}
#profile-advanced-add a{display:block;width:150px;float:left;height:30px;text-indent:-9999px;background:#2ecc71 url(http://i39.servimg.com/u/f39/18/83/32/63/14085310.png) no-repeat center center;overflow:hidden;text-align:left;position:absolute;left:0;top:0}
#profile-advanced-add a[href*="foe="]{background-color:#e74c3c;background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085311.png);left:150px}
#profile-advanced-add a[href*="remove="]{background-color:#9b59b6;width:300px;background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085312.png)}
#profile-advanced-add a:hover{background-position:15px 50%;text-indent:0;padding-left:50px;width:300px;z-index:50;line-height:30px;color:#FFF;left:0}
#profile-advanced-add:after{clear:both!important;content:".";display:block;height:0;visibility:hidden}
#profile-advanced-right .box-content.profile img:first-child{height:156px;max-width:290px;padding:4px;margin-bottom:8px}
#profile-advanced-right .box-content.profile img{background:#FFF;padding:4px 75px}
#profile-advanced-right .module .maintitle{padding:0 5px;height:30px;line-height:30px;background:#0F61A1;text-align:center}
#profile-advanced-right .maintitle,#profile-advanced-details .maintitle{text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF}
#profile-advanced-right:hover #profile-advanced-add{top:0}
#profile-advanced-details .maintitle{padding:0 10px;height:30px;line-height:30px}
#profile-advanced-details .box-content.profile{min-height:430px;padding:5px 15px}
#profile-advanced-details ol{padding:0}
#profile-advanced-details .message-block{border:0;margin:10px 0 20px 60px;position:relative;border-left:1px solid #666}
.message-text{padding:5px;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}
.message-block:before,.message-block:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:6px 8px 6px 0;border-color:transparent #444 transparent transparent;position:absolute;top:8px;left:-8px}
.message-block:after{left:-6px;border-color:transparent #FFF transparent transparent}
.message-header{font-size:0;height:21px;line-height:13px}
.message-date{font-size:12px}
#profile-advanced-details .message-footer{position:absolute;height:21px;right:0;top:0;background:#FFF;padding:0}
#profile-advanced-details .message-footer li:after{content:initial}
#profile-advanced-details .message-footer li a{text-decoration:none;font-size:11px;display:inline-block;background:#2980b9;color:#FFF;padding:0 7px;margin-right:0;float:right;margin-left:5px;height:20px;line-height:20px}
.message-block:hover .message-footer{display:block}
.message-textarea{width:calc(100% - 8px);margin:0 0 0 8px}
#profile-advanced-details .message-editor .message-block{border-left-color:red}
.message-editor .message-block:before{border-color:transparent red transparent transparent}
#profile-advanced-details .message-newMess .message-block{border-left-color:orange}
.message-newMess .message-block:before{border-color:transparent orange transparent transparent}
#profile-advanced-details dl{width:100%;padding:0}
/* inbox */
th.select-items {
    width: 7%;
}
.posting-options + ul.privmsg{float:none;margin:5px 0 20px}
.posting-options + ul.privmsg li{width:25%;text-align:center;margin:0;height:100px;line-height:100px}
.posting-options + ul.privmsg li a{color:#333;display:block;padding:20px 0 0;height:100px;margin:-20px 0 0;color:#FFF}
.posting-options + ul.privmsg li div.tabitem{padding:20px 0 0;height:100px;background:url(http://i83.servimg.com/u/f83/16/58/89/73/read_m10.png) no-repeat center 20px #FFF;color:#444}
.posting-options + ul.privmsg li:nth-child(2) div.tabitem{background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/reply10.png)}
.posting-options + ul.privmsg li:nth-child(3) div.tabitem{background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/new_po10.png)}
.posting-options + ul.privmsg li:nth-child(4) div.tabitem{background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/save_a10.png)}
.posting-options + ul.privmsg li div.tabitem a{background:url(http://i39.servimg.com/u/f39/18/59/49/93/read_m10.png) no-repeat center 20px #0F61A1}
.posting-options + ul.privmsg li:nth-child(2) div.tabitem a{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/reply110.png)}
.posting-options + ul.privmsg li:nth-child(3) div.tabitem a{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/new_po10.png)}
.posting-options + ul.privmsg li:nth-child(4) div.tabitem a{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/save_a10.png)}
#profile-advanced-layout ul.privmsg li a:hover,#profile-advanced-details .message-footer li a:hover,.posting-options + ul.privmsg li div.tabitem a:hover{background-color:#444!important}
/* fb_Vote - DEVs.forumvi.com */
.vote-Zzbaivong, .vote-Zzbaivong *,.vote-Zzbaivong *:before,.vote-Zzbaivong *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vote-Zzbaivong{float:left;position:relative;text-align:left;white-space:nowrap}
.vote-plus-post,.vote-minus-post{z-index:10;position:absolute;top:32px;left:0;display:none;width:250px;background:#FFF;border:1px solid #F2F2F2;box-shadow:4px 4px 7px 0 #999;padding:5px}
.vote-minus-post{left:120px}
.vote-note{height:20px;line-height:20px;font-size:11px;background:#ffffd3;border:1px solid #F7EB93;margin-bottom:2px;padding:0 5px}
.vote-mess{width:200px;resize:vertical;min-height:40px;height:40px}
.vote-Zzbaivong .vote-send{width:36px;margin-top:0!important;margin-left:2px;cursor:pointer;text-align:center;vertical-align:top;height:40px;background:#0085FF;border:1px #87CEEB;color:#FFF}
.vote-plus-post:before,.vote-minus-post:before{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #E2E2E2;position:absolute;left:10px;width:10px;right:-10px;top:-10px}
.vote-plus-post:after,.vote-minus-post:after{content:'';display:inline-block;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;position:absolute;left:11px;right:-9px;width:9px;top:-9px}
.vote-plus{background:#deeaf7;border:1px solid #C8D7EC;color:#5089BE!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:6px 15px}
.vote-plus:hover{border-color:#6A9AD6}
.vote-plus[href="javascript:;"]{color:#666!important;background-color:#DDD;cursor:no-drop;border-color:#CCC}
.vote-time{position:relative;border-radius:2px;display:inline-block;border:1px solid #D8D7D7;margin:auto 5px;padding:6px}
.vote-time:before{content:'';display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #CCC;position:absolute;left:-6px;width:6px;top:8px}
.vote-time:after{content:'';display:inline-block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid #fff;position:absolute;left:-5px;width:5px;top:9px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}
/* Edit profile */
.box-content.profile{background-color:#fff}
.ipbform2 dl dd textarea.inputbox{background-color:transparent}
.borderwrap .subtitle{background-color:#F5F5F5;border-bottom:1px solid #ddd}
.ipbform2 dl dd{background-color:#fff;margin-left:0}
.formbuttonrow{background-color:#fff}
ul.privmsg li{background-color:#246FAF}
ul.privmsg{margin-bottom:0;margin-left:0}
ul.privmsg li a{background-color:#fff}
/* Quote - Spoiler - Hide - Code */
blockquote cite,.codebox dt{font-size:13px;padding:8px;border-bottom:2px solid #FFF;background-color:#EFF2F7;background-image:none}
blockquote,.codebox dd{background-color:#EFF2F7;border:0 none;margin:0}
dl.codebox{margin:0}
.spoiler dt{cursor:pointer;padding:8px;border-bottom:2px solid #FFF;background-color:#EFF2F7;background-image:none;font-size:13px}
.spoiler{border:0 none;margin:0}
/* Post */
div.sceditor-toolbar{background:#EFF2F7 !important;border-radius:0!important;text-align:center;border-bottom:1px solid #ddd!important}
div.sceditor-group{background:0!important;border-bottom:0!important;margin:0!important}
.qreply{background-color:0;border:0;margin:0 auto 1em;padding:0;background:0}
/* Số trang */
div.pagination a.goto{padding:7px 15px 7px 6px;display:inline-block;background-color:transparent;border-radius:3px}
div.pagination a{padding:7px 10px;background-color:transparent;border-radius:3px;color:#1062A1}
div.pagination b{padding:7px 10px;background-color:#EFF2F7!important;border-radius:3px;color:#1062A1}
div.pagination{color:#fff}
div.pagination a.goto:hover,div.pagination a:hover{background-color:#EFF2F7!important}
/* View */
.postprofile{margin-left:-9.6em;width:9.6em;border-radius:3px}
.post-container{background-color:#fff;margin-left:9.6em;padding-bottom:10px;padding-top:10px}
.postprofile-details{margin:0}
.postava img{padding:0;border:medium none;border-bottom-left-radius:0;border-bottom-right-radius:0;width:120px;height:120px;margin:2px;border-radius:3px}
.post .post-header{display:none}
.postprofile{background-color:#EFF2F7}
.post{background-color:#fff;border-top:1px solid #ddd;border-bottom:0}
.post-footer{display:inline}
.post-entry{margin:0 0 0 1em;min-height:100px}
.userinfo{padding:5px 7px}
.hienthiz{float:right}
.usertext{padding:6px;border-bottom:1px solid #FFF;text-align:center}
#topicmenu-options{float:none;text-align:center}
.titlebar h1{font-size:18pt;color:#246FAF;padding:20px 0;overflow:hidden;font-weight:300;text-align:center}
.post-footer ul.misc-icons{padding:7px 6px}
.vote {
display:none
}
/* Menu mem */
#logoBlock .navTabs{float:right}
.navTabs .visitorTabs{float:right}
.Popup .PopupControl,.Popup.PopupContainerControl{display:inline-block;cursor:pointer}
.navTabs .navTab.PopupOpen{background:transparent none repeat scroll 0% 0%}
.Popup .PopupControl.PopupOpen,.Popup.PopupContainerControl.PopupOpen{color:#32A34F;border-radius:3px 3px 0 0}
#logoBlock .navTabs .visitorTabs .navLink{padding:0 10px;height:30px;line-height:30px}
.Popup .arrowWidget{background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/xenfor10.png") no-repeat scroll -64px 0;margin-top:-2px;margin-left:2px;display:inline-block;vertical-align:middle;width:13px;height:14px}
#showuser:hover #AccountMenu{display:block!important}
#showinbox:hover #ConversationsMenu{display:block!important}
#showuser:hover .arrowWidget{background-position:-48px 0}
#showinbox:hover .arrowWidget{background-position:-48px 0}
/* Drop menu */
#AccountMenu,.Menu.navPopup{margin-top:8px;text-transform:none;text-align:left}
.navPopup{width:260px}
.Menu .menuHeader h3{font-size:12pt}
.navPopup .listPlaceholder{max-height:350px;overflow:auto}
.navPopup .sectionFooter .floatLink{float:right}
#AccountMenu{width:274px}
.Menu{font-size:11px;margin-top:1px;border-width:5px 1px 1px;border-style:solid;border-color:#0F61A1;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;overflow:hidden;box-shadow:0 5px 5px rgba(0,0,0,0.5);min-width:200px;position:absolute;z-index:999;display:none}
#AccountMenu .menuHeader{position:relative}
.Menu .primaryContent{background-color:#FFF}
.Menu .menuHeader{overflow:hidden}
.primaryContent{background-color:#FFF;padding:10px;border-bottom:1px solid #EFF2F7}
#AccountMenu .menuHeader .avatar{float:left;margin-right:10px;width:96px;height:96px}
.avatardrop img {
    width: 96px;
    height: 96px;
}
.avatar.plainImage img,.avatar.plainImage .img{border:medium none;border-radius:0;padding:0;background-position:left top}
.Menu .menuHeader h3{font-size:15pt}
.Menu .menuHeader .muted{font-size:11px}
#AccountMenu .menuHeader .links .fl{position:absolute;bottom:10px;left:116px}
#AccountMenu .menuColumns{overflow:hidden;padding:2px}
.Menu .secondaryContent{background-color:#FFF}
.secondaryContent{background-color:#FFF;padding:10px;border-bottom:1px solid #EFF2F7}
#AccountMenu .menuColumns ul{float:left;padding:0;max-height:none;overflow:hidden}
.Menu .blockLinksList{max-height:400px;overflow:auto}
.blockLinksList{font-size:13px;padding:2px}
#AccountMenu .menuColumns a,#AccountMenu .menuColumns label{width:115px}
.blockLinksList a,.blockLinksList label{color:#0F61A1;padding:5px 10px;border-radius:3px;display:block;outline:0 none}
#AccountMenu .menuColumns{overflow:hidden;padding:2px}
.Menu .sectionFooter{background-color:#EFF2F7}
.sectionFooter{overflow:hidden;font-size:11px;color:#246FAF;background-color:#EFF2F7;padding:4px 10px;line-height:16px}
#AccountMenu .statusPoster textarea{width:245px;margin:0;resize:vertical;overflow:hidden}
textarea.textCtrl.Elastic{max-height:300px}
/* Box */
table.ipbtable .forum-name a {
    font-size: 16px;
}
.boxtp {
    font-size: 14px;
}
table.ipbtable span.status {
    margin-top: 3px;
}
.lastpost-avatar {
    margin-right: 5px;
    margin-top: -2px;
    padding: 2px;
    border: 1px solid #246FAF;
    border-radius: 5px;
  margin-bottom: -2px;
}
.lastpost-avatar img {
    border-radius: 3px;
    height: 32px;
    width: 32px;
}
div.maintitle{color:#FFF;font-weight:500;background-color:#246FAF;padding:10px;border-top-left-radius:3px;border-top-right-radius:3px;min-height:6px}
.row1,.row2{background:#fff !important;border-bottom:1px solid #EFF2F7!important;vertical-align:middle !important}
table.ipbtable td.icon{width:500px}
.forum-desc{display:none}
.stat4r{color:#888;font-size:12px;padding-right:10px}
span.stat4r > br:nth-child(3){display:none}
span.stat4r > strong{float:left;margin-right:5px}
div.maintitle .contract,div.maintitle .expand{background:0;margin-right:13px;margin-top:-3px}
.PanelScroller .scrollContainer,.PanelScrollerOff .panel{background-color:#FFF;padding:3px;margin-bottom:10px;border-radius:3px;font-size:13pt}
.PanelScroller .PanelContainer{position:relative;clear:both;width:100%;overflow:auto}
.hasJs .PanelScroller .Panels{position:absolute}
.PanelScroller .Panels{clear:both;margin:0;padding:0}
.PanelScroller .panel,.PanelScrollerOff .panel{overflow:hidden;position:relative;padding:0 !important;background:#EFF2F7 url("http://i68.servimg.com/u/f68/17/57/29/64/catego10.png") repeat-x scroll center top}
.PanelScroller .panel .noticeContent,.PanelScrollerOff .panel .noticeContent{padding:10px;color:#ED1B24}
.DismissParent .DismissCtrl{position:absolute;top:12px;right:5px;display:block;background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/xenfor10.png") no-repeat scroll -80px 0;color:#FFF;width:15px;height:15px;line-height:15px;text-align:center;opacity:0.4;transition:opacity 0.3s ease-in-out 0s;font-size:10px;overflow:hidden;white-space:nowrap;text-indent:20000em;cursor:pointer}
/* Side bar */
.sidebar{padding:10px;background:#fff;margin-bottom:13px;text-align:center;border-radius:3px 3px 0 0}
#SignupButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px}
#LogButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px;margin-top:10px}
#SignupButton:hover,#LogButton:hover{background-color:#0F61A1}
.sidebar h3{font-size:14px;color:#38445F;background-color:#FFF;padding:8px 10px;margin:-10px -10px 10px;border-bottom:1px solid #EFF2F7;border-radius:3px 3px 0 0;text-transform:uppercase}
.thin{border-bottom:0;border-top:0}
.Tinhte_XenTag_TagCloud{zoom:1}
.Tinhte_XenTag_TagCloud:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag{background:#0F61A1;color:#EFF2F7;display:inline;float:left;margin:0.2em;padding:0}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag:hover{background:#f9d9b0;color:#32A34F}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag a{color:inherit;display:block;font-size:1em;font-weight:bold;margin:0.5em;white-space:nowrap}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level1{background-color:#EFF2F7;color:#0F61A1}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level2{background-color:#D4D4D4}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level3{background-color:#6cb2e4}
.sidebar .avatar{margin-right:10px;float:left;width:auto;height:auto;border:0}
.sidebar .avatar img{width:70px;height:70px;display:block;border-radius:3px;padding:0;padding:2px;border:1px solid #246FAF}
.sidebar .username{font-size:14px}
.sidebar .stats{margin-top:10px}
.sidebar .stats .pairsJustified{line-height:normal}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dt{float:left}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dd{float:right;text-align:right}
dl.pairsColumns,dl.pairsJustified,.pairsColumns dl,.pairsJustified dl{overflow:hidden}
/* Footer */
.footer{background:#090C15 none repeat scroll 0% 0%;clear:both}
.footer .pageContent{font-size:13px;color:#4F5C77;overflow:hidden;padding:50px 0 40px}
.footercolumns{display:inline;margin-left:0;margin-right:0}
#footer{clear:both;min-height:100px;padding:20px 0 25px}
.footer .blockFooter{float:left;width:25%}
.footer .boxInner{padding:0 10px}
.footer-top-left .block-top{margin-bottom:10px}
#footer .footerLogo{width:auto;height:auto;max-width:100%}
.footer-top-left .block-bottom{float:left;margin-right:15px;padding-bottom:5px;margin-bottom:5px}
.footer-top-left .block-bottom p{font-size:13px;margin-bottom:0;padding:5px 0;text-align:justify}
.footer h3{background:#10131C none repeat scroll 0% 0%;border-radius:3px 3px 0 0;border-bottom:1px solid #090C15;color:#68738C;font-family:"Roboto",sans-serif;font-size:14px;text-transform:uppercase;font-weight:500;padding:10px}
.footer .boxContent{background:#0D1019 none repeat scroll 0% 0%;border-radius:0 0 3px 3px;padding:0 10px}
.footer .boxContent ul.itemsList li:first-child{border-top:0 none}
.footer .boxContent ul.itemsList li{padding:5px 0;border-top:1px solid #10131C;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer a,.footer a:visited{color:#4F5C77}
.fotter-contact a{font-size:13px;display:inline-block}
#footer .three.columns.column{min-height:174px}
.columns{overflow:hidden}
#footer .four.columns.column{min-height:174px}
.footer .four .blue{color:#1175A7}
.footer .four span{display:inline-block;width:40px;text-align:center;margin-right:10px}
#footer .boxContent ul.itemsList.hasIcon li a .fa-lg{margin-right:5px}
/* Footer 2 */
.footerLegal{background:#080A13 none repeat scroll 0% 0%}
.footerLegal .pageContent{font-size:14px;overflow:hidden;padding:30px 0;text-align:center}
#copyright{float:left}
.concealed,.concealed a,.cloaked,.cloaked a{text-decoration:inherit !important;color:inherit !important}
.footerLegal .pageContent a:link{color:#4F5C77}
#legal{float:right}
#legal li{display:inline-block;margin-left:10px}
/* Head */
#header{background-color:#246FAF;margin-bottom:40px}
#headerMover #header{width:100%;position:absolute;top:0;left:0}
#logoBlock{height:80px;position:relative}
.pageWidth{margin:0 auto;max-width:1200px}
#logoBlock .pageContent{display:table;width:100%}
#logoBlock .pageContent .brHeaderBox{display:table-cell;width:50%;vertical-align:middle}
#logoBlock .brLogoBlockLeft{box-sizing:border-box}
#logoBlock .brLogoBlockLeft ul li{float:left;height:40px;line-height:40px;margin:20px 0;box-sizing:border-box}
#logoBlock .brLogoBlockLeft ul li a,.navTabs .visitorTabs .navLink,.navTabs .visitorTabs .navTab .navLink{display:block;color:#FFF;font-family:"Roboto",sans-serif;padding:0 20px;font-size:14px;text-transform:initial}
#logoBlock .pageContent #logo.brHeaderBox{width:100px;text-align:center}
#logoBlock .pageContent .brHeaderBox{display:table-cell;width:50%;vertical-align:middle}
#logo{display:block;max-width:100%;line-height:76px;height:80px;vertical-align:middle}
#logo img{vertical-align:middle;max-height:65px;width:auto}
#logoBlock .pageContent .brHeaderBox{display:table-cell;width:50%;vertical-align:middle}
#loginBar{float:right;z-index:1}
#loginBar a{font-size:14px;font-family:"Roboto Condensed",sans-serif;color:#FFF !important;display:block;border-radius:3px;float:left;height:30px;line-height:30px;padding:0 15px;margin:0 3px;background-color:#0F61A1}
#searchBar{position:relative;z-index:52;float:right}
#QuickSearch{display:block;border-radius:3px;z-index:999;padding-right:30px;background-color:#0F61A1;background-image:url("http://i68.servimg.com/u/f68/17/57/29/64/vxf-im10.png");background-position:right -261px;background-repeat:no-repeat;height:30px;margin:0 3px}
#QuickSearch .textCtrl{font-size:13px;font-family:Calibri,"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;color:#38445F;background-color:#FFF;border:medium none;border-radius:0;outline:0 none;padding:3px 0;height:18px;line-height:18px;margin:3px 0 3px 3px;width:0}
.textCtrl{font-size:13px;font-family:Calibri,"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;color:#000;background:#FFF url("http://illiweb.com/fa/empty.gif") repeat scroll 0% 0%;padding:3px;margin-bottom:2px;border-width:1px;border-style:solid;border-color:#C0C0C0 #E9E9E9 #E9E9E9 #C0C0C0;border-radius:2px;outline:0 none}
#header .pageWidth .pageContent::after{content:".";display:block;height:0;clear:both;visibility:hidden}
#logoBlock::after{content:"";width:100%;height:1px;position:absolute;left:0;bottom:-2px;z-index:0;background-color:#246FAF}
#navigation{position:relative;background-color:#0F61A1}
#navigation .pageContent{height:40px}
.navTabs{font-size:13px;padding:0;text-transform:uppercase;height:30px;text-align:center}
.navTabs .publicTabs{display:inline-block;box-sizing:border-box}
.navTabs .navTab.PopupClosed{position:relative}
.navTabs .navTab{float:left;white-space:nowrap;word-wrap:normal}
.navTabs .publicTabs .navLink{padding:0 15px;background-color:transparent}
.navTabs .navLink,.navTabs .SplitCtrl{font-size:14px;font-family:"Roboto Condensed",sans-serif;color:#97B7CD;background:rgba(0,0,0,0.1) none repeat scroll 0% 0%;margin-left:5px;border-radius:2px;display:block;float:left;vertical-align:text-bottom;text-align:center;outline:0 none;height:40px;line-height:40px}
.navTabs .navTab.selected .navLink{position:relative;color:#FFF}
.navTabs .navTab.selected .SplitCtrl{display:none}
.navTabs .navTab:hover .tabLinks,.navTabs .navTab.selected .tabLinks{display:block;transition:all 0.2s ease 0s}
.navTabs .navTab .tabLinks{text-align:center;background-color:#FFF;width:100%;padding:0;border:medium none;overflow:hidden;position:absolute;left:0;top:40px;background-position:0 -40px;height:40px;display:none;z-index:52}
.navTabs .navTab .tabLinks .menuHeader{display:none}
.navTabs .publicTabs .navTab:hover .navLink{color:#FFF;background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/vxf-im10.png") no-repeat scroll center 36px}
.primaryContent{background-color:#FFF;padding:10px;border-bottom:1px solid #EFF2F7}
.navTabs .navTab .blockLinksList{background:transparent none repeat scroll 0% 0%;padding:0;border:medium none;display:inline-block}
.blockLinksList{font-size:13px;padding:2px}
.navTabs .navTab .tabLinks li{float:left;padding:2px 0}
.navTabs .navTab .tabLinks a{font-size:14px;color:#38445F;padding:0 10px;display:block;text-transform:initial;line-height:36px}
.blockLinksList a,.blockLinksList label{color:#0F61A1;padding:5px 10px;border-radius:3px;display:block;outline:0 none}
.secondaryContent a{color:#0F61A1}
/* All */
body{background-color:#e9eaed;font:13px/1.231 arial,helvetica,clean,sans-serif;word-wrap:break-word;line-height:1.28;font-family:"Roboto",sans-serif;color:#38445F}
#ipbwrapper{width:1200px}
a:link,a:visited{text-decoration:none}
fieldset,img{border:0 none}
li{list-style:outside none none}
#logostrip,#submenu,#userlinks{display:none}
.borderwrapm,div.borderwrap{border:0;padding:0;border-top-left-radius:4px;border-top-right-radius:4px}
#gfooter .footer-links{float:none}
.box-content{background-color:transparent;border-bottom:0}
/* Đăng nhập - đăng ký */
.frameTop{display:none;padding:10px 0;display:none;color:#DDD;position:relative;background:#246FAF}
.frameTop .inputTop,.frameTop fieldset,.frameTop h2,.frameTop > div{width:100%;display:block;height:30px!important;line-height:28px;border:1px solid #DDD;max-width:600px;margin:10px auto}
.frameTop fieldset{border:0;padding:0!important}
#outTop fieldset{text-align:center}
.frameTop h2{border:0 none;text-align:center;font-weight:700}
.frameTop > div{margin-top:0;height:auto!important;border:0}
/* Icon input login */
#password,#password_reg{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg) no-repeat 5px center;text-indent:30px}
#username_reg,#username{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg) no-repeat 5px center;text-indent:30px}
#email{background:#FFF url(http://i21.servimg.com/u/f21/17/57/29/64/emaiii10.jpg) no-repeat 5px center;text-indent:30px}
/* breadcrumb for punbb - devs.forumvi.com */
#navstrip{color:#e8e8e8;font-weight:700;list-style:none;background:#fff;margin:10px 0}
#navstrip > li{float:left;color:#666;margin:0;padding:0;line-height:36px;height:36px;display:block;position:relative;background:#FFF;padding:0 5px 0 20px}
#navstrip > li.begin{background-color:#246FAF;background-image:none;background-position:center;background-repeat:no-repeat;width:47px;padding-left:4px}
#navstrip li a{font-weight:700;text-decoration:none}
#navstrip > li.begin > a{text-indent:-9999px;display:block;background:url(http://i39.servimg.com/u/f39/19/09/43/62/house411.png) no-repeat center center transparent}
#navstrip > li:before,.navstrip > li:after{content:" ";border:18px solid transparent;border-left-width:12px;border-right:0;border-left-color:#FFF;display:block;position:absolute;right:-12px;top:0;z-index:10;width:0;height:0}
#navstrip > li:after{border-left-color:#DBDBDB;right:-13px;z-index:5}
#navstrip > li.begin:before{border-left-color:#246FAF}
#navstrip > li:hover,.navstrip > li:hover a{background-color:#444;color:#FFF}
#navstrip > li:hover:before{border-left-color:#444}
/* button css */
.post-icon a,.posting-icons li a{background:#EFF2F7;padding:7px 6px;margin:0 0 0 6px;display:block;border-radius:2px}
.post-icon a{background: #0F61A1!important;color: #fff}
.post-icon a:hover {
    background: #444 !important;
}
.posting-icons a[title="Thank you"]{background:#ff007e;color:#fff}
.zzPoll > h3 a:before,div.errorwrap p:before,div.infowrap p:before,.posting-icons a:before,.post-icon a:before,.contract:before,.expand:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.contract:before{content:"\f07c";font-size:22px}
.expand:before{content:"\f07b";font-size:22px}
.post-icon a[href*="mode=reply"]:before{content:"\f112"}
.post-icon a[href*="mode=reply"]:after{content:" Trả lời bài viết"}
.post-icon a[href*="mode=newtopic"]:before,.post-icon > a[href^="/privmsg?mode=post"]:before{content:"\f067"}
.post-icon a[href*="mode=newtopic"]:after{content:" Tạo chủ đề mới"}
.post-icon a[href^="/privmsg?mode=reply"]:after{content:" Trả lời tin nhắn"}
.post-icon a[href^="/privmsg?mode=post"]:after{content:" Viết tin nhắn mới"}
.posting-icons a[href*="mode=quote"]:before{content:"\f10d"}
.posting-icons a[href*="mode=quote"]:after{content:" Trích dẫn"}
.posting-icons a[href*="?thank="]:before{content:"\f164"}
.posting-icons a[href*="?thank="]:after{content:" Cảm ơn"}
.posting-icons a[href*="mode=editpost"]:before{content:"\f044"}
.posting-icons a[href*="mode=editpost"]:after{content:" Sửa"}
.zzPoll > h3 a:before,.posting-icons a[href*="mode=delete"]:before{content:"\f00d"}
.posting-icons a[href*="mode=delete"]:after{content:" Xóa"}
.posting-icons a[href*="mode=report"]:before{content:"\f024"}
.posting-icons a[href*="mode=report"]:after{content:" Report"}
.posting-icons a[href^="/report?mode=lock"]:before{content:"\f11d"}
.posting-icons a[href^="/report?mode=lock"]:after{content:" Lock report"}
.posting-icons a[href*="mode=ip"]:before{content:"\f041"}
.posting-icons a[href*="mode=ip"]:after{content:" Xem Ip"}

.posting-options .posting-buttons {
    margin-bottom: 0.5em;
    margin-top: 8px;
}
/* Button icon */
input[type="button"],input.button,a.button,input.button1,input[type="submit"],input[type="reset"]{border-radius:3px;background:#0F61A1;padding:5px 14px;font-size:1em;border:0 none!important;color:#FFF!important}
input[type="button"]:hover,input.button:hover,a.button:hover,input.button1:hover,input[type="submit"]:hover{background-color:#444!important}
a.button,#find_user,select[name="g"] + input,#use,#jqmHide,#friend + input,#foe + input,#find_friend,select[name="avatarcategory"] + input,select[name="active_time"] + input,select[name="msgdays"] + input,input[type="reset"],input[type="submit"],form[name="searchform"] .button{padding:5px 10px 5px 30px;background-repeat:no-repeat;background-position:10px center!important}
#find_user,#find_friend,form[action="/search"] input[type="submit"],input[type="submit"][name="search"],form[name="searchform"] .button{background-image:url(http://i39.servimg.com/u/f39/14/67/90/38/search10.png)}
input[type="reset"],input[type="submit"][name="refresh"],input[type="submit"][name="groupstatus"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/refres10.png)}
a.button[href="/"],input[type="submit"][name="valid"],#jqmHide,input[type="submit"][name="remove"],input[type="submit"][name="cancelavatar"],input[type="submit"][name="cancel"],input[type="submit"][name="delete"],input[type="submit"][name="deleteall"],input[type="submit"][name="delete_all"]{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/icon_e10.png)}
input[type="submit"][name="prevent_modif"],input[type="submit"][name="preview"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/previe10.png)}
input[type="submit"][name="draft"],input[type="submit"][name="save"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/save10.png)}
a.button[href="/register?agreed=true&step=2"],input[type="submit"][name="prevent_post"],input[type="submit"][name="split_type_beyond"],input[type="submit"][name="split_type_all"],input[type="submit"][name="submitavatar"],input[type="submit"][name="post"],input[type="submit"][name="confirm"],input[type="submit"][name="publish"],input[type="submit"][name="submit"],input[type="submit"][name="login"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/send10.png)}
select[name="g"] + input,select[name="fid"] + input[type="submit"][name="go"],input[type="submit"][name="moveprofile"],select[name="active_time"] + input,select[name="msgdays"] + input,select[name="avatarcategory"] + input[type="submit"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085610.png)}
input[type="submit"][name="add"],#friend + input,#foe + input{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085611.png)}
input[type="submit"][name="go"],input[type="submit"][name="select_to"],#use{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085612.png)}
input[type="submit"][name="avatargallery"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085613.png)}
.noIcon input.button[type="submit"]{padding-left:10px;background-image:none}
input.button2{margin:0}
.pun .frm .frm-buttons input,.button,.button1{padding:5px 10px 5px 30px!important}


ACP >> Display >> QLTT
Thay từng template tương ứng
Index_body
Code:
{JAVASCRIPT}
<ul id="navstrip" class="clearfix" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
 <li class="begin"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a></li>
 {NAV_CAT_DESC}
</ul>


<!-- BEGIN switch_user_login_form_header -->
<div class="borderwrap module">
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
 <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label> &nbsp;
 <label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label> &nbsp;
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
 </form>
</div>
 <br />
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}

<table width="100%"><tbody><tr><td width="74%" valign="top">{BOARD_INDEX}</td>
<td width="26%" valign="top" style="padding-left:10px">
<!-- BEGIN switch_user_logged_out -->
<div class="sidebar">

  <a id="SignupButton" href="/register">Đăng ký!</a>

  <a id="LogButton" href="/login">Đăng nhập!</a>

</div>
<!-- END switch_user_logged_out -->
  <!-- BEGIN switch_user_logged_in -->
  <div class="sidebar" style="text-align:left">
        
<div class="forumstatistics profilez">
    <div class="teststats">
        <span class="hienthianh"></span>
        <div class="visitorText">
          <h2><span class="tenthanhvien"></span></h2>
            <div class="stats">
                <dl class="pairsJustified"><dt>Tin nhắn:</dt>
                  <dd><span class="tinhan"></span></dd>
                </dl>
                <dl class="pairsJustified"><dt>Được Like:</dt>
                    <dd><span class="duoclike"></span></dd>
                </dl>
                <dl class="pairsJustified"><dt>Points:</dt>
                    <dd><span class="sopoint"></span></dd>
                </dl>
            </div>
        </div>
    </div>
</div>
  <script type="text/javascript">
//<![CDATA[
   $(".hienthianh").replaceWith('<a class="avatar" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.avatar + '</a>');
              $(".tenthanhvien").replaceWith('<a class="username NoOverlay" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.username + '</a>');
              $(".tinhan").replaceWith('' + _userdata.user_nb_privmsg + '');
              $(".duoclike").replaceWith('' + _userdata.point_reputation + '');
              $('.sopoint').load('/u'+_userdata["user_id"]+' #field_id-13 .field_uneditable');  
//]]>
</script>
                  
</div>
<!-- END switch_user_logged_in -->
  
<div class="sidebar">
        
  <a href="http://vxf.vn/threads/tuyen-ban-quan-tri-cong-dong-xenforo-viet-nam-2015.22474/"><img src="http://i68.servimg.com/u/f68/17/57/29/64/tuyen_10.png" style="border: 0; width: 100%;"/></a>
            
</div>
  
  
  <div class="sidebar">
        
    <a href="https://cer.vn/"><img src="http://i68.servimg.com/u/f68/17/57/29/64/88559b10.png" style="width: 100%;"/></a>
  
</div>
  
<div class="sidebar" style="text-align:left">
  
  <h3>AI ĐANG ONLINE ?</h3>
<div class="clearfix"><div class="left">{TOTAL_USERS_ONLINE}</div> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div>
<div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
<marquee onmouseout="this.start()" onmouseover="this.stop()" scrolldelay="25" truespeed="" loop="true" direction="left" scrollamount="2"><div>{GROUP_LEGEND}</div></marquee>
  
</div>
            
<div class="sidebar" style="text-align:left">


<ul class="Tinhte_XenTag_TagCloud cloud">
        
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Á đù</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Á đuuuu</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Hú hù hu</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">À đu đú</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Ú đà ú đa</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Hà ha há</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">À đu đù</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Đu đủ</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Hahe hehe</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Ú ú đà đà</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Á đù hehe</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Á à á a</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Add đù</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Hía hía</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">A akaka</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Test cái</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Úi ui</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Hí hì hi</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Cờ hó</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Dân chơi</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">VPS</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Tao là tao</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Hú hù hu</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Gta</a></li>
            
             <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Forum</a></li>
            
        
    </ul>

  
</div>
  
  
  <div class="sidebar" style="text-align:left">
  
  <h3>THỐNG KÊ DIỄN ĐÀN</h3>
 <!-- BEGIN message_admin_index -->
 <!-- BEGIN message_admin_txt -->
 {message_admin_index.message_admin_txt.MES_TXT}
 <!-- END message_admin_txt -->
<!-- END message_admin_index -->
</div>
  
    <div class="sidebar" style="text-align:left">
  
  <h3>TEXT LINK</h3>
      + <a href="http://www.marry.vn/kinh-nghiem-cuoi/trang-diem-lam-dep/" title="Trang điểm cô dâu">Trang diem co dau</a><br/>
      + <a href="http://www.elleman.vn/" title="ELLE MAN">ELLE MAN</a><br/>
      + <a href="http://www.bepgiadinh.com/mon-ngon/" title="mon ngon">Mon Ngon</a><br/>
      + mua ban <a href="http://simsodepviettel.com/" title="sim so dep">sim so dep</a> giá rẻ 10 số<br/>
      + cách chọn <a href="http://xemboisim.vn/xem-phong-thuy-sim" title="sim so dep">sim phong thuy</a> chính xác<br/>
      + tổng đại lý sim <a href="http://muasimsodep.com.vn/" title="sim so dep">so dep</a> giá rẻ<br/>
      + chọn mua  <a href="http://www.simphongthuy.com.vn/xem-phong-thuy-cho-sim.html" title="phong thuy sim">phong thuy sim</a> hợp mệnh<br/>
      + thỏa sức chọn mua <a href="http://simsodepviettel.com/simgiare.htm" title="sim so dep gia re">sim so dep gia re</a><br/>
      + <a href="http://medonthan.net" title="Cộng đồng mẹ đơn thân lớn nhất Việt Nam">Mẹ đơn thân </a> <br/>
      + <a href="http://taigamemienphichodienthoai.net/" target="_blank" title="tải game miễn phí">tải game miễn phí</a><br/>
      + <a href="http://w88daily.com/" target="_blank" title="W88">W88</a><br/>
      + <a href="http://trochoi.pro" title="tai game">tai game</a><br/>
      + cho <a href="http://vaytinchap99.com" target="_blank"> vay tín chấp </a> ngân hàng<br/>
<span style="color: red;">+ Liên hệ quảng cáo 0902.974.686</span>
    
</div>
  
  </td></tr></tbody></table>


{CHATBOX_BOTTOM}


<!-- BEGIN switch_user_login_form_footer -->
<div class="borderwrap module">
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
 <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label> &nbsp;
 <label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label> &nbsp;
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
 </form>
</div>
<!-- END switch_user_login_form_footer -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->


#codefm

#codefm

Tags: #skin #invision
Search in: Skin Forumotion  Chủ đề: [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.  Trả lời: 30  Xem: 3590

Demo ảnh



Cách làm

Cho code này vào chỗ muốn hiện:
Code:
    <ul class="xentag cloud">       
      <li class="cloudtag level1"><a href="/tags/code">Code Forumotion</a></li>
      <li class="cloudtag level1"><a href="/tags/skin">Skin Forumotion</a></li>
      <li class="cloudtag level3"><a href="/tags/punbb">Punbb</a></li>
      <li class="cloudtag level1"><a href="/tags/thủ-thuật">Thủ thuật</a></li>
      <li class="cloudtag level2"><a href="/tags/computer">Computer</a></li>
      <li class="cloudtag level1"><a href="/tags/smartphone">Smartphone</a></li>
      <li class="cloudtag level2"><a href="/tags/html">HTML</a></li>
      <li class="cloudtag level1"><a href="/tags/facebook">Facebook</a></li>
      <li class="cloudtag level1"><a href="/tags/internet">Internet</a></li>
      <li class="cloudtag level2"><a href="/tags/phần-mềm">Phần mềm</a></li>
      <li class="cloudtag level2"><a href="/tags/video">Video</a></li>
      <li class="cloudtag level2"><a href="/tags/music">Music</a></li>
      <li class="cloudtag level1"><a href="/tags/hình-ảnh">Hình ảnh</a></li>
      <li class="cloudtag level3"><a href="/tags/android">Android</a></li>
      <li class="cloudtag level3"><a href="/tags/forumotion">Forumotion</a></li>
      <li class="cloudtag level3"><a href="/tags/photoshop">Photoshop</a></li>
      <li class="cloudtag level2"><a href="/tags/lasttopic">Lasttopic</a></li>
      <li class="cloudtag level2"><a href="/tags/game-private">Game private</a></li>
      <li class="cloudtag level1"><a href="/tags/sexy">Sexy</a></li>
      <li class="cloudtag level3"><a href="/tags/rao-vặt">Rao vặt</a></li>
      <li class="cloudtag level1"><a href="/tags/hotrofm">Hotrofm</a></li>
      <li class="cloudtag level2"><a href="/tags/free">Free</a></li>
      <li class="cloudtag level2"><a href="/tags/cosplay">Cosplay</a></li>
      <li class="cloudtag level1"><a href="/tags/editor">Editor</a></li>
      <li class="cloudtag level2"><a href="/tags/ứng-dụng">Ứng dụng</a></li>
      <li class="cloudtag level3"><a href="/tags/seo">SEO</a></li>
      <li class="cloudtag level1"><a href="/tags/addon">Addon</a></li>
      <li class="cloudtag level3"><a href="/tags/tips">Tips</a></li>
      <li class="cloudtag level3"><a href="/tags/hướng-dẫn">Hướng dẫn</a></li>
      <li class="cloudtag level1"><a href="/tags/tuts">Tuts</a></li>
      <li class="cloudtag level2"><a href="/tags/invision">Invision</a></li>
      <li class="cloudtag level3"><a href="/tags/phpbb2">Phpbb2</a></li>
      <li class="cloudtag level2"><a href="/tags/phpbb3">Phpbb3</a></li>
      <li class="cloudtag level2"><a href="/tags/script">Script</a></li>
    </ul>


Cho code này vào CSS:
Code:
.xentag{padding:10px}
.xentag:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.xentag .cloudtag{background:#0F61A1;color:#EFF2F7;display:inline;float:left;margin:0.2em;padding:0}
.xentag .cloudtag:hover{background:#777;color:#fff}
.xentag .cloudtag a{color:inherit;display:block;font-size:1em;font-weight:bold;margin:0.5em;white-space:nowrap}
.xentag .level1{background-color:#E6EDFB;color:#3A5795}
.xentag .level2{background-color:#889ABF;color: #fff;}
.xentag .level3{background-color:#3A5795;color: #fff;}

Lưu lại và xem thành quả Smile
#codefm

Tags: #code #forumotion
Search in: Code Forumotion  Chủ đề: [Code] Widget khung tags đẹp Hotrofm đang sử dụng.  Trả lời: 0  Xem: 1091

[skin] Chợ Thái 247 - 30.08.16 13:11

vì code dài nên sẽ đăng theo nhiều bài biết trong topisc này

Demo: http://chothai247.forumvi.com/forum

VÀO ĐỀ LUÔN

overall_header

Code:
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
    <head>
       <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
       <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
       <meta http-equiv="content-script-type" content="text/javascript" />
       <meta http-equiv="content-style-type" content="text/css" />
       <!-- BEGIN switch_compat_meta -->
       <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
       <!-- END switch_compat_meta -->
       <!-- BEGIN switch_canonical_url -->
       <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
       <!-- END switch_canonical_url -->
       {META_FAVICO}
       {META}
       {META_FB_LIKE}
       <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
       {T_HEAD_STYLESHEET}
       {CSS}
       <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
       <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
       <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script type="text/javascript" src="http://thainguyen24h.forumvi.com/h1-page"></script>
       <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

       <!-- BEGIN switch_fb_login -->
       <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
       <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
       <!-- END switch_fb_login -->

       <!-- BEGIN switch_ticker -->
       <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
       <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
       <!-- END switch_ticker -->

       <!-- BEGIN switch_ticker_new -->
       <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
       <script type="text/javascript">//<![CDATA[
          /* Definir le sens de direction en fonction du panneau admin */
          var tickerDirParam = "{switch_ticker.DIRECTION}";
          var slid_vert = false;
          var auto_dir = 'next';
          var h_perso = parseInt({switch_ticker.HEIGHT});

          switch( tickerDirParam )
          {
             case 'top' :
                slid_vert = true;
                break;

             case 'left':
                break;

             case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;

             case 'right':
                auto_dir = 'prev';
                break;

             default:
                slid_vert = true;
          }

          $(document).ready(function() {

             var width_max = $('ul#fa_ticker_content').width();
             var width_item = Math.floor(width_max / {switch_ticker.SIZE});

             if (width_max > 0)
             {
                $('#fa_ticker_content').css('display','block');

                $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                   if ($(this).width() > width_item)
                   {
                   var ratio      = $(this).width() / width_item;
                   var new_height = Math.round($(this).height() / ratio);
                   $(this).height(new_height).width(width_item);
                   }
                });

                if (slid_vert)
                {
                   var height_max = h_perso;

                   $('ul#fa_ticker_content li').each( function () {
                      if ($(this).height() > height_max)
                      {
                         height_max = $(this).height();
                      }
                   } );

                   $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                   $('ul#fa_ticker_content li').height(height_max);
                }

                $('#fa_ticker_content').jcarousel({
                      vertical: slid_vert,
                   wrap: 'circular',
                   auto: {switch_ticker.STOP_TIME},
                   auto_direction: auto_dir,
                scroll: 1,
                size: {switch_ticker.SIZE},
                height_max: height_max,
                animation: {switch_ticker.SPEED}
                });
             }
             else
             {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
             }
          });
       //]]>
       </script>
       <!-- END switch_ticker_new -->

       <script type="text/javascript">
       //<![CDATA[
       $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
             pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
             if(pm != null) { pm.focus(); }
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
             report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
             if(report != null) { report.focus(); }
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
             ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
       });

       <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
       <!-- END switch_login_popup -->

       <!-- BEGIN switch_login_popup -->
       $(document).ready( function() {
          $(window).resize(function() {
             var windowWidth = document.documentElement.clientWidth;
             var popupWidth = $("#login_popup").width();
             var mypopup = $("#login_popup");

             $("#login_popup").css({
             "left": windowWidth/2 - popupWidth/2
                });
          });
       });
       <!-- END switch_login_popup -->
       //]]>
       </script>
       {GREETING_POPUP}
       <!-- BEGIN switch_ticker_new -->
       <style>
       .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
       }

       .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
       }

       .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
       }
       </style>
       <!-- END switch_ticker_new -->
       {HOSTING_JS}
       <!-- BEGIN google_analytics_code -->
       <script type="text/javascript">
       //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
        _gaq.push(["_trackPageview"]);
       _gaq.push(['_trackPageLoadTime']);

       <!-- BEGIN google_analytics_code_bis -->
       _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
       _gaq.push(['b._trackPageview']);
       <!-- END google_analytics_code_bis -->

        (function() {
          var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
          ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
          var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
        })();
       //]]>
       </script>
       <!-- END google_analytics_code -->
    </head>

    <body>
       <!-- BEGIN hitskin_preview -->
       <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
             <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
             </p>
          </div>
       </div>
       <!-- END hitskin_preview -->

       <!-- BEGIN switch_login_popup -->
       <div id="login_popup" class="module main">
          <div id="login_popup_title" class="main-head">
             <div class="h3">{SITENAME}</div>
          </div>
          <div class="main-content">
             {LOGIN_POPUP_MSG}
             <div id="login_popup_buttons">
                <form action="{S_LOGIN_ACTION}" method="get">
                   <input type="submit" class="button2" value="{L_LOGIN}" />
                   <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                   <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
                </form>
             </div>
          </div>
       </div>
       <!-- END switch_login_popup -->
    <script type="text/javascript">                   jQuery(document).ready(function() {jQuery(".loginlink").toggle(function(){jQuery(".user-dropdown-box").slideToggle('fast');}, function(){jQuery(".user-dropdown-box").slideUp('fast');});});</script>
      
      <body>
        
        <a id="top" name="top" accesskey="t"></a>
        <div class="devsitePage">
          <div class="menuhb">
            <div class="contenthb">
              <a class="logo" href="https://www.facebook.com/pages/Di%E1%BB%85n-%C4%91%C3%A0n-Th%C3%A1i-Nguy%C3%AAn-News/668263339869282?ref=ts&fref=ts">
                <img class="img" src="http://upanh.biz/images/2013/10/22/CXhIs.png" alt="Diễn Đàn Thái Nguyên 24h" width="105" height="20" title="FaceBook Thái Nguyên 24h">
                </a>
                <a class="l" href="http://chothai247.forumvi.com">Trang chủ</a>
                <a class="l" href="http://chothai247.forumvi.com/forum">Diễn đàn</a><a class="l" href="/f69-">Girl xinh</a>
                <a class="l" href="/f130-">Vui Hài</a><a class="l" href="/f71-">Hình Ảnh</a>
                <a class="l" href="/chatbox/index.forum?page=front&">Chat chit</a>
                <div class="clearhb"></div></div></div>
            <div class="minwidth_IE">
              <div class="layout_IE">
                <div class="container_IE"><div class="pun">
                  <div class="above_body">
                    <!--
     closing tag is in template navbar -->
                    <div id="Layer1" style="Z-INDEX: 1; RIGHT: 200px; WIDTH: 450; POSITION: absolute; TOP: 30px; HEIGHT: 200">
                      <embed height="200" width="450" flashvars="bannerWidth=450&bannerHeight=200&bannerSID=http://img.uu1001.cn/x3/2012-06-07/15-46/2012-06-07_e362c871463e3ece0d1882f8427cbea6_0.xml&bannerXML=&bannerLink=http://&dataSource=&bid=30683525&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="30683525" id="30683525" style="" src="http://img.uu1001.cn/bcv3.swf?v=20120313" type="application/x-shockwave-flash" __idm_id__="488005633">
                      </div>
                      <div id="header" class="floatcontainer doc_header">
                        <img src="http://i.imgur.com/hWnaRHM.png" style="border: medium none; position: absolute; z-index: 0; left: -25px; top: -30px;">
                          <img src="http://i.imgur.com/wGdXoyR.png" style="border: medium none; position: absolute; z-index: 0; right: -25px; top: -30px;">
                            <div><a name="top" href="/" class="logo-image">
                              <img src="http://i55.servimg.com/u/f55/17/57/29/64/logoch10.gif" alt="Diễn Đàn Chợ Thái 247" title="Diễn Đàn Chợ Thái 247">
                              </a></div>
                              <div id="toplinks" class="toplinks">
                                
                                <!-- BEGIN switch_user_logged_out -->
                                
                                
                                <span id="quick_login" class="relative">
                                  <a class="loginlink" href="/login">
                                    <i class="icon-user"></i> Đăng Nhập</a>
                                  <div class="user-dropdown-box" style="display: none;">
                                    <div class="user-dropdown-box-inner">
                                      <form action="/login" method="post" name="form_login">
                                        <div class="userloginbox">
                                          <div class="username">
                                            <input class="namusipb" placeholder="Tài Khoản" type="text" size="10" name="username"></div>
                                            <div class="pass">
                                              <input class="passipbnwa" placeholder="Mật Khẩu" type="password" size="10" name="password"></div>
                                              
                                              <div class="saipb">
                                                <span class="gensmall">
                                                  <input class="radio" type="checkbox" name="autologin" checked="checked">
                                                    <strong>Ghi nhớ mật khẩu</strong></span>
                                                </div><div class="buttonipblog">
                                                <input class="mainoption" type="submit" name="login" value="Đăng Nhập"></div>
                                                <div class="sendpass"><a href="/profile?mode=sendpassword" data-tooltip="Register now!"><b>Quên mật khẩu</b>
                                                  </a></div></div></form></div></div>
                                          <a class="registerlink" href="/register"><i class="icon-plus-sign"></i> Đăng Ký</a>
                                        </span>
                                        
                                        
                                        
                                       <!-- END switch_user_logged_out -->
                                        
                                        
                                   <!-- BEGIN switch_user_logged_in -->
                                        <span id="quick_login" class="relative"><a class="loginlink" href="/profile" style=" background: black; color: white; "><i class="icon-user"></i>Lý Lịch
                                          <strong style="padding-left:2px">
                                          <script type="text/javascript">
    var nlog="{LOGGED_AS}";
    document.write(nlog.substring(13));
      </script>
                                          </strong>              
                                        </a><div class="user-dropdown-box" style="display: none;width: 180px;margin-left: -65px;"><div class="user-dropdown-box-inner"><form action="/profile" method="post" name="form_login"><div class="userloginbox"><div class="username" style=" text-align: left; "><li><a href="/profile?mode=editprofile">Lý Lịch Của Bạn</a></li>
                                          <li><a href="/profile?mode=editprofile&page_profil=signature">Sửa Chữ Ký</a></li>
                                          <li><a href="/profile?mode=editprofile&page_profil=avatars">Sửa Avatar</a></li>
                                          <li><a href="/profile?change_password=Change+your+password&mode=editprofile&page_profil=informations#">Đổi Mật Khẩu</a></li><li><a href="/sta/<strongLogged in as <strong>tuyệt vọng</strong></strong>">Chủ Đề Của Bạn</a></li><li><a href="/spa/ <strongLogged in as <strong>tuyệt vọng</strong></strong>">Bài Viết Của Bạn</a></li></div></div></form></div></div><a class="registerlink" href="/login?logout=1" style=" background: #FFFF00; color: red; ">Thoát</a></span>
                                        
                                  <!-- END switch_user_logged_in -->      
                                        
                                        
                                      </div><style>.username li {background: white;border-top: 1px solid #ddd;padding-left: 15px;text-align: left;list-style-image: url(http://i64.servimg.com/u/f64/15/44/78/93/mini_p10.png);}.username  li:hover {background: #f5f5f5;}</style>
                                      <div class="ad_global_header"></div>
                                      <hr></div>
                                      
                                      <div id="navbar" class="navbar"><img src="http://i.imgur.com/KOSOJdz.png" style="border: medium none; position: absolute; z-index: 0; left: 0px; top: 0px;"><ul id="navtabs" class="navtabs floatcontainer"><li><a class="navtab" href="http://chothai247.forumvi.com/forum">Diễn đàn</a><ul class="floatcontainer"><li><a class="mainmenu" href="/calendar"><img id="i_icon_mini_calendar" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Calendar" title="Calendar">Lịch</a>  </li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="FAQ" title="FAQ">Trợ Giúp</a>  </li><li><a class="mainmenu" href="/register" ><img id="i_icon_mini_register" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Register" title="Register">Đăng Ký</a>  </li><li><a class="mainmenu" href="/h1-login"><img id="i_icon_mini_login" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Log in" title="Log in">Đăng Nhập</a>  </li></ul></li><li><a class="navtab" href="/search?search_id=newposts" accesskey="2">Có gì mới?</a></li><li><a class="navtab"  href="/memberlist" title="Thành Viên">Thành viên</a></li><li><a class="navtab"  href="/f" title="Vườn Ước Nguyện">Vườn Ước Nguyện</a></li></ul><script type="text/javascript">$("a.navtab[href='" + location.pathname + location.search + "']").parent("li").addClass("selected");$("a.mainmenu[href='" + location.pathname + location.search + "']").parent("li").addClass("selectF");$("a.mainmenu[href='/?tt=1'],a.mainmenu[href='/'],a.mainmenu[href^='/forum'],a.mainmenu[href^='/privmsg?folder=inbox'],a.mainmenu[href^='/search']").parent().hide();</script><div id="globalsearch" class="globalsearch"><form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search"><input type="hidden" name="securitytoken" value="guest"><input type="hidden" name="do" value="process"><span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"></span></span><span class="buttoncontainer"><span><input type="image" class="searchbutton" src="http://i.imgur.com/cFACGIb.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"></span></span></form><ul class="navbar_advanced_search"><li><a href="search.php" accesskey="4">Tìm kiếm nâng cao</a></li></ul></div></div></div>
                                        <div class="pun-crumbs noprint"><p class="crumbs"><a href="http://chothai247.forumvi.com/forum">Chợ Thái 247</a> » <strong><a href=""></a></strong></p></div>  <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices"><input type="hidden" name="do" value="dismissnotice"><input type="hidden" name="s" value=""><input type="hidden" name="securitytoken" value="guest"><input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value=""><input type="hidden" name="url" value=""><ol><li class="restore" id="navbar_notice_1"><div>» Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần <a href="faq" target="_blank"><b>Hỏi/Đáp</b></a> để biết cách dùng diễn đàn.</div><div>» Bạn có thể  <a href="register" target="_blank"><b>Đăng ký</b></a>để có thể viết bài. </div></li> </ol></form><div class="body_wrapper">
                   <!-- BEGIN switch_ticker_new -->
                   <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                         <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                               <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                               </ul>
                            </div>
                         </div>
                      </div>
                   </div>
                   <!-- END switch_ticker_new -->

                   <!-- BEGIN switch_ticker -->
                   <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                         <div class="main-content clearfix">
                            <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>
                         </div>
                      </div>
                   </div>
                   <!-- END switch_ticker -->

                   <div id="page-body">
                      <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                         <div id="outer-wrapper">
                            <div id="wrapper">
                               <div id="container">
                                  <div id="content">
                                    
                                     <div id="main">
                                        <div id="main-content">

    <!-- BEGIN html_validation -->
                                        </div>
                                     </div>
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </body>
    </html>
    <!-- END html_validation -->


Body

Code:
<div class="main" style="margin-bottom: 0"><div class="main-head"><div class="page-title"><h2>Thống kê Chợ Thái 247</h2></div></div></div>

{JAVASCRIPT}
 <div id="page-body">
          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                              <table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
        <tbody>
                                    <tr>
                                      <td valign="top" width="100%">
                                          <div class="test">
        <table class="thongke" cellpadding="4" cellspacing="0" style="border: 1px #c0c0c0 solid;" border="0" width="100%" align="center">
  
        <tr>
        <td width="100%">
        <table class="thongke" cellpadding="0" cellspacing="4" border="0" width="100%" align="center">
        <thead>
              <tr valign="top">
        <td width="23%"></td><td width="100%" colspan="2"></td>
        </tr>
        <tr>
        <td><table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="110%" align="center" >
  
        <tr><td valign="top" style="border: 1px solid #9DB3C5;">
        <!-- BEGIN giefmod_index1 -->
        {giefmod_index1.MODVAR} <!-- END giefmod_index1 --></tr></thead></table>

        </td></tr></table>

        </div>
                                      </td>
            </tr><tr>
                                    <td valign="top" width="100%">
        <!-- BEGIN html_validation -->
                                  </td>
                                </tr>
                            </tbody>
                          </table>
                      </div>
                    </div>
                </td>
              </tr>
          </table>
        </body>
        </html>
        <!-- END html_validation -->




    <!-- BEGIN message_admin_index -->
    <div class="main">
       <!-- BEGIN message_admin_titre -->
       <div class="main-head">
          <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
       </div>
       <!-- END message_admin_titre -->

       <!-- BEGIN message_admin_txt -->
       <div id="pun-announcement">
          <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
       </div>
       <!-- END message_admin_txt -->
    </div>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
       </div>
    </form>
    </div>
    <!-- END switch_user_login_form_header -->

<iframe src="http://chothai247.forumvi.com/h5-page" height="250" width="100%" frameborder="0"></iframe>

{CHATBOX_TOP}
  
    {BOARD_INDEX}

    <!-- BEGIN disable_viewonline -->
      <div class="tcat_c L1 collapse">
      <img src="http://i.imgur.com/ESd3wad.png" style="border: medium none; position: absolute; z-index: 0;  margin-left: -32px;">
        <div class="tcat_l"><div class="tieudetcat">
          <span class="tieude">
            <a style="color:white" class="res">
              <h2>TÌNH HÌNH DIỄN ĐÀN</h2></a></span></div></div>
      </div><div class="main-content" style="background: #FFFFFF;">
    
    

          <div id="stats" style="background: #FFFFFF;">
             <p class="right">{TOTAL_POSTS}</p>
             <p>{TOTAL_USERS}</p>
             <p>{NEWEST_USER}</p>
          </div>
          <div id="onlinelist" style="background: #FFFFFF;">
             <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
             <p class="right"  style="background: #FFFFFF;">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
             </p>
             <p>{TOTAL_USERS_ONLINE}<br />
             {RECORD_USERS}

             <br />
             {LOGGED_IN_USER_LIST}

             {L_ONLINE_USERS}
             {L_CONNECTED_MEMBERS}<br />
             {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
             <div class="clear"></div>

            

          </div>
          <!-- BEGIN switch_chatbox_activate -->
          <div id="onlinechat"  style="background: #FFFFFF;">
             <p class="page-bottom">
             {TOTAL_CHATTERS_ONLINE} :
             {CHATTERS_LIST}<br />
             <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                   insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                </script>
             <!-- END switch_chatbox_popup -->
             </p>
          </div>
          <!-- END switch_chatbox_activate -->
       </div>

    
    <!-- END disable_viewonline -->

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
       </div>
    </form>
    <!-- END switch_user_login_form_footer -->

    {CHATBOX_BOTTOM}


    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
       appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
       oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

#codefm
Search in: Skin Forumotion  Chủ đề: [skin] Chợ Thái 247  Trả lời: 9  Xem: 1382

[Icons] Chú chó kute - 30.08.16 12:13

    

    

   

    

   



    

  
#codefm
Search in: Rank, Button, Icon,...  Chủ đề: [Icons] Chú chó kute  Trả lời: 1  Xem: 541

Mô tả

- Khi bạn nhấp vào nút trích dẫn trong bài viết thì sẽ không bị chuyển trang và thay vào đó là trượt xuống khung trả lời nhanh để tiếp tục trích dẫn.

Hướng dẫn

ACP >> Modules >> Javascript codes management

Title * : Trích dẫn nhanh
Placement : In the topic
Javascript Code * :
Code:
$(function () {
        $('a[href*="mode=quote"]').click(function () {
              var datahref = $(this).attr('href');
                $.get(datahref , function (a) {
        var datatext = $(a).find('#text_editor_textarea[name="message"]').val();
        $(".sceditor-container textarea").val(datatext);
        $(".sceditor-container iframe").contents().find('body').html(datatext);
                });
                $('body').stop().animate({
                        scrollTop: $('#quick_reply').offset().top
                    }, 3000);
                return false;
            });
});

Vậy là xong rồi, ra bài viết thử nghiệm đi nào !
#codefm

Tags: #code
Search in: Code Forumotion  Chủ đề: [Code] Trích dẫn nhanh trượt xuống không chuyển trang  Trả lời: 0  Xem: 878
HotroFM bị lỗi khi truy cập bằng điện thoại không thể đăng được bài viết
khi viết bài cứ bắt viết vào mục Tags :
còn phần tiêu đề bài viết và mục viết bài thì chẳng viết được cái gì dẫn tới không đăng được bài viết
#codefm
Search in: Góp Ý  Chủ đề: HotroFM bị lỗi khi truy cập bằng điện thoại  Trả lời: 3  Xem: 516

Tìm thấy 83 mục

Chuyển đến trang : 1, 2, 3, 4, 5, 6  Next

Về Đầu Trang