Đăng nhập

Ghi nhớ
Latest topics
» Skin]Teen Pro9x [ PunBB ]
by chiecla1989 11/10/2017, 8:56 pm

» [Thắc mắc] Website tự thay đổi banner
by white1416 29/9/2017, 8:05 pm

» [Thắc mắc] chỉnh màu <hr>
by sayedn73 28/9/2017, 3:21 pm

» Một số cover cho Zing.me và Facebook
by sayedn73 28/9/2017, 3:18 pm

» Cần xin skin ngamvn.com
by sayedn73 4/9/2017, 2:40 pm

» Trỏ tên miền p.a vietnam
by tommy_phan 20/8/2017, 2:55 pm

» Xin forum rao vặt vBulletin 4.1.11
by arber 1/8/2017, 4:17 am

» Tôi sẽ đỗ đại học!
by handsomevip007 16/7/2017, 4:27 pm

» Xin hỗ trợ về DNS Domain cho Forumvi
by hoangthong 9/5/2017, 9:37 pm

» skin xinh forum full punbb
by kenbi05 8/5/2017, 10:47 am

» HỖ TRỢ GIÚP MÌNH VỀ VIỆC MẤT CHỨC NĂNG KIỂM TRA THÀNH VIÊN XEM BÀI TRONG GROUP FB
by hoangthong 4/5/2017, 9:14 am

» Xin chỉ giúp cách fix hình nền header cho forumvi
by Phuongtran 25/4/2017, 4:43 pm

» [Mod] Shop Gunny (New Version)
by accit 14/4/2017, 10:30 am

» Giới thiệu 3 mẫu smartphone nổi bật cho bạn quan tâm
by huydv 21/3/2017, 11:14 pm

» [Thông báo] Đổi tên miền diễn đàn[✔]
by vietkanpy 9/3/2017, 8:28 am

» [Help] Nhờ mọi người " RIP " giúp mình[✔]
by sayedn73 7/2/2017, 10:31 pm

» CHÚC MỪNG NĂM MỚI
by Exterminator 7/2/2017, 12:16 pm

» Cần giúp đỡ về Ads Banner trong forum
by sayedn73 7/2/2017, 12:42 am

» Xin index box forumvi [✔]
by sayedn73 5/2/2017, 6:50 am

» LỖI ADD TRANG CHỦ
by tommy_phan 17/1/2017, 11:04 am

» Bác nào rảnh tham gia cho vui nhé
by phamthohoa 27/12/2016, 10:06 am

» Cách đổi nền Forum
by sayedn73 27/10/2016, 1:28 am

» Skin CNTT-K3 2015 (Full Mod)[✔]
by sayedn73 27/10/2016, 1:14 am

» Share skin Gameprivatevn.ace.st
by help me 23/10/2016, 4:32 pm

» Share Skin Xanh Dương Cùi Bắp
by Thànhkent 21/10/2016, 1:37 pm

Top posting users this week


[Skin] Blog Công Nghệ[✔]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

[Skin] Blog Công Nghệ[✔]

Bài gửi by duongdienquan on 26/7/2013, 5:41 pm

demo:http://quanmap17.forumvi.com/

css:
[hide]
Code:

.pun {
background: #FFF;
margin: 20px auto 25px;
position: relative;
-moz-box-shadow: inset 0 0 2px #FFF, 0 0 5px #cacaca;
-webkit-box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
padding: 20px 24px;
width: 997px;
}
body {
background-image: url(http://uperdownload.com/wp-content/themes/sahifa/images/patterns/body-bg15.png);
background-position: top center;
}
header {
background: #FFF;
margin: 20px auto 25px;
position: relative;
width: 1045px;
-moz-box-shadow: inset 0 0 2px #FFF, 0 0 5px #cacaca;
-webkit-box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
}
.top-nav {
background: #fbfbfb;
border-top: 3px solid #37b8eb;
border-bottom: 1px solid #ececec;
height: 30px;
}
.today-date {
float: left;
padding: 4px 10px;
background: #ddd;
font-size: 11px;
color: #333;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin: 4px 10px 0 5px;
}
.top-nav ul {
float: left;
}
.top-nav ul li {
position: relative;
display: inline-block;
float: left;
border-right: 1px solid #F2F2F2;
}
.top-nav ul li a {
display: inline-block;
height: 30px;
line-height: 30px;
color: #838383;
padding: 0 8px;
text-shadow: 0 1px 1px #FFF;
}
#top-menu-mob, #main-menu-mob {
display: none;
}
.search-block {
height: 30px;
overflow: hidden;
float: right;
margin-left: 5px;
}
.search-block .search-button {
background: #37b8eb url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/search-button.png) no-repeat center;
cursor: pointer;
float: right;
height: 30px;
width: 30px;
text-indent: -999999px;
display: block;
border: 0 none;
}
.search-block #s {
background: #FFF;
float: right;
font: normal 11px tahoma;
padding: 9px 12px 8px 12px;
width: 90px;
color: #C5C5C5;
border: 0 none;
border-left: 1px solid #ececec;
-o-transition: width .7s , color .4s;
-webkit-transition: width .7s , color .4s;
-moz-transition: width .7s , color .4s;
transition: width .7s , color .4s;
}
.header-content {
padding: 20px 15px;
}
.logo {
float: left;
}
.logo h1, .logo h2 {
font: bold 32pt arial;
}
a {
color: #444;
text-decoration: none;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#main-nav {
margin: 0 auto;
background: url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/main-menu-bg.png) repeat-x bottom;
height: 52px;
border-bottom: 5px solid #37b8eb;
}
#main-nav .main-menu {
margin-left: 10px;
}
#main-nav ul li.current-menu-item, #main-nav ul li.current-menu-parent, #main-nav ul li.current-page-ancestor {
margin-top: 0;
height: 52px;
border-left: 0 none !important;
}
#main-nav ul li.menu-item-home.current-menu-item a {
background-position: center 8px;
}
#top-menu-mob, #main-menu-mob {
display: none;
}
option {
padding: 0 4px;
}
a.random-article {
background: #494949 url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/random.png) no-repeat center;
width: 42px;
height: 47px;
display: block;
float: right;
text-indent: -99999px;
margin: 5px 0 0 10px;
}
#main-nav ul li.current-menu-item, #main-nav ul li.current-menu-parent, #main-nav ul li.current-page-ancestor {
margin-top: 0;
height: 52px;
border-left: 0 none !important;
}
#main-nav ul li.menu-item-home.current-menu-item a {
background-position: center 8px;
}
#main-nav ul li {
font-size: 13px;
position: relative;
display: inline-block;
float: left;
border: 1px solid #222222;
border-width: 0 0 0 1px;
height: 47px;
margin-top: 5px;
}
#main-nav ul li a {
display: inline-block;
height: 47px;
line-height: 47px;
color: #ddd;
padding: 0 10px;
text-shadow: 0 1px 1px #000;
border-left: 1px solid #383838;
}
#main-nav ul ul {
display: none;
padding: 0;
position: absolute;
top: 42px;
width: 180px;
z-index: 999;
float: left;
background: #2d2d2d !important;
-webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#main-nav ul ul li, #main-nav ul ul li:first-child {
background: none !important;
z-index: 999;
min-width: 180px;
border: 0 none;
border-bottom: 1px solid #222;
border-top: 1px solid #383838;
font-size: 12px;
height: auto;
margin: 0;
}
#main-nav ul.sub-menu a, #main-nav ul ul li.current-menu-item a, #main-nav ul ul li.current-menu-parent a, #main-nav ul ul li.current-page-ancestor a {
border: 0 none;
background: none !important;
height: auto !important;
line-height: 1em;
padding: 10px 10px;
width: 160px;
display: block !important;
margin-right: 0 !important;
z-index: 999;
color: #ccc !important;
text-shadow: 0 1px 1px #000 !important;
}
#main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover, #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover {
background: #37b8eb;
text-shadow: 0 1px 1px #000;
color: #FFF;
height: 52px;
line-height: 52px;
border-left: 0 none !important;
}
#main-nav ul ul li:hover > a, #main-nav ul ul :hover > a {
color: #FFF !important;
padding-left: 15px !important;
padding-right: 5px !important;
}
#main-nav ul li:first-child, #main-nav ul li:first-child a {
border: 0 none;
}
#main-nav ul li:hover > ul {
display: block;
}
#main-nav ul li.menu-item-home a {
background-image: url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/home.png) !important;
background-repeat: no-repeat !important;
background-position: center -47px;
text-indent: -9999px;
height: 52px;
width: 35px;
}
#main-nav ul ul {
display: none;
padding: 0;
position: absolute;
top: 42px;
width: 180px;
z-index: 999;
float: left;
background: #2d2d2d !important;
-webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#main-nav ul ul li:hover > a, #main-nav ul ul :hover > a {
color: #FFF !important;
padding-left: 15px !important;
padding-right: 5px !important;
}
#main-nav ul ul li:first-child, #main-nav ul li.current-menu-item ul li:first-child, #main-nav ul li.current-menu-parent ul li:first-child, #main-nav ul li.current-page-ancestor ul li:first-child {
border-top: 0 none !important;
}
.widget {
clear: both;
margin-bottom: 25px;
}
.widget-top {
padding: 5px 0;
}
.widget-top h4 {
float: left;
margin-right: 10px;
font-size: 20px;
font-family: BebasNeueRegular,arial,Georgia, serif;
}
.stripe-line {
background: url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/stripe.png);
height: 12px;
overflow: hidden;
margin-top: 5px;
}
.form-submit #submit, #login-form .login-button, .widget-feedburner .feedburner-subscribe {
border: 1px solid #D9D9D9;
background: #FBFBFB;
background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FBFBFB),color-stop(100%,#EEE ));
background: -webkit-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -moz-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -o-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -ms-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: linear-gradient(top,#FBFBFB 0,#EEE 100%);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5);
color: black;
text-shadow: 0 1px 0 white;
height: 30px;
line-height: 30px;
width: auto;
font-size: 13px;
padding: 0 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background .40s;
-moz-transition: background .40s;
-o-transition: background .40s;
transition: background .40s;
position: relative;
}
.cat-box-content, #sidebar .widget-container, .post-listing {
background: white;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 1px 3px 0 #b5b5b5;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0 1px 3px 0 #b5b5b5;
border: 1px solid #DDD;
border-bottom: 4px solid #F88C00;
}
#login-form {
padding: 11px 11px 0;
}
#login-form p {
padding-bottom: 0;
}
#login-form #log, #login-form #pwd, .widget-feedburner .feedburner-email {
border-color: #F1F1F1;
border-top-color: #DDD;
border-left-color: #DDD;
background: #F9F9F9;
color: #515151;
font: 12px Tahoma;
padding: 4px 7px;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: block;
width: 200px;
height: 24px;
}
#login-form p {
padding-bottom: 0;
}
ul.login-links {
margin-top: 15px;
}
#main-nav, .cat-box-content, #sidebar .widget-container, .post-listing {
border-bottom-color: #37b8eb;
}
.widget-container li {
background: url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/sidebar-bullet.png) no-repeat left 8px;
padding: 0 0 5px 12px;
line-height: 18px;
overflow: hidden;
}
a {
color: #444;
text-decoration: none;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition:
}
.widget-container {
background: white;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 1px 3px 0 #b5b5b5;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0 1px 3px 0 #b5b5b5;
border: 1px solid #DDD;
border-bottom: 4px solid #37b8eb;
}
::selection {
background: #F9A386;
color: #fff;
text-shadow: none;
}
footer {
color: #ddd;
background: #333;
text-shadow: 0 0 1px #000;
padding: 20px 0;
border-bottom: 1px solid #222;
border-top: 8px solid #37b8eb;
margin-top: 20px;
-webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 -8px 0 rgba(0, 0, 0, .1);
box-shadow: 0 -8px 0 rgba(0, 0, 0, .1);
}
#general-stats{
  width: 100%;
  text-shadow: 1px 1px 0 white;
  background: #f5f5f5;
  -moz-box-shadow: 0px 0px 7px 0px #dcdcdc;
  -webkit-box-shadow: 0px 0px 7px 0px #dcdcdc;
  box-shadow: 0px 0px 7px 0px #dcdcdc;
  border: 1px solid white;}
#statistics{
  vertical-align: top;
  padding-bottom: 15px;
  border-left: 1px solid white;
  width: 100%;
  float: right;}
#statistics .stats-title{background: #e3e3e3;}
.stats-content{
  border-top: 1px solid #d9d9d9;  
  padding: 15px;}
#online{
  vertical-align: top;
  border-right: 2px solid #d2d2d2;
  background: #eaeaea;
  width: 60%;}
#online .on-title{background: #f3f3f3;}
#online .on-title, #statistics .stats-title{
  height: 70px;
  padding 0 0 0 20px;
  text-transform: uppercase;
  font-size: 30px;
  border-bottom: 1px solid white;}
#online .on-title a, #statistics .stats-title a{
  font-family: Century Gothic !important;
  bottom: -23px;
  position: relative;
  left: 20px;}
.online-content{
  border-top: 1px solid #d9d9d9;  
  padding: 15px;}
#legend{margin: 25px 0;}
.groups{
  background: url(http://i36.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
  padding: 5px 0 5px 18px;
  float: right;
  margin-top: -22px;}
.module {
  text-shadow: 1px 1px 0 white;
  background: #f5f5f5;
  -moz-box-shadow: 0px 0px 7px 0px #dcdcdc;
  -webkit-box-shadow: 0px 0px 7px 0px #dcdcdc;
  box-shadow: 0px 0px 7px 0px #ababab;
  border: 1px solid white;}
.module .main-head{
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #333 !important;
  background: #EAEAEA;
  border-bottom: 1px solid white;}  
.module .main-head div, .portal .module .main-head h1, .portal .module .main-head h2, .portal .module .main-head h3, .portal .module .main-head h4{
  color: #333 !important;}  
 .module .main-content{
  background: #f5f5f5;
  border-top: 1px solid #D9D9D9;}
.portal .module.mod_news{
  margin: 0 !important;
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 0;}
.portal .module {
  margin: 10px !important;}
#footer{
  width: 100%;
  min-width: 900px;
  color: white;
  height: 280px;
  background: #0c0d0d url(http://i36.servimg.com/u/f36/11/96/49/61/footer15.png) repeat-x;}
#footer ul{list-style-type: none;}
#footer a{color: white;}
#footer h1{
  font-weight: normal;
  margin-bottom: 20px;
  font-family: 'Lobster';
  font-size: 24px;
  border-bottom: 3px dotted white;
  padding-bottom: 5px;}
#footer h1 img{
  margin: 0 0 3px 0 !important;
  vertical-align: middle;
  height: 25px;}
#back-top{
  text-align: center;
  margin-bottom: 8px;
  position: relative;
  top: -12px;}
#f-content{
  float: center;
  margin: 0 auto;}
#f-content fieldset.frm-set dl dd, #f-content fieldset.frm-set dl dt {padding: .3em;}
#f-content #username, #f-content #password{
  color: #333333;
  text-shadow: 1px 1px 0 white;
  background: url(http://i36.servimg.com/u/f36/11/96/49/61/input10.png);
  width: 149px;
  height: 39px;
  border: 0;
  padding: 0 0 0 20px;}
input:-webkit-autofill, input:-webkit-autofill, input-moz-autofill, input:-moz-autofill, input:-autofill, input:-autofill {
  background: none !important;}
#f-content .button1{
  cursor: pointer;
  font-weight: normal !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: white;
  text-align: center;
  border: 0 !important;
  text-shadow: 0 1px 5px black;
  background: url(http://i36.servimg.com/u/f36/11/96/49/61/login10.png);
  width: 53px;
  height: 25px;
  padding-bottom: 2px;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;}
#f-content dd.login{
  margin-top: -40px;
  margin-left: 110px;} 
ul#social{
  margin-left: 25px;  
  margin-right: 25px;
  text-shadow: 1px 1px 0 black;
  font-weight: bold;
  font-size: 15px;
  float: left;}
ul#social li{
  margin-bottom: 10px;}
ul#social img{
  -ms-interpolation-mode: bicubic;
  margin-right: 10px;
  margin-bottom: 3px;
  vertical-align: middle;
  height:25px;}
#connect{
  margin-left: 25px;  
  margin-right: 25px;
  float: left;}
#user-panel #avatar{margin-right: 5px;}
#site-links{
  text-align: center;
  margin-left: 25px;  
  margin-right: 25px;
  float: left;}
#site-links li{margin-bottom: 3px;}
#site-links li a {
  font-size: 16px;}
#other{
  float: left;
  margin-left: 25px;  
  margin-right: 25px;}
.user a span::before {
content: url(http://i.imm.io/TesQ.png);
padding-right: 2px;
height: 15px;
width: 15px;
padding: 2px;
border: px solid #;
padding-top: 10px;
margin-right: 5px;
}
/*Titulo del Chat*/
h2.chatbox-title:after, h3.chatbox-title:after, #chatbox_header .cattitle:after { 
content:"-XtremeGamer"; 
}
.user-basic-info a img {
      background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 50px;
    padding: 5px;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.user-basic-info a img:hover {
     border-radius: 0;
}
/*informacion del usuario*/
      .perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -28em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 370px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: rgb(78, 82, 70);
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color: black !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: rgb(223, 193, 75);
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
}
.setPerfil .PerfilInfoImg {
width: 80px;
margin: 8px 9px;
height: 80px;
float: left;
border-radius: 3px;
display: table;
background: rgb(78, 82, 70);
padding: 8px;
box-shadow: 1px 2px 1px rgb(56, 141, 134);
}
.setPerfil .PerfilInfoImg:hover { 
border-radius: 3px;
display: table;
background: rgb(112, 102, 60);        
 } 
.setPerfil p div{
display: inline;
color: white;
float: right;        
}
.setPerfil h2 {
float: right;
font: bold 19px "Trebuchet MS";
display: block;
width: 190px;
padding: 1px;
text-shadow: 2px 2px 0 rgb(0, 0, 0);
margin-bottom: 5px;
color: yellowgreen;
}
.setPerfil p {
margin: 1px 8px;
float: right;
display: block;
background: rgb(112, 102, 60);
width: 208px;
text-align: left;
color: black;
padding: 4px;
box-shadow: 2px 1px 0 rgb(17, 17, 17);
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
background: rgb(90, 83, 83);      
}
.popmenubutton a {
 
/*display: block;
  */
padding: 2px 16px 2px 8px;
  background-image: url('http://illiweb.com/fa/invision/menu_action_down.gif');
  background-position: 98% 50%;
  background-repeat: no-repeat;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  }
.popupmenu {
  list-style: none;
  min-width: 200px;
  width:220px;
  font-size: 11px;
  }
.member .popupmenu {
  position: absolute;
  z-index: 999;
  }
.popupmenu .avatar {
  float: right;
  margin: 5px;
  width: 50px;
  height: 50px;
  background: url('http://illiweb.com/fa/invision/pp-blank-thumb-50px.png') no-repeat;
  }
.popupmenu .avatar img {
  display: block;
  width: 50px;
  height: 50px;
  }
.popupmenu ul {
  padding: 0.3em;
  list-style: none;
  }
.popupmenu li {
  display: block;
padding: 0.1em 0.1em;
  background-image: url('http://illiweb.com/fa/invision/menu_item.gif');
  background-repeat: no-repeat;
  background-position: 2px 50%;
  text-decoration: none;
  white-space: nowrap;
 font-size:11px;
  }
.popupmenu li a {
  text-decoration: none;
  }
.popup {
  margin: 0.5em;
  }
.popup .popup-msg {
  margin: 0.5em;
  }
/*Memberlist*/
.memberlist fieldset {
  padding: 1em;
  }
.borderwrap.member-list {
  margin-bottom: 4em;
  }

.member {
  float: left;
  width: 22%;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px;
  }
.member-list .popmenubutton {
  width: 100%;
  height: auto;
  }
* html .member span.membername {
  float: left;
  word-wrap: break-word !important;
  }
*  html .member span.membername {
  float:left;
  word-wrap: break-word !important;
  white-space: normal;
  }
.member-list .popmenubutton .mini-avatar {
  display: block;
  float: right;
  margin: 5px;
  background: url('http://illiweb.com/fa/invision/pp-blank-thumb-38px.png') no-repeat;
  width: 38px;
  height: 38px;
  }
.member .popupmenu li {
  background-image: none;
  }
.member-list .popmenubutton .mini-avatar img {
  width: 38px;
  height: 38px;
  }
.member p {
  font-size: 10px;
  height: 7em;
  overflow: auto;
  }
div.borderwrap .member-list {
  padding: 5px;
  border: none;
  }

.popupmenu {
  background-color: #fff;
  border: 1px solid #d0d0d0;
  }
.popupmenu .avatar {
  border: 1px solid #666666;
  background-color: #ffffff;
  }
.popupmenu li {
  background-color: #fff;
  border-bottom: 1px solid #d0d0d0;
  }
ul.popupmenu li.popupmenu-category {
  background-color: #c4c4c4;
  color: #464c55;
  }
/*Memberlist*/
.member {
  background-color: #fff;
  border: 1px solid #979ba0;
        height: 90px;
  }
.member-list .popmenubutton .mini-avatar {
  border: 1px solid #222222;
  background-color: #fff;
  }
.member p {
  color: #808080;
  }
div.borderwrap .member-list {
  background-color: #c4c4c4;
  }
.popmenubutton-new-out {
  margin: 0 auto;
  float: none;
  padding: 0.3em 0;
  }
.popmenubutton-new-out {
  float: none;
  width: 15em;
  }
.popmenubutton-new-out a {
  text-align: left;
  }
.popmenubutton-new-out a {
  background-color: #e4e6e9;
  }
.member .popmenubutton-new-out a {
  border: 1px solid #c6ccd4;
  }
.popmenubutton {
  margin: -1px auto;
  }

.frm-info{background:#ffffe1;border:1px solid #E6E6E6;margin:1.7em;padding:1em}.main ul.frm-info{list-style-type:none}.main .frm-info li{background:url(blue.png) no-repeat top left;padding:0 0 1em 2em}
.Sname a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px 5px}.Sname a:active,.Sname a:hover{background-color:#2F98D9;color:#FFF}.Sname{text-align:right}
.LGnews {
   border: 1px solid #AAA;
   background: #EEE;
   margin: 5px;
   box-shadow: 0 0 10px #CCC;
   -moz-box-shadow: 0 0 10px #CCC;
   -webkit-box-shadow: 0 0 10px #CCC;
   color: #536482;
   font-size: 10px;
}
.LGnews .news_title {
   margin: 0 0 5px;
   background: #CCC;
   padding: 5px;
   color: #666;
   font-size: 1.5em;
   text-shadow: 0 1px white;
   box-shadow: inset 0 10px 10px #DDD;
   -moz-box-shadow: inset 0 10px 10px #DDD;
   -webkit-box-shadow: inset 0 10px 10px #DDD;
   border-bottom: 1px solid white;
}
.LGnews .news_desc, .LGnews .news_topic .news_topic_desc {
   position: absolute;
   background-color: #111;
   color: white;
   padding: 5px;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   opacity: 0.9;
   -moz-opacity: 0.9;
   -webkit-opacity: 0.9;
   filter: alpha(opacity=90);
   max-width: 350px;
}
.LGnews .news_topic {
   margin: 3px 5px;
   text-shadow: 0 1px white;
}
.LGnews .news_topic .news_topic_desc {
   text-shadow: none;
}
.LGnews .news_topic .news_topic_desc img {
   max-height: 150px;
   max-width: 250px;
}
.LGnews .news_topic_title {
   display: block;
   font-size: 1.1em;
   font-weight: bold;
   color: #105289;
}
.LGnews .news_topic_author {
   display: block;
}
.LGnews .news_topic_author:before {
   content: 'By ';
}
.LGnews .news_topic_time:before {
   content: 'Last Post: ';
}
.logo strong {
display: none;
}
.footer-widgets-box {
float: left;
margin-right: 4%;
}
.footer-widget-top {
border-bottom: 1px solid #222;
padding: 10px 0;
}
.footer-widget-container {
padding: 10px;
border-top: 1px solid #444;
}
.footer-widget-container ul, footer .tabs-wrap ul {
border-bottom: 1px solid #444;
}
.footer-widget-container li, footer #tabbed-widget .tabs-wrap li {
padding: 6px 12px 6px 0;
line-height: 18px;
overflow: hidden;
border-bottom: 1px solid #232323 !important;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
footer a {
color: #ccc;
}
.clear {
clear: both;
}
.footer-bottom {
background: #2e2e2e;
height: 35px;
line-height: 35px;
border-top: 1px solid #444;
color: #ccc;
}
.container {
width: 1045px;
margin: 0 auto;
}
.alignright {
float: right;
}
.footer-bottom .social-icons {
float: right;
margin: 3px 15px 0;
line-height: 0;
}
.top-nav .social-icons a, .footer-bottom .social-icons a {
filter: url(http://uperdownload.com/wp-content/themes/sahifa/css/filters.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(1);
margin: 2px 1px 0 0;
}
.alignleft {
float: left;
}
tbody {
-moz-border-radius: 1px;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-border-radius: 1px;
-webkit-box-shadow: 0 1px 3px 0 rgba(181, 181, 181, 0);
background: #FFF;
border: 2px solid #37b8eb;
border-bottom: 4px solid #37b8eb;
border-radius: 1px;
box-shadow: 0 1px 3px 0 rgba(141, 54, 54, 0);
}
#topcontrol {
z-index: 2;
background: #37b8eb url(http://uperdownload.com/wp-content/themes/sahifa/images/separate.png) no-repeat center -410px;
width: 30px;
height: 30px;
text-indent: -99999px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
position: fixed;
bottom: -100px;
right: 10px;
cursor: pointer;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
overflow: auto;
}
.breaking-news {
background: #FFF;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 1px 3px 0 #B5B5B5;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
width: 1045px;
height: 32px;
margin: -5px auto 25px;
overflow: hidden;
position: relative;
}
.breaking-news span {
background: #FF0000;
display: block;
float: left;
padding: 6px 10px 3px;
color: #FFF;
font-family: BebasNeueRegular,arial,Georgia, serif;
font-size: 14pt;
}
.breaking-news ul a {
padding: 8px;
display: block;
white-space: nowrap;
}
.breaking-news ul {
float: left;
margin-top: 8px;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 8%;
}
.pun .main-content {
background-color: #fbfbfb;
border: 1px solid #37b8eb;
}
.main .main-foot, .main .main-head {
background-color: #37b8eb;
color: #dedfdf;
font-weight: 400;
padding: .7em 1.3em;
}
.pun table.table td {
background-color: #FFFFFF;
border-color: #37b8eb;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
/*Meminfo-login-top */
.login-top {
width: 318px;
background-color: none;
height: 95px;
top: 10px;
float:right;
padding: 25px;
color: yellow;
line-height:120%;
}
.login-in-put , #id-login {
width: 100px;
border: 0;
border-radius: 3px;
margin: 3px;
margin-left: 10px;
padding: 5px;
background: white url(http://i28.servimg.com/u/f28/15/68/89/57/id966810.png) no-repeat scroll left center;
color: #000;
padding-left:18px;
border: 1px solid #ddd;
}
.login-in-put , #pw-login {
width: 100px;
border: 0;
border-radius: 3px;
margin: 3px;
margin-left: 10px;
padding: 5px;
background: white url(http://i28.servimg.com/u/f28/15/68/89/57/pass9610.png) no-repeat scroll left center;
color: #000;
padding-left:18px;
border: 1px solid #ddd;
}
#ok-login {
background-color: #00A3FF;
border: 0;
border-radius: 3px;
color: #000;
cursor: pointer;
float: right;
font-weight: 700;
height: 27px;
margin: -32px -4px 0 0;
width: 75px;
}

#ck-login {
float: right;
margin: 5px;
color: #fff;
font-size:10pt;
font-weight:bold;
}
.menuitem-login {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
font-weight: 700;
margin: 2px;
padding: 2px 3px;
text-align: left;
width: 160px;
}
[<BÀI VIẾT NÀY KHÔNG BỊ ẨN>]
index_body
[hide]
Code:

{JAVASCRIPT}

<!-- 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 -->

{CHATBOX_TOP}
<table width="100%"><tbody><tr><td width="90%" valign="top">
      {BOARD_INDEX}</td>
<td width="25%" valign="top" style="padding-left: 10px">
  
 
  <div id="index_stats" class="slebar1">


                                                   <!-- BEGIN switch_user_logged_out --> 
                                                  <div id="login-widget-2" class="widget login-widget"><div class="widget-top"><h4>Đăng nhập</h4><div class="stripe-line"></div></div>
                  <div class="widget-container">      <div id="login-form">
                                          <form action="/login" method="post" name="form_login" id="login-vds">

                                            <input class="login-input" id="id-login" type="text" size="10" name="username" value="Tài Khoản" onfocus="if (this.value == 'Tài Khoản') this.value = '';" />
                                              <br />

                                            <input class="login-input" id="pw-login" type="password" size="10" name="password" value="Mật Khẩu" onfocus="if (this.value == 'Mật Khẩu') this.value = '';" />
                                            <div>
                                            <input id="ok-login" class="mainoption" type="submit" name="login" value="Đăng Nhập" />
                                            </div>
                                                                                        </form>
 <script type="text/javascript">//<![CDATA[$(function(){$('#login-vds').attr('action','/login?redirect='+this.location.pathname);});//]]></script>

                                            <br />
                                               
                                               
                  <span style="font-weight:bold;padding-right:15px;">
                  <a href="/register">Đăng Ký</a>

               </span>
                                       
                                         
            <span style="font-weight:bold;">
                  <a href="/profile?mode=sendpassword">Quên Mật Khẩu</a>
               </span>
                                       </div>
   </div></div>
                         
                                  <!-- END switch_user_logged_out -->
                                  <!-- BEGIN switch_user_logged_in -->
                               <div id="login-widget-2" class="widget login-widget"><div class="widget-top"><h4>Thông Tin</h4><div class="stripe-line"></div></div>
                  <div class="widget-container">      <div id="login-form">     
                                         <center>
                                                  <div class="menuitem-login">
                        <img src="http://hitskin.com/themes/16/32/01/i_msg_inbox.png">
           
            <a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{PRIVATE_MESSAGE_INFO}</a>
       </div>
          <div class="menuitem-login">
            <img src="http://i43.servimg.com/u/f43/17/43/09/69/group10.png">
            <a href="/profile?mode=editprofile">Thông Tin Cá Nhân</a>
       </div>
             <div class="menuitem-login">
            <img src="http://i43.servimg.com/u/f43/17/43/09/69/eye10.png">
            <a href="/profile?mode=editprofile&page_profil=avatars">Đổi Avatar</a>
       </div>
                 <div class="menuitem-login">
            <img src="http://i43.servimg.com/u/f43/17/43/09/69/deskto10.png">
            <a href="/profile?mode=editprofile&page_profil=signature">Sữa Chữ Ký</a>
       </div>
                <div class="menuitem-login">
            <img src="http://i43.servimg.com/u/f43/17/43/09/69/user_s10.png">
            <a href="/login?logout">Thoát</a>
       </div>
                   
                   </div>
               </center>              
               </div>
   </div></div>
                   <!-- END switch_user_logged_in --> 

                                  
  
  <div id="facebook-widget-2" class="widget facebook-widget"><div class="widget-top"><h4>Like nào các bạn !      </h4><div class="stripe-line"></div></div>
                  <div class="widget-container">         <div class="facebook-box">
            <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/uperdownload&amp;width=233&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;height=233" scrolling="no" frameborder="0" style="background:#FFF; border:none; overflow:hidden; width:233px; height:233px;" allowtransparency="true"></iframe>   
         </div>
   </div></div>
                                  <div id="text-9" class="widget widget_text"><div class="widget-top"><h4>Quảng cáo</h4><div class="stripe-line"></div></div>
                  <div class="widget-container">         <div class="textwidget">
                                                  
 <a href="http://www.cntt-k3.org/t5103-topic" title="Kick để liên hệ quảng cáo" target="_blank"><img src="http://i38.servimg.com/u/f38/16/58/45/96/300x2510.jpg" alt="quang cao" width="233" height="250"></a></div></div></div>
      </div></div>
                                  
                                  
                                  
                                  
                                  
  
  
  
    </td></tr></tbody></table>


<!-- BEGIN disable_viewonline -->


<br/> 



  <table id="general-stats" cellspacing="0" cellpadding="0">

      <td id="online">  

<div class="on-title"> <a href="{U_VIEWONLINE}" rel="nofollow"> <img class="globe" src="http://i36.servimg.com/u/f36/11/96/49/61/earth10.png"/> {L_WHO_IS_ONLINE} </a> </div>

        <div class="online-content">
        
{TOTAL_USERS_ONLINE}
  <br/>
{LOGGED_IN_USER_LIST}
        <br/>
        
{L_CONNECTED_MEMBERS}

        </div>
          
</td>



 <td id="statistics">

  <div class="stats-title"> <a href="#" rel="nofollow"> <img class="chart" src="http://i36.servimg.com/u/f36/11/96/49/61/partie10.png"/> STATISTICS</a> </div>

 <div class="stats-content">  
  
{TOTAL_POSTS}
  <br/>
{TOTAL_USERS}
  <br/>
{NEWEST_USER}
  <br/>
{RECORD_USERS}
  
  </div>
  
</td>    
        
  </table>

 <br/>


<div class="main-box" id="legend">
<div align="left" class="legend">{LEGEND} : {GROUP_LEGEND}</div>
  
  <a href="/groups" class="groups" align="right">Groups</a>
  
</div>

      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <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 -->

<!-- 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}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{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 -->
    <style>
    .slebar1 {
width: 235px;
}
    .ipsSideBlock h3:first-of-type, .general_box h3:first-of-type {
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
    
    .ipsLayout .ipsLayout_right {
width: 200px;
margin-right: -210px;
float: right;
}
    .ipsSideBlock {
padding: 10px;
}
    .ipsSideBlock, .general_box, .statistics {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
}
    .ipsSideBlock {
    background: #f9f9f9;
    }
    .ipsSideBlock h3 {
margin: -10px -10px 10px -10px;
}
    .ipsSideBlock h3, .general_box h3, .statistics_head {
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
background-position: 50% 0;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px -1px 0px, inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.15) 0px -1px 0px, inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.15) 0px -1px 0px, inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
color: #222;
text-shadow: rgba(255,255,255,0.4) 0px 1px 1px;
padding: 12px;
font-size: 12px;
font-weight: bold;
}
    .ipsSideBlock h3 .mod_links {
color: #fff;
opacity: 0.0;
display: inline-block;
padding: 1px 4px 3px 4px;
margin-top: -2px;
text-shadow: none;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/snapshot/trans40.png') repeat;
background: rgba(0,0,0,0.4);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
}
    
   .ipsSideBlock h3:hover .mod_links {
opacity: 1;
}
    .ipsSideBlock, .general_box {
margin-bottom: 10px;
}
    
  </style>
[<BÀI VIẾT NÀY KHÔNG BỊ ẨN>]
index_box
[hide]
Code:

<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
                                  
               <tr>
                  <td class="tc2">{catrow.forumrow.TOPICS}</br>TOPICS</td>
                                  <td class="tc3">{catrow.forumrow.POSTS}<br>POST</td>   
                                           
                                         <td class="tcl" style="padding-right: 0px; padding-left: 5px;">
                     
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                                    
                                           <td class="tcr">
                     <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>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
[<BÀI VIẾT NÀY KHÔNG BỊ ẨN>]
:Hide:
avatar
duongdienquan
CPMember
CPMember

Opera PunBB
Ngày đăng ký : 21/07/2012
Số bài : 14
CPP : 10
Châm ngôn sống : than thien

Xem lý lịch thành viên http://9c-club.5forum.net

Về Đầu Trang Go down

Re: [Skin] Blog Công Nghệ[✔]

Bài gửi by duongdienquan on 26/7/2013, 5:42 pm

overall_footer_begin
[hide]
Code:

<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div id="{ID_RIGHT}">
            <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
            <!-- END giefmod_index2 -->
         </div>
      </div>
   </div>
</div>
<div id="pun-foot">
   <div id="pun-about" class="clearfix">
      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
         <fieldset>
            <p><label>{L_JUMP_TO}: </label></p>
            {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
         </fieldset>
      </form>
      <ul>
         <li>
<!-- BEGIN html_validation -->
         </li>
      </ul>
   </div>
</div>
<!-- END html_validation -->
<div style="position: fixed; width: 342px; overflow: hidden; bottom: 50px; right: 10px; background-color: rgb(59, 89, 152); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: none; background-position: initial initial; background-repeat: initial initial;" id="fbslidebox">
    <div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">
        <a href="#" style="float:right; color:#FFF; padding:0 3px; border:1px solid #FFF; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
        <strong style="color:#FFF;">Don't forget to "LIKE" us on Facebook!</strong>
        <br><br>
      <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fifunistan&amp;width=320&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=146069025409053" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:320px; height:258px; background:#FFF;" allowtransparency="true"></iframe>
    </div>
</div>
<script language="javascript">


jQuery(document).ready(function () {
   jQuery.fb_slidebox = "true";                         
   jQuery("#fbcloseslidebox").click(function () {
         jQuery("#fbslidebox").animate({width: 'hide'});
         jQuery.fb_slidebox = "false";
         return false;                                  
   });
});

jQuery(window).scroll(function () {

   if (jQuery.fb_slidebox == "true") {
      if (jQuery(window).scrollTop() > 300) { 
         jQuery("#fbslidebox").animate({"width": 'show'});
      } else {
         jQuery("#fbslidebox").animate({width: 'hide'});
      }
   }
});     
      </script>
      
[<BÀI VIẾT NÀY KHÔNG BỊ ẨN>]
overall_footer_end
[hide]
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 --> | <!-- 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 -->
                                          <b><a href="http://www.blogcongnghe.vn"><span style="color: rgb(227, 32, 32);"><strong>skin Blog Công nghệ</strong></span></a></b><br/>
        <b><font color="black"><i>Rip By : </i><a href="http://www.cntt-k3.org/u1684"><span style="color: rgb(227, 32, 32);"><strong>Người vô hình</strong></span></a>
              
                                  </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>

<footer>
   <div id="footer-widget-area" class="footer-4c">

         <div id="footer-first" class="footer-widgets-box">
         <div id="text-2" class="footer-widget widget_text" style="margin-left: 220px;">
    
<div class="footer-widget-top"><h4> </h4></div>
                  <div class="footer-widget-container">         <div class="textwidget"><ul class="menu"> <li class="menu_title"><h3>Liên kết Website</h3></li> <li><a href="http://conglike.com" rel="dofollow" target="_blank" title="Tăng Like Facebook, Google+, Twitter, Youtube, Autosurf 100% người Việt!">Cổng Like Việt Nam</a></li> <li><!-- Start Backlink Code --><a target="_blank" href="http://LuotTruyCap.Com/backlink.php" rel="dofollow" title="autohits,autosurf,luottruycap,Backlinks"><img border="0" width="100" alt="Auto Backlinks,autohits,autosurf, luottruycap" src="http://LuotTruyCap.Com/backlink.png" height="15"></a><!-- End Backlink Code -->
              </li> <li><a href="http://uperdownload.com/">Mục 3</a></li> <li><a href="http://uperdownload.com/">Mục 4</a></li> <li><a href="http://uperdownload.com/">Mục 5</a></li> <li><a href="http://uperdownload.com/">Mục 6</a></li> <li><a href="http://uperdownload.com/">Mục 7</a></li> </ul>
</div>
      </div></div><!-- .widget /-->      </div>
   
         <div id="footer-second" class="footer-widgets-box">
         <div id="text-6" class="footer-widget widget_text"><div class="footer-widget-top"><h4> </h4></div>
                  <div class="footer-widget-container">         <div class="textwidget"><ul class="menu"> <li class="menu_title"><h3>UPERDOWNLOAD.COM</h3></li> <li><a href="http://uperdownload.com/">Mục 1</a></li> <li><a href="http://uperdownload.com/">Mục 2</a></li> <li><a href="http://uperdownload.com/">Mục 3</a></li> <li><a href="http://uperdownload.com/">Mục 4</a></li> <li><a href="http://uperdownload.com/">Mục 5</a></li> <li><a href="http://uperdownload.com/">Mục 6</a></li> <li><a href="http://uperdownload.com/">Mục 7</a></li> </ul>
</div>
      </div></div><!-- .widget /-->      </div><!-- #second .widget-area -->
   

         <div id="footer-third" class="footer-widgets-box">
         <div id="text-7" class="footer-widget widget_text"><div class="footer-widget-top"><h4> </h4></div>
                  <div class="footer-widget-container">         <div class="textwidget"><ul class="menu"> <li class="menu_title"><h3>UPERDOWNLOAD.COM</h3></li> <li><a href="http://uperdownload.com/">Mục 1</a></li> <li><a href="http://uperdownload.com/">Mục 2</a></li> <li><a href="http://uperdownload.com/">Mục 3</a></li> <li><a href="http://uperdownload.com/">Mục 4</a></li> <li><a href="http://uperdownload.com/">Mục 5</a></li> <li><a href="http://uperdownload.com/">Mục 6</a></li> <li><a href="http://uperdownload.com/">Mục 7</a></li> </ul>
</div>
      </div></div><!-- .widget /-->      </div><!-- #third .widget-area -->
   
         <div id="footer-fourth" class="footer-widgets-box">
         <div id="text-4" class="footer-widget widget_text"><div class="footer-widget-top"><h4> </h4></div>
                  <div class="footer-widget-container">         <div class="textwidget"><ul class="menu"> <li class="menu_title"><h3>UPERDOWNLOAD.COM</h3></li> <li><a href="http://uperdownload.com/">Mục 1</a></li> <li><a href="http://uperdownload.com/">Mục 2</a></li> <li><a href="http://uperdownload.com/">Mục 3</a></li> <li><a href="http://uperdownload.com/">Mục 4</a></li> <li><a href="http://uperdownload.com/">Mục 5</a></li> <li><a href="http://uperdownload.com/">Mục 6</a></li> <li><a href="http://uperdownload.com/">Mục 7</a></li> </ul>
</div>
      </div></div><!-- .widget /-->      </div><!-- #fourth .widget-area -->
      
   </div><!-- #footer-widget-area -->
   <div class="clear"></div>
</footer>
  

  <div class="footer-bottom">
      <div class="container">
         <div class="alignright">
                     </div>
               <div class="social-icons icon_16">
      <a class="ttip" href="http://uperdownload.com/feed" target="_blank" original-title="Rss"><img src="http://uperdownload.com/wp-content/themes/sahifa/images/socialicons/rss.png" alt="RSS"></a>   </div>

         
         <div class="alignleft">
                     </div>
      </div><!-- .Container -->
   </div>
[<BÀI VIẾT NÀY KHÔNG BỊ ẨN>]
overall_header
[hide]
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 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 -->

   <a id="top" name="top" accesskey="t"></a>

   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
         <header>
         <div class="top-nav">
                     <span class="today-date">{LAST_VISIT_DATE}</span>               
            <div class="top-menu"><ul id="menu-main-menu" class="menu"><li id="menu-item-849" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-849"><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li>
<li id="menu-item-3966" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3966"><a href="/groups">{L_USERGROUPS}</a></li>
<li id="menu-item-4001" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4001"><a href="{U_CALENDAR}">{L_CALENDAR}</a></li>
</ul></div>            <select id="top-menu-mob"><option value="" selected="selected">Go to...</option></select>
                  <div class="search-block">
                  <form method="get" id="searchform" action="/">
                     <input class="search-button" type="submit" value="Search">   
                     <input type="text" id="s" name="s" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
                  </form>
               </div><!-- .search-block /-->
   
         </div><!-- .top-menu /-->
         
      <div class="header-content">
         <div class="logo" style="margin-top:15px">
         <h1>                        <a title="Blog Công Nghệ" href="/">
               <img src="http://www.blogcongnghe.vn/logo.png" alt="Blog Công Nghệ"><strong>Blog Công Nghệ Blog chuyên đề công nghệ và thủ thuật máy tính</strong>
            </a>
         </h1>         </div><!-- .logo /-->
                  <div class="clear"></div>
      </div>   
                     <nav id="main-nav">
            <div class="main-menu"><ul id="menu-categary-menu" class="menu"><li id="menu-item-5768" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-5768"><a href="{U_HOME}">{L_HOME}</a></li>
                                  <li id="menu-item-675" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-675"><a href="/">Tổng hợp</a></li>
<li id="menu-item-665" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3961 parent-list"><a href="/">Kiến thức <span class="sub-indicator">»</span></a>
<ul class="sub-menu">   <li id="menu-item-3963" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3963"><a href="/">Office</a></li>
   <li id="menu-item-3964" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3964"><a href="/">Thủ thuật</a></li>
   <li id="menu-item-3962" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3962"><a href="/">Nhiếp ảnh</a></li>
   <li id="menu-item-3965" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3965"><a href="/">Đồ họa</a></li>
</ul>
</li>
<li id="menu-item-665" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3953 parent-list"><a href="/">Hệ điều hành <span class="sub-indicator">»</span></a>
<ul class="sub-menu">   <li id="menu-item-3955" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3955"><a href="/">Windows OS</a></li>
   <li id="menu-item-3954" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3954"><a href="/">Mac OS</a></li>
</ul>
</li>
<li id="menu-item-665" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-665 parent-list"><a href="/">Internet <span class="sub-indicator">»</span></a>
<ul class="sub-menu">
   <li id="menu-item-666" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-666"><a href="/">Mạng Xã hội</a></li>
   <li id="menu-item-3956" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3956 parent-list"><a href="/">Webmaster <span class="sub-indicator">»</span></a>
   <ul class="sub-menu">
      <li id="menu-item-3957" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3957"><a href="/">Joomla</a></li>
      <li id="menu-item-3960" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3960"><a href="/">WordPress</a></li>
      <li id="menu-item-3958" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3958"><a href="/">Magento</a></li>
      <li id="menu-item-3959" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3959"><a href="/">vBulletin</a></li>
   </ul>
</li>
</ul>
</li>
<li id="menu-item-668" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-668 parent-list"><a href="/">Mobile <span class="sub-indicator">»</span></a>
<ul class="sub-menu">
  <li id="menu-item-669" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-669"><a href="/">Android</a></li>
   <li id="menu-item-670" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-670"><a href="/">iOS</a></li>
</ul>
</li>
<li id="menu-item-664" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-664"><a href="/">Bảo mật</a></li>
<li id="menu-item-672" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-672"><a href="http://www.blogcongnghe.vn/category/phan-mem/">Phần mềm</a></li>
<li id="menu-item-3949" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3949 parent-list"><a href="/">Giải trí <span class="sub-indicator">»</span></a>
<ul class="sub-menu">
  <li id="menu-item-3950" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3950"><a href="/">Phim ảnh</a></li>
   <li id="menu-item-3951" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3951"><a href="/">Truyện tranh</a></li>
   <li id="menu-item-3952" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3952"><a href="/">Video Clips</a></li>
</ul>
</li>
</ul></div>            <select id="main-menu-mob"><option value="" selected="selected">Go to...</option></select>                        <a href="http://www.blogcongnghe.vn/?random" class="random-article ttip" original-title="Random Article">Random Article</a>
                     </nav><!-- .main-nav /-->
   
      </header>   
                        <div class="breaking-news">
      <span>CÓ GÌ HOT?</span>
            
               <ul><a>Chào các bạn </a></ul>
                          <br>
                          </br>
                          <ul><a>Chào các bạn</a></ul>
               
                                                   <script type="text/javascript">
         jQuery(document).ready(function(){
                        createTicker(); 
                     });
   
   
function createTicker(){       
   var tickerLIs = jQuery(".breaking-news ul").children();          
   tickerItems = new Array();                                
   tickerLIs.each(function(el) {                             
      tickerItems.push( jQuery(this).html() );                
   });                                                       
   i = 0  ;                                                 
   rotateTicker();                                           
}                                                           
function rotateTicker(){                                    
   if( i == tickerItems.length ){                            
    i = 0;                                                  
   }                                                         
  tickerText = tickerItems[i];                              
   c = 0;                                                    
   typetext();                                               
   setTimeout( "rotateTicker()", 5000 );                     
   i++;                                                      
}                                                           
var isInTag = false;                                        
function typetext() {                                        
   var thisChar = tickerText.substr(c, 1);                   
   if( thisChar == '<' ){ isInTag = true; }                  
   if( thisChar == '>' ){ isInTag = false; }                 
   jQuery('.breaking-news ul').html(tickerText.substr(0, c++));   
   if(c < tickerText.length+1)                                     
      if( isInTag ){                                                
         typetext();                                                 
      }else{                                                        
         setTimeout("typetext()", 28);                               
      }                                                             
   else {                                                          
      c = 1;                                                        
      tickerText = "";                                              
   }                                                                

                          </script>
   </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 -->
avatar
duongdienquan
CPMember
CPMember

Opera PunBB
Ngày đăng ký : 21/07/2012
Số bài : 14
CPP : 10
Châm ngôn sống : than thien

Xem lý lịch thành viên http://9c-club.5forum.net

Về Đầu Trang Go down

Re: [Skin] Blog Công Nghệ[✔]

Bài gửi by nightWalker on 26/7/2013, 5:49 pm

lộn xộn =="
thích cái màu
avatar
nightWalker
CPYellowMember
CPYellowMember

Firefox PunBB
Ngày đăng ký : 14/04/2011
Số bài : 2104
CPP : 193
Châm ngôn sống : *phọt*...

Xem lý lịch thành viên http://diendan.chinhphuc.info/

Về Đầu Trang Go down

Re: [Skin] Blog Công Nghệ[✔]

Bài gửi by Rin on 26/7/2013, 5:56 pm

ở phần thanh nav nó hơi bị lỗi Nghi ngờ do skin hay do người rip đây
avatar
Rin
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 14/07/2011
Số bài : 1530
CPP : 1493
Châm ngôn sống : tất cả những gì ta biết ko là gì so với những gì ta sắp học

Xem lý lịch thành viên http://www.vnsweetdream.net

Về Đầu Trang Go down

Re: [Skin] Blog Công Nghệ[✔]

Bài gửi by HoàngTửNaivip5p on 26/7/2013, 6:01 pm

Sao cái demo nó load lâu vậy sợ
avatar
HoàngTửNaivip5p
CPModerator
CPModerator

Chrome PunBB
Ngày đăng ký : 04/07/2012
Số bài : 914
CPP : 1151
Châm ngôn sống : Trong khi mọi người càng ngày càng tiến bộ về code thì mình càng ngày càng ngu đi :(( OIMEOI

Xem lý lịch thành viên http://mfworld.forumvi.com/

Về Đầu Trang Go down

Re: [Skin] Blog Công Nghệ[✔]

Bài gửi by duongdienquan on 30/7/2013, 10:59 am

do skin sẻ edit lại ngay
avatar
duongdienquan
CPMember
CPMember

Opera PunBB
Ngày đăng ký : 21/07/2012
Số bài : 14
CPP : 10
Châm ngôn sống : than thien

Xem lý lịch thành viên http://9c-club.5forum.net

Về Đầu Trang Go down

Re: [Skin] Blog Công Nghệ[✔]

Bài gửi by Lowie on 4/9/2013, 4:05 pm

hợp với win8
avatar
Lowie
CPPurpleMember
CPPurpleMember

No choice PhpBB2
Ngày đăng ký : 24/06/2011
Số bài : 1345
CPP : 231
Châm ngôn sống : Dẫu hiên ngang giữa đất trời, VỢ DÂM BẠN ĐỂU thì đời cũng xong!

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Skin] Blog Công Nghệ[✔]

Bài gửi by Dơi Kon on 7/10/2013, 10:32 am

Vote+ skin đẹp !
avatar
Dơi Kon
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 28/06/2012
Số bài : 228
CPP : 80
Châm ngôn sống : Tui là tui

Xem lý lịch thành viên http://pq-hocsinh.forumvi.com/

Về Đầu Trang Go down

Re: [Skin] Blog Công Nghệ[✔]

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết