[Đóng góp] SHARE SKIN BULE DẠNG WAP

  Bài viết hay nhất1
Chú thích : à thì skin này cũng lâu rồi giữa năm 2014 , thấy share trang index rồi lấy về edit. mình có share trên mạng thấy mn lấy về sài thì mình cũng mừng lắm skin tuy không đẹp mình chế lại từ skin gốc và thêm máy cái như hiệu ứng này nọ của forum trà sữa hồi trước mình có làm vs anhdausai nên còn giữ lại skin chuẩn hoàn toàn 100 % :3 .. à mà vào tiêu đề nào

Demo gốc :


Demon Forum : Click

Css :

Spoiler:

Code:

/*Srollbar*/
::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-button {  width: 0px; height: 0px; }
::-webkit-scrollbar-track {  background-color: #00AEFF;}
::-webkit-scrollbar-track-piece { background-color: #FFFFFF;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #00AEFF;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}
#smallrum{padding: 0.8em 1em; margin: 3px 1px; 
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;}
47%{opacity:1}50%{opacity:0}97%{opacity:0}100%{opacity:1}@font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(https://googledrive.com/host/0B2iMjo97NLgXLUt3T0RtaWVRWVE/fonts/icomoon.eot?#iefix) format(embedded-opentype), url(https://googledrive.com/host/0B2iMjo97NLgXLUt3T0RtaWVRWVE/fonts/icomoon.woff) format(woff), url(https://googledrive.com/host/0B2iMjo97NLgXLUt3T0RtaWVRWVE/fonts/icomoon.ttf) format(truetype), url(https://googledrive.com/host/0B2iMjo97NLgXLUt3T0RtaWVRWVE/fonts/icomoon.svg#icomoon) format("svg")}@font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(/h12-svg.svg#icomoon) format("svg")}.pun a:link{font-family:Arial, Helvetica, verdana, sans-serif;font-size:10pt;text-decoration:none}.pun{min-width:100px;padding:0;width:100%}.clearfix{clear:both}
.po-rel{position:relative!important}
a{text-decoration:none!important}[type*="button"],[type*="reset"],
[type*="submit"]{-moz-transition:all .1s ease;-webkit-transition:all
 .1s ease;background:#fff!important;border:3px solid #0099ff!important;border-radius:1px!important;box-shadow:0 0 1px rgba(0,0,0,0.5);color:#0099ff!important;cursor:pointer;font-weight:700!important;padding:1.5px 12px}
.pun .main-content .natata{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;content:"";height:3px;left:0;position:absolute;top:0;width:0}.pun .main-content:hover .natata{background:#0099ff;width:100%}
.pun .main-content .netete{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;bottom:0;content:"";height:3px;position:absolute;right:0;width:0}
.pun .main-content:hover .netete{background:#0099ff;width:100%}
.fixedhead{background:#0099ff;height:94px;left:0;position:absolute;top:0;width:100%;z-index:-1}
.pun .main-content .nototo{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;width:3px}.pun .main-content:hover .nototo{background:#0099ff;height:100%}
.pun .main-content .nututu{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;content:"";height:0;position:absolute;right:0;top:0;width:3px}.pun .main-content:hover .nututu{background:#0099ff;height:100%}
/* User action */
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:20}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
/*Css*/
.msg a:after{content:"[Link]";font-size:12px} .msg a:link{font-size:0;display:inline-block}
.keytags{text-align: center;font-size: 10px;}
.main .main-foot,.main .main-head{background-color:#239adc;color:#fff;font-weight:700;padding:.7em 1.3em;}
.pun .main-content{background-color:#fff;border:1px solid #239adc;margin-bottom:10px;}
.pun table.table tr:hover td,#pun-info dd:hover{background-color:#F5F5F5!important;}
.pun table.table td{background-color:#fbfbfb;line-height:130%;border-color:#239adc;border-style:solid none none solid;border-width:1px;padding:.6em 0 .7em;}
.plusbox{color:#888;font-size:12px;padding-right:10px;}
#smallrum{color:#FFF;width:360px;margin:3px 1px;padding:.8em 1em;}
#smallrum a.gensmall{display:inline-block;text-align:left;width:160px;}
#main-content > div:nth-child(21) > form > div.main-content.frm > fieldset.frm-set.multi > dl:nth-child(1) > dd > select:nth-child(4) {margin-top: 10px;}
a[href^="/admin/"]{color:#fff!important;background:#000;padding:5px;position:fixed;right:10px;bottom:10px;border-radius:3px;z-index:50;}
.pun input {border: 1px solid #DDD}
textarea:focus,button:focus,input:focus,.pun select:focus{border:1px solid #00BBFF!important;outline:none}
a{text-decoration:none}
a:link,a:active,a:visited {
text-decoration: none;}
a:hover{
text-decoration: none !important;}
blink b{animation:blink .1s infinite;-moz-animation:blink .5s infinite;-webkit-animation:blink .5s infinite}
@-webkit-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-moz-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-ms-keyframes blink{0%{opacity:1}100%{opacity:.1}}@keyframes blink{0%{opacity:1}100%{opacity:.1}}
.pun{
min-width:948px;width:948px;
background: rgb(252, 252, 255) url('http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif');
padding:10px;}
body {
margin: 0 auto;
padding: 0px 0px 0px 0px;
font-family: 'Open Sans', sans-serif;
color: #312C21;
overflow-x: hidden;
font-size: 13px;
background:#F0F0F0;
}
a{text-decoration:none}
#wrapper{
max-width:1000px;
width:100%;
margin:auto;
}
#header{
max-width: 100%;
position: relative;
margin: auto;
overflow: hidden;
background: #00B6E3;
}
.header-wrap {max-width: 930px;margin:auto;position:relative;}
h1#blog-title {
text-align: left;
margin-top: 20px;
font-weight: 200;
font-size: 40pt;
color: #fff;
line-height: 45px;
}
h1#blog-title a {padding:5px;color:#fff;}
h1#blog-title a:link,h1#blog-title a:visited {
color: #fff;
}
h2#blog-desc {
padding: 5px;
text-align: left;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 15pt;
letter-spacing: 0.01em;
color: #fff;
margin-bottom: 20px;
}
.title h2{
text-decoration: none;
padding: 10px;
margin-bottom: 15px;
text-align: left;
margin: auto;
font-weight: bold;
font-size: 20pt;
color: #fff;
}
.title h2 a:link, .title h2 a:visited{
color:#000;text-decoration: none;
}
.timemeta {float: left;
margin-left: 10px;
padding-right: 10px;
border-right: 1px solid #FFFFFF;
color: #FFFFFF;
text-transform: uppercase;
font-size: 8pt;}
.author1 {float: left;
margin-left: 10px;
padding-right: 10px;
border-right: 1px solid #FFFFFF;
color: #FFFFFF;
text-transform: uppercase;
font-size: 8pt;}
.postmeta, .postinfo{
background:#F5ECC1;
padding:3px 10px;
border:1px solid #DFD5A7;
font-size:10px;
text-transform:uppercase;
}
#menujohanes{
width:100%;
font-size: 10pt;
margin: auto;
background: #007396;
height: 50px;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-transform: uppercase;
position: relative;}
#menujohanes ul{
list-style-type: none;
z-index: 9;
max-width: 930px;
margin: auto;}
#menujohanes ul li{
float: left;
position: relative;
padding: 12px;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
#menujohanes ul li:hover a.menu{color:#fff;}
#menujohanes ul li:hover{
background:#00FFD5;}
#menujohanes ul li a:hover {
color:#fff;}
#menujohanes ul li a{
color: #fafafa;
padding: 0 10px;
line-height:25px;
font-weight:bold;
font-size: 10pt;
display:block;
text-decoration:none;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
#menujohanes ul li ul li{float: none;position: relative;}
#menujohanes ul li ul{
position: absolute;
top:49px;
left:0;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display:none;
background: #5d5d5d;}
#menujohanes:hover ul li ul {width:150px;}
#menujohanes ul li:hover > ul{-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;display:block; }
#menujohanes ul li ul li a{line-height:25px;}
#menujohanes ul li ul li ul{
position: absolute;
top:0; left:150px;
width:150px;
background: #00FFD5;}
#menujohanes ul li.selected a{font-size: 10pt;font-weight:bold;}
#menujohanes ul li.selected{color: #fff;background: #474747;font-weight:bold;}
.pinterestjo:hover, .twitterjo:hover, .facebookjo:hover, .googlejo:hover {background-color:#65C7CA;}
.pinterestjo, .twitterjo, .facebookjo, .googlejo {
font-size: 13px;
color: #222;
width: 100%;
z-index: 9;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
height: 45px;}
.twitterjo{
background: #00B6E3 url("http://4.bp.blogspot.com/-8BAKelUOAUY/UTyKNEclkHI/AAAAAAAAF3w/JWk7Bt7gJ6s/s1600/white_twitter_bird.png")no-repeat center center;}
.facebookjo {
background: #00B6E3 url("http://3.bp.blogspot.com/-vG6u1PK9oY0/UTyKNIjeVvI/AAAAAAAAF3o/Vr5nEq6jrAw/s1600/white_facebook.png")no-repeat center center;}
.googlejo{
background: #00B6E3 url("http://2.bp.blogspot.com/-VgoImgPXil8/UbNUTrYoCqI/AAAAAAAAGUw/hCImmM-IYZw/s1600/footer-icon-google.png")no-repeat center center;}
.pinterestjo{
background: #00B6E3 url("http://2.bp.blogspot.com/-9piAQfPmxa8/UZ-rdm96t7I/AAAAAAAAGKw/BZQeZleoZhI/s1600/white_pinterest.png")no-repeat center center;}
.jorib {
width: 45px;
height: 109px;
position: fixed;
top: 173px;
right: 0px;
z-index: 9;
}
/* footer styles*/
.entry-content{position:relative;}
.entry-content img {
max-width: 600px;
border: 1px solid #DDD;
box-shadow: 0px 1px 3px -1px #BEBEBE;
}
.entry-content img:hover {
max-width: 610px;
border-color: #aaa;}
.pun-crumbs {
background: -webkit-linear-gradient(#ECECEC,#DBDBDB);
background: -moz-linear-gradient(#ECECEC,#DBDBDB);
background-image: -ms-linear-gradient(top, #ECECEC, #DBDBDB);
background-image: -o-linear-gradient(top, #ECECEC, #DBDBDB);
background-image: linear-gradient(top, #ECECEC, #DBDBDB);
box-shadow: 0 1px 2px 0 #E4E4E4,inset 0 1px 0 0 white;
margin: 3px 0;
border: 1px solid #CCC6C6;
padding: 5px 16px;
position: relative;
height: 21px;
outline-style: none;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;

}
.pun-crumbs .crumbs a {
background: -webkit-linear-gradient(#ECECEC,#DBDBDB);
background: -moz-linear-gradient(#ECECEC,#DBDBDB);
background: -ms-linear-gradient(top, #ECECEC, #DBDBDB);
background: -o-linear-gradient(top, #ECECEC, #DBDBDB);
background: linear-gradient(top, #ECECEC, #DBDBDB);
font-size: 11px;
padding: 8px 4px;
border-right: 1px solid #CCC;
border-left: 1px solid #F1F1F1;
margin-left: -16px;
}
#pun-about {
    background: rgb(248, 248, 248); 
    color: transparent;  border-top: 1px solid #D1D1D1; 
    padding: 0 5px;    height: 45px;  line-height: 45px;
    text-align: left;
}
#pun-about ul li a {
    font-size: 11px;  color: #999;  display: block;  float: left;  height: 45px;  line-height: 45px;  padding: 0 10px;  border-right: 1px solid #ddd;
    font-weight: normal;
}
#pun-about ul li a:hover {
    background: #fff;  color: #666;
}
ul#pun-legend {
    text-align: left;
    line-height: 37px;
    height: 37px;
    margin: 0;
    color: rgb(68, 68, 68);      font-family: Arial, sans-serif;  font-size: 11px;
}
ul#pun-legend img {
    top: 9px;
    position: relative;
    margin-left: 10px;
}

#pun-foot #copyright {
    padding: 0 15px;      border-radius: 0 0 5px 5px;  font-size: 11px;  height: 45px; 
    line-height: 45px;  color: #999;
}
#pun-foot #copyright a {
    font-weight: bold;
}
#pun-foot #back-top {
    float: right;  padding: 0 10px;  height: 45px;  line-height: 45px;  display: block;  border-left: 1px solid #ddd;  margin-left: 10px;  border-right: 1px solid #ddd;
}
#pun-foot .mybb-link.right {
    margin-right: 10px;  border-right: 1px solid #ddd;  padding-right: 10px;font-size:10px;
}
#pun-foot .icon-upload.icon-large {
    background: url("http://i.imgur.com/noa2Awt.png") no-repeat center center;
    width: 25px;
    height: 24px;
    display: block;
    margin-top: 10px;
}
#pun-foot .icon-upload.icon-large:hover {
    background: url("http://i.imgur.com/1JvGS3S.png") no-repeat center center;
}
#pun-foot #copyright .audentio-link.right {
    line-height: 15px;
    margin-top: 8px;
}
#pun-foot .center.admin {
    position: absolute;
    top: 17px;
    right: 10px;
}
#pun-foot .center.admin a {
    font: bold 10px arial;
}
  Bài viết hay nhất2
index_body :
Tự thích hợp đi nhé :D:

index_box :

Spoiler:

Code:

<style>
  #main1 .main-content { margin-bottom: 10px; border-top: 0; }
  .statused tr {height: 65px}
  .pun table .tcr {padding: 0 0 0 2.5em !important}
  .pun tbody.statused span.status {margin-top: -2px;margin-left: -60px!important}
  .pun tbody.statused td.tcl{width: 65%!important;padding-left: 70px!important}
  .pun table.table td { background: rgb(255, 255, 255) url(http://i39.servimg.com/u/f39/18/89/80/09/grey-u10.png) repeat-x left bottom; border-top: 1px solid #B9C4CD; border-right: 0px solid #000; border-left: 0px solid #000; line-height: 130%; padding-bottom: 0.7em; padding-left: 0; padding-right: 0; padding-top: 0.6em; }
  .pun .main table td.tc2, .pun .main table td.tc3 { background: rgb(255, 255, 255) url(http://i39.servimg.com/u/f39/18/89/80/09/grey-u11.png) repeat-x left bottom; border-top: 1px solid #B9C4CD; padding: 0 10px 0 10px; width: 15%; }
  .pun table.table th { background: rgb(255, 255, 255) url(http://i39.servimg.com/u/f39/18/89/80/09/grey-u12.png) repeat-x left bottom; color: #333333; padding-bottom: 0.5em; padding-left: 0; padding-right: 0; padding-top: 0.5em; }
  #smallrum{padding: 0.4em 1em;margin: 3px 1px;background: #fff none;color: #fff;width: 195px;}
  #smallrum a img{vertical-align: middle; padding-right: 2px;}
  #smallrum a.gensmall {display: inline-block;text-align: left;width: 160px;}
  .forumdescription { display: block; clear: both; padding-right: 10px; }
  .pun .tcr a[href=""]:before {content:"Chưa có bài viết";font:12px Arial;color:#333;cursor: default;}
</style>
<div class="main" id="main1">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content stat-board po-rel">
  <span class="natata"></span>
<span class="netete"></span>
<span class="nototo"></span>
<span class="nututu"></span>
        <table cellspacing="0" class="table">
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                                                  <p class="forumdescription">{catrow.forumrow.FORUM_DESC}</p>
                                                 
                    <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                                          <td class="tc2">Chủ đề: {catrow.forumrow.TOPICS}<br />Bài viết: {catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>
  Bài viết hay nhất3
overall_footer_end  :
Spoiler:

Code:

<!-- BEGIN html_validation -->
<!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">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator --> |&nbsp;<!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>

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

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>
<script type="text/javascript">var cbvis = false;var cbload = false;function togglecbox () {var forum_Cbox = document.getElementById("forum_Cbox");var nutlenh = document.getElementById("dong_mo");if (!cbvis) {if (!cbload) {forum_Cbox.innerHTML = '<iframe  src="/chatbox/index.forum?archives=1" id="frame_chatbox" marginwidth="0" marginheight="0" width="800" frameborder="0" height="400" scrolling="no"></iframe>';cbload = true;}forum_Cbox.style.display = "block";nutlenh.innerHTML = "";}else {forum_Cbox.style.display = "none";nutlenh.innerHTML = "";}cbvis = !cbvis;}</script>
<div  style="z-index:251;bottom: 76px; right: 0; position: fixed; background: #00E1FF url(http://i57.servimg.com/u/f57/15/64/85/86/cp30310.png) no-repeat -15px center; padding: 15px 9px; border: 2px solid #FFF; border-right: 0; cursor: pointer;" align="right" onclick="togglecbox()"></div><div id="dong_mo"  style="display:none"></div><div id="forum_Cbox" style= "z-index:252;bottom: 78px;display: none; position: fixed; right: 18px;height:400px; width: 800px; line-height: 0;background: #FFF; border: 3px solid #00CCFF;cursor: pointer;"> </div>
<div id="footer">
<div class="container">
<div class="row">
<div class="footer-link">
<a href="/">
<span>Copyright ©2015, All Rights Reserved</span> <div>
<img src="http://im0.all-up.com/static/images/free-hosting-forum.png" alt="forumotion.com" /></div>
<span>© Bản Quyền thuộc về Lão Đại PK [KingPrivate]</span> </a> </div> </div> </div> </div></div></div>
<script type="text/javascript" async="" src="http://chupy.googlecode.com/files/Cntt-k3%20tipsy.js"></script>
<script type="text/javascript">
    $(function(){
    if (Number($("a.mainmenu[href^='/privmsg'] strong").text()) > 0){
    var a = $("a.mainmenu[href^='/privmsg'] strong").text();
    var b = confirm("Bạn có "+a+" tin nhắn mới.Bạn có muốn đến hộp thư.");
    if( b == true){location.href = '/privmsg?folder=inbox'};
    };
    });
  </script>
<script type="text/javascript">
jQuery(function(){
  jQuery("#pwd_bad").html('Quá Đơn Giản');
  jQuery("#pwd_middle").html('Vừa');
  jQuery("#pwd_good").html('Mạnh');
});
</script>
<script src="http://my-project-na.googlecode.com/files/FMvar.js"></script>
<script type="text/javascript" src="http://kingforum.esy.es/custom.js"></script>
<!-- BEGIN switch_user_logged_out -->
<style>#abb1{z-index: 105;}a#abb1 {background-color:#ff6633;top: 240px;left: 0;width: 42px;height: 102px;color: #FFF;cursor: pointer;position: fixed;margin-left: -9px;background-image: url('http://i44.servimg.com/u/f44/15/44/78/93/dangky10.png');}a#abb1:hover {background-color:#82D23D;margin-left: -5px; }</style>
<a title="Đăng ký thành viên" href="/profile.forum?mode=register" id="abb1" ></a>
<!-- END switch_user_logged_out -->
 <div id="toppage" style=""><img src="http://i.imgur.com/0LsMnPJ.png" onclick="$('html,body').animate({scrollTop: $('html').offset().top},1000);" title="Lên đầu trang"></div>

<script>
  $(window).scroll(function () {
    if ($(window).scrollTop() > 200) {
        $('#toppage').css('display', 'block')
    } else {
        $('#toppage').css('display', 'none')
    }
});
  </script>
   <style>
     #footer { background-color: #2e3133; color: #a3aaae; padding: 0px; text-align: center; padding-bottom: 60px; }@media only screen and (min-width: 768px) { #footer { text-align: left; } }#footer li { margin-bottom: 10px; }#footer li a { color: #a3aaae; }#footer li a:hover { color: #ccd0d2; }#footer h3 { margin-bottom: 25px; margin-top: 60px; }#footer .footer-link { text-align: center; width: 100%; display: inline-block; padding-top: 20px; }#footer .footer-link span { margin: 10px; display: inline-block; color: white; }#footer hr { border-top: 2px solid white; max-width: 100px; margin: 0 auto; margin-top: 40px; width: 100%; }#footer .footer-link i.logo { margin: 0 auto; display: block; padding: 10px; width: 50px; height: 50px; background: url(http://im0.all-up.com/static/images/tmp-sigle.png) no-repeat center center; }
#notif_unread {
background-color: #cb4437;
border-radius: 8px;
font: bold 11px Arial;
color: #fff;
line-height: 16px;
min-width: 14px;
padding: 0 1px;
position: absolute;text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.1);z-index: 990;
     }</style>
<style>
#toppage:hover {
opacity: 1;
}
#toppage {
display: none;
position: fixed;
right: 15px;
bottom: 15px;
opacity: 0.2;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
cursor: pointer;
}
  #scroll {
background-color: #ff6e6e;
border-radius: 3px;
color: #fff;
display: none;
padding: 3px 8px;
position: fixed;
right: 20px;
top: 0;
z-index: 500;
}
#scroll:after {
border: 4px solid transparent;
border-left-color: #ff6e6e;
content: " ";
height: 0;
margin-top: -4px;
position: absolute;
right: -8px;
top: 50%;
width: 0;
}
</style>
  Bài viết hay nhất4
overall_header :

Spoiler:

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>
<script type="text/javascript">
  //<![CDATA[
  function lang_vi(a) {
      a = a.toLowerCase();
      a = a.replace(/\u00e0|\u00e1|\u1ea1|\u1ea3|\u00e3|\u00e2|\u1ea7|\u1ea5|\u1ead|\u1ea9|\u1eab|\u0103|\u1eb1|\u1eaf|\u1eb7|\u1eb3|\u1eb5/g, "a");
      a = a.replace(/\u00e8|\u00e9|\u1eb9|\u1ebb|\u1ebd|\u00ea|\u1ec1|\u1ebf|\u1ec7|\u1ec3|\u1ec5/g, "e");
      a = a.replace(/\u00ec|\u00ed|\u1ecb|\u1ec9|\u0129/g, "i");
      a = a.replace(/\u00f2|\u00f3|\u1ecd|\u1ecf|\u00f5|\u00f4|\u1ed3|\u1ed1|\u1ed9|\u1ed5|\u1ed7|\u01a1|\u1edd|\u1edb|\u1ee3|\u1edf|\u1ee1/g, "o");
      a = a.replace(/\u00f9|\u00fa|\u1ee5|\u1ee7|\u0169|\u01b0|\u1eeb|\u1ee9|\u1ef1|\u1eed|\u1eef/g,
        "u");
      a = a.replace(/\u1ef3|\u00fd|\u1ef5|\u1ef7|\u1ef9/g, "y");
      a = a.replace(/\u0111/g, "d");
      a = a.replace(/\W+/g, "-");
      a = a.replace(/^\-+|\-+$/g, "");
      a = a.replace(/(-group)$/, "");
      return a.replace(/(-page-\d+)$/, "")
  }
  var path = location.pathname,
      canonical = path + location.search + location.hash;
  /(\-category|\-forum|\-topic|\-group)/.test(path) && history.replaceState(null, null, canonical.slice(1).replace(/(\-category|\-forum|\-topic|\-group)/, "-" + lang_vi(document.title)));
  //]]>
</script>
        <meta name="google-site-verification" content="ljkJFsaVVchN6-C42tCJQ9j52S69k6j7nyqWJ7ZHLYQ" />
  <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" ty
pe="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 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[
  jQuery().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 -->
        $(window).load(function() {           
            Ticker.start({
              height : {switch_ticker.HEIGHT},
              spacing : {switch_ticker.SPACING},
              speed : {switch_ticker.SPEED},
              direction : '{switch_ticker.DIRECTION}',
              pause : {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 -->
<meta name="google-site-verification" content="google66636c9465b625c3.html" /></head>
<body>
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.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 -->
  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
  <a id="top" name="top" accesskey="t">
 

  <body class='home blog'><div class='jorib'><a href='#' target='_blank'><div class='googlejo'></div></a>
<a href='#' target='_blank'><div class='twitterjo'></div></a>
<a href='https://www.facebook.com/kenh692014' target='_blank'><div class='facebookjo'></div></a>
<a href='#' target='_blank'><div class='pinterestjo'></div></a>
</div><div id='header'><div class='header-wrap'><div class='blognames section' id='blognames'><div class='widget Header' id='Header1'>
<h1 id='blog-title'><span>
<a href='/' rel='home' title='Shiroi'>KingPrivate</a>
</span></h1>
<h2 id='blog-desc'><span>
Diễn Đàn Quảng Cáo Game Online
</span></h2>
</div></div>
</div></div><div id='menujohanes'>
<ul>
<li><a href='/' title='Home'>Trang Chủ</a></li>
<li class='selected'><a class='menu' href='/forum'>Diễn Đàn</a>
</li>
<li><a class='menu' href='/memberlist'>Thành Viên</a>
</li>
<li><a class='menu' href='/search'>Tìm Kiếm</a></li>
<!-- BEGIN switch_user_logged_out -->
<li><a class='menu' href='/register'>Đăng Ký</a></li>
<li><a class='menu' id="sign_in"  href='/login'>Đăng Nhập</a></li>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<li><a class='menu' href='/profile?mode=editprofile'>Hồ Sơ</a></li>
<li><a class='menu' id="sign_in"  href='/login?logout=1'>Đăng Xuất</a></li>
<!-- END switch_user_logged_in -->
 
 
</ul>
</div>
 
            <div class="pun">
             

              <!-- 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 -->
  Bài viết hay nhất5
viewtopic_body :

Spoiler:

Code:

Hết rồi :D , tự sử đi nhá ^^ !
  Bài viết hay nhất6
sao link ko thấy giống như trong hình nhỉ
You cannot reply to topics in this forum