» Công Nghệ Thông Tin » Chinh Phục Forumtion » Skin FM » punbb » Skin Ipad(code) cho [punbb]


You are not connected. Please login or register

Skin Ipad(code) cho [punbb]

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Skin Ipad(code) cho [punbb] on Wed Oct 24, 2012 9:57 am

An Hùng BMT

avatar
Admin
Admin
CSS:
Code:
@charset "UTF-8";
/* CSS Document */

/**
* Custom CSS by PurevB.com
*/
.popupbody li > a,
.popupbody li > label {
   padding:8px 10px;
   line-height:18px;
}
.formsubmit label {
   color:#3a3a3a;
}
.socialBox {
position:absolute;
top:63px;
right:10px;
}
.loginBox #fb_loginbtn {
position:relative;
top:6px;
}
.posts, .postlist, #postlist  {
margin:0;
padding:0;
}

/* Misc Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {
   border:0;
}
.verticalAlign {
   vertical-align:middle;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
.clearfix {
   display: inline-block;
}
html[xmlns] .clearfix {
   display: block;
}
* html .clearfix {
   height: 1%;
}

/************************************************************************/
body {
   width:auto;
   min-width:770px;
   max-width:auto;
   margin: 0 0 50px 0;
}
*{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }

#forums *, #wgo *, #forumbits * {
   -moz-border-radius: 0 !important;
   -webkit-border-radius: 0 !important;
}
#fb_headerbox {
   padding-right:5px;
}
.wgo_block {
   margin:0;
}
.navbar {
   -moz-border-radius-bottomleft: 0 !important;
   -moz-border-radius-bottomright: 0 !important;
   -webkit-border-bottom-left-radius: 0 !important;
   -webkit-border-bottom-right-radius: 0 !important;
}

.announcements {
   margin-top:10px;
}
.highlight {
   background-image:none;
}
.forumbit_nopost.row1 .forumrow, .forumbit_post.row1 .forumrow {
   background: #f9f9fa none  ;
   border:1px solid #e7e8e9;
   border-top:0;
}
.forumbit_nopost.row2 .forumbit_nopost .forumrow, .forumbit_post.row2 .forumrow {
   background: #f6f6f6;
   border-top:0;
   border:1px solid #e7e8e9;
}
.threadbit.row1 .nonsticky{
   background: #f9f9fa none  ;
}
.threadbit.row2 .nonsticky{
   background: #f6f6f6;
}
.threadbit .sticky .alt {

}
.threadbit.row1 .nonsticky .alt {
   background:#f9f9f9;
}
.threadbit.row2 .nonsticky .alt {
   background:#efefef;
}
.navlinksBox {
   text-align: center;
   color: #5d5d5d;
   font-size: 14px;
        font-weight:700;
        margin-top: 8px;
        margin-bottom: 0;
        width:100%;
        clear:both;
}

.forumrow .forumtitle a:link, .forumrow .forumtitle a:visited {
   color:#000;
   font: 14px arial, helvetica, sans-serif;
}
.forumrow .forumtitle a:hover{
   color:#b93413;
}
.forumrow .lastposttitle a:link, .forumrow .lastposttitle a:visited {
   color:#625e55;
   font-weight:700;
}
.forumrow .lastposttitle a:hover{
   color:#b93413;
}

.bodyWrap {
   background:#fff;
   margin:0 2px;   
}
.body_wrapper {
   padding:0 18px;
   margin:0;
}
.above_body {
   padding:0;
   margin:0;
}
.threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
   border-top:0;
}
.loginLeft {
   float:left;
}
#sidebar_container > ul {
   width: 99%;
}

/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pageWrapper {

}
.pageWrap {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/pageWrapBG.gif) repeat-x top left;
   position:relative;
}
.bodyWrapper {
   margin:0px auto 0px auto;
   min-width:770px;
   width:990px;
   position:relative;
}
.topBarWrap {
   margin:0px auto 0px auto;
   min-width:770px;
   width:990px;
   position:relative;
}

.topMarks {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topMarks.png) no-repeat top right;
   position:absolute;
   top:5px;
   right:10px;
   width:318px;
   height:266px;
   z-index:1;
}
.topPaper {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topPaper.png) no-repeat top right;
   position:absolute;
   top:44px;
   right:-79px;
   width:352px;
   height:445px;
   z-index:1;   
}
.topSchool {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topSchool.png) no-repeat top left;
   position:absolute;
   top:280px;
   left:20px;
   width:89px;
   height:51px;
   z-index:1;
}
.topPaperClip {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topPaperClip.png) no-repeat top left;
   position:absolute;
   top:37px;
   left:-18px;
   width:101px;
   height:115px;
   z-index:1;   
}
.topSpacer {
   height:80px;
}

/* Top Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#topBar {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topBarBG.gif) repeat-x top left;
   height:49px;
   color:#9d9d9d;
   font-size:13px;   
}
#topBar .bodyWrapper {
   position:relative;
}
.registerNow {
   float:left;
   padding-top:10px;   
}
.registerNow span {
   padding-right:8px;   
}

/* Login Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#loginBar {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/loginBarBG.gif) repeat-x top left;
   height:49px;
   line-height:49px;
   float:right;
}
#loginBar a:link, #loginBar a:visited {
   color:#fff;
}
#loginBar a:hover {
   color:#c23b00;
}
#loginBar ul {
   list-style:none;
   padding:0;
   margin:0;
}
#loginBar li {
   float:left;
   padding-right:8px;
}
.loginBox {
   float:left;
}
.loginBar ul {
   list-style:none;
   padding:0;
   margin:0;
}
.loginBar li {
   float:left;
}
.loginBoxInput {
   background: url(http://www.purevb.com/demo/images/styles/iPadCom/style/loginBoxInput.png) no-repeat top left;
   width:140px;
   height:30px;
}
.loginInput {
   background:transparent;
   border:0;
   color: #838383;
   font-size:12px;
   width:130px;
   height:30px;
   line-height:30px;
   padding:0 5px;
}
.rememberMe {
   color:#9d9d9d;
   font-size: 14px;   
}
.memberBox .rememberMe {
   font-size: 14px;
}
.memberBox .rememberMe input {
   vertical-align: baseline;
}
.cb_cookieuser_navbar{
   position: relative;
   top: 2px;
}
.inputPad .loginBoxInput {
   margin-top:10px;
}
.inputPad {
   padding:0 4px;   
}
.submitPad input {
   margin-top:10px;
}

/* iPad Body
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#ipadBody {
   background:#000 url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadBG.gif) repeat-x top left;
   position:relative;
   z-index: 999;
}
.ipadWrap {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadBottomBG.gif) repeat-x bottom left;
}
.ipadTL {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadTL.gif) no-repeat top left;
}
.ipadTL2 {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadTL2.gif) no-repeat top left;
}
.ipadTR {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadTR.gif) no-repeat top right;
}
.ipadTR2 {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadTR2.gif) no-repeat top right;
}
.ipadBL {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadBL.gif) no-repeat bottom left;
}
.ipadBR {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadBR.gif) no-repeat bottom right;
}
.ipadLeft {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadLeft.gif) repeat-y top left;
}
.ipadRight {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadRight.gif) repeat-y top right;
}
.ipadBody {
   padding:5px 50px;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.above_body {
   background:none;

}
.doc_header {
   height:99px;
   line-height:99px;
   color:#838383;
   font-size:13px;
   position:relative;
}
.logo {
   float:left;
   padding-right:21px;
   height:99px;   
}
.slogan {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/sloganSplit.gif) no-repeat top left;
   float:left;
   height:99px;
   padding-left:20px;
}
.slogan a:link, .slogan a:visited {
   color:#c4c4c4;
   font-weight:700;
   font-style:italic;
}
.slogan a:hover {
   color:#fff;
}

.searchBox {
   position:absolute;
   top:35px;
   right:0;
}
.searchBox form {
   padding:0;
   margin:0;
}
.searchBox input {
   float:left;
}
.searchWrap {
   background: url(http://www.purevb.com/demo/images/styles/iPadCom/style/searchinput_left.png) no-repeat top left;
   width:154px;
   height:34px;
   float:left;
}
.searchinput {
   border:0;
   color: #838383;
   padding:0 8px;
   font-size:12px;
   width:138px;
   height:34px;
   line-height:34px;
   background:transparent;
}
.searchButton {
   float:left;
}

/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
   background:#fff;
}
.topBox {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topBoxBG.gif) repeat-x top left;
   height:39px;
   line-height:39px;
   color:#838383;
   font-size:11px;
   text-align:right;
}
.topBoxWrap {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topBoxWrap.gif) no-repeat top left;
   height:39px;
   padding:0 20px;   
}
.topBox .time {
   color:#fff;
}
.bannerBox {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/bannerBoxBG.gif) no-repeat top left;
   width:468px;
   height:60px;
   margin:0 auto;
   padding:4px;
}
.copyright {
   text-align:center;
   padding:30px 0;
   line-height:17px;
}
.copyright a:link, .copyright a:visited {
   color:#343434;
   font-weight:700;
}
.copyright a:hover {
   color:#bd3513;
}

/* Welcome Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.welcomeBox {
   background:#fff url(http://www.purevb.com/demo/images/styles/iPadCom/style/welcomeIcon.gif) no-repeat top left;
   height:65px;
   color:#353535;
   padding:23px 15px 0 87px;
   line-height:20px;
   border-bottom:1px solid #e7e8e9;
}
.welcomeBox a:link, .welcomeBox a:visited {
   color:#5b98dc;
   font-weight:700;
}
.welcomeBox a:hover {
   color:#3a6c96;
}

/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerBar {
   height:69px;
   position:relative;
}
.ipadButton {
   width:40px;
   height:29px;
   margin:0 auto;
   padding-top:22px;
}
.footerLinks {
   position:absolute;
   top:7px;
   left:0;
}
.footerLinks ul {
   list-style:none;
   padding:0;
   margin:0;
}
.footerLinks li {
   float:left;
   padding:18px 8px 0 8px;
}
.footerLinks a:link, .footerLinks a:visited {
   color:#fff;
   font-size:13px;
   font-weight:700;
}
.footerLinks a:hover {
   color:#87b7e8;
}
.skinSelect {
   position:absolute;
   top:20px;
   right:0;
}

/* Postbit Align Username and Avatar Center
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img  {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}
.postbitlegacy .userinfo .postbit_reputation,.postbitlegacy .userinfo .postbit_reputation img {float:none; text-align:center;}

/* Bottom Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bottomBar {
   display:none;
}

/*************************************************/
/* TOP MEMBER BAR*/
#toplinks, .toplinks {
   text-align:left;
   line-height:20px;
   padding-top:12px;
   float:right;
}
#toplinks .isuser {
   float:left;
}
#toplinks .welcomelink {
   font-weight:700;
}
.toplinks ul.isuser .notifications .popupbody {

   border: 1px solid #242424; /* makes it look consistent with the popup background */
}
.toplinks .notifications a.popupctrl {   
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 12px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
   -moz-border-radius: 5px !important;
   -webkit-border-radius: 5px !important;
}

.memberBox .welcomeUser {
   font-weight:700;
   font-size:11px;
   float:left;
}
.memberBox .toplinks {
   padding:2px 0 0 3px;
}
.memberBox .toplinks {
   padding:2px 0 0 3px;
}

/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/navBG.gif) repeat-x top left;
   position:relative;
   height:93px;
   font:  12px arial, helvetica, sans-serif;
   color:#353535;
   width:100%;
   padding:0;
   margin:0;
}
#navtabs li.selected ul.floatcontainer {
   margin-top:4px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
   line-height:27px;
   height:27px;
}
.navbar a { color:#353535; }
.navbar a:hover { color:#5b9501; }

.navtabs ul li:first-child {
   text-indent: 0;
   margin-left:7px;
}
.navtabs {
   padding-left:0;
}
.navtabs ul {
   position:absolute;
   top:57px;
   left:0px;
   width:100%;
/* This is to fix RTL menu issue under Opera */
        direction:ltr;
}
.navtabs li {
   float:left;
}
.navtabs li li {
   background:none;
}

.navtabs ul li {
   border-right: 0;
   position: relative;
}
.navtabs li a {
   height:57px;
   line-height:57px;
}
.navtabs li a.navtab {
   display:block;
   min-width:60px;
   width:auto !important;
   width:60px;
   _min-width:75px;
   _width:auto !important;
   _width:75px;
   text-align:center;
   color:#353535;
   font-size:18px;
   text-decoration:none;
   line-height:57px;
   height:57px;
   padding:0 10px;
   font-weight:400;
}
.navtabs li a.navtab:hover {
   background:none;
   color:#5b9501;
}
.navtabs li.selected {
   background:none;
   height:57px;
}
.navtabs li.selected a.navtab {
   background:none;
   color:#5b9501;
   position:relative;
   top:-px;
   padding-top:px;
   z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
   text-decoration:none;
   font:  12px arial, helvetica, sans-serif;
   line-height:27px;
}
.navtabs li.selected li {
   padding:0 5px;
}
.navtabs li.selected li li {
   padding:0 2px;
}
.navtabs li.selected li a {
   color:#666;
   font-weight:400;
   padding:2px 5px;
}

.navbar_advanced_search li {
   height: 27px;
   display:block;
   clear:both;
}

.navbar_advanced_search li a {
   color:#353535;
}

.navbar_advanced_search li a:hover {
   color:#5b9501;
   text-decoration:none;
}

.navtabs li.selected li a:hover {
   color:#5b9501;
   text-decoration:none;
}

.navtabs li.selected .popupbody li > a {
   padding:0pxpx 10px;
   text-indent: 0;
   color: ;
}

.navtabs li.selected li a.popupctrl {
   -moz-border-radius:3px;
   -webkit-border-radius:3px;   
   border:solid px transparent;
   _border: none;
   background:transparent url(http://www.purevb.com/demo/images/styles/iPadCom/misc/arrow.png) no-repeat right center;
   padding-right:15px;
        _background-image:url('http://www.purevb.com/demo/images/styles/iPadCom/misc/arrow.gif');
   color:#666;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
   color:#fff;
}

/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/bcBG.gif) repeat-x top left;
   height:28px;
   padding:6px 18px 0 18px;
   color:#242424;
   font-size:13px;
   margin-bottom:10px;
   border-bottom:1px solid #e7e8e9;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
   border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
   font-weight:700;
}
.breadcrumb .navbit a:hover {
   background:#625e55;
   color:#fff;
   border:1px solid transparent;
}

/*************************************************/
/* TCAT BAR */

.tcat {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/tcatBG.gif) repeat-x top left;
   color: #fff;
   height:44px;
   clear:both;
   margin-top: 8px;
   float: left;
   border:0;
   padding:0;
   width: 100%;
}
.tcatLeft {}
.tcatRight {}
.tcat .forumtitle {
   font-weight:700;

}
.tcat .tcatDesc {
   font-size:12px;
   font-weight:400;
}
.tcat h2 {
   padding-left:16px;
   font: bold 16px arial, helvetica, sans-serif;
   line-height: 44px;
   float:left;
   font-weight:700;
}
.tcat a:link, .tcat a:visited {
   color:#fff;
}
.tcat a:hover {

}
.tcat .tcatCollapse {
   float:right;
   position:absolute;
   top:10px;
   right:10px;
}

/* tcat Thread List Controls - Forumdisplay */
.tcat_threadlist_controls {
   float:right;
   padding-right:8px;
}
.forumdisplaypopups, #forumdisplaypopups {
   clear:both;
}
.tcat_threadlist_controls h6 {
   height:44px;
   line-height:44px;
   padding:0;
   display:block;
   font-size:11px;
}
.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
.postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl,
.postlist_popups h6 a.firstunread, .postlist_popups.popupgroup .popupmenu h6 a.firstunread {
   background:none;
   display:block;
   _display:44px;
   height:44px;
   line-height:44px;
   font-family:arial, helvetica, sans-serif;
   font-weight:700;
   font-size:12px;
   color:#fff;
   padding:0 7px;
   border: 0;
   float: left;
   clear: right;
}
.forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
.postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl,
.postlist_popups h6 a:hover.firstunread, .postlist_popups.popupgroup .popupmenu h6 a:hover.firstunread{
   border: 0;
   color:#fff;
   text-decoration:underline;
}
#postlist_popups a, .postlist_popups a {
   color: #fff;
   _border: none;
}

#postlist_popups a:hover, .postlist_popups a:hover {
   color: #fff;
   text-decoration:underline;
}
#postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
   border: 0;
}

#postlist_popups ul li {
   color: #3E3E3E;
}
#postlist_popups ul li a, .postlist_popups ul li a {
   color: #3E3E3E;
   _border: none;
}

#postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
   color: #3E3E3E;
   text-decoration:underline;
}

#forumdisplaypopups ul a, .forumdisplaypopups ul a {
   color: #3e3e3e;
}
.tcat .toolsmenu {
   background:none;
   border:none;
   margin:0;
}
.toolsmenu div {
   border:0;
}
.tcat .toolsmenu ul {
   padding:0;
}
.tcat .toolsmenu .popupgroup a.popupctrl, .tcat .toolsmenu .popupgroup .popupmenu a.popupctrl, .tcat .toolsmenu .nopopupgroup li a {
   padding:0 7px;
   _display:44px;
   height:44px;
   line-height:44px;
}

/*************************************************/
/* THEAD BAR*/

.thead_bar .theadrow {
   background:#e6e7e8 url(http://www.purevb.com/demo/images/styles/iPadCom/style/theadBG.gif) repeat-x top left;
   display:block;
   width: 100%;
   float: left;
   position:relative;
   line-height:24px;
   font-size:12px;
   border:1px solid #e6e7e8;
   border-top:0;
   color:#636364;
}
.thead_bar .padding {
   padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
   width: 23%;
}
.thead_bar .theadrow .forumdata  {
   float: left;
}
.thead_bar {
   float: left;
   position:relative;
   width: 100%;
   display:block;
}
.thead_bar .forumhead .forumtitle {
   width: 76%;
}
.thead_bar .foruminfo {
   width: 53%;
   min-width: 30%;
   float: left;
   clear: right;
}
.thead_bar .foruminfo .forumdata {
   padding: 0;
   width: 100%;
   _width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
   display: block;
   float: left;
   clear: right;
   width: 16%;
   margin-right: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
   float: left;
   width: 86%;
   padding:0;
   padding-left: 67px;
}
.thead_bar .forumactionlinks {
   width: 5%;
   display:block;
   float:left;
   clear:right;
}

.thead_bar .forumactionlink {
/* values based on icon size */
   display:block;
   width:18px;

   overflow:hidden;
   float: right;
   clear: left;
   background:transparent none no-repeat;
   position: relative;

}
.thead_bar .forumstats li, .thead_bar .forumstats_2 li{
   font-size: 12pxpx;
   text-align: right;
   padding-right: 20px;
   display:block;
}
.thead_bar .forumlastpost {
   display:block;
   float: left;
   clear: right;
}
.thead_bar .theadrow .forumlastpost {
   width: 22%;
}
.forumbitBody {
   padding-right:2px;
   clear:both;
}

/*threadlisthead and posthead*/
.threadlist {
margin-top:0;
}
#threadlist .threadlisthead {
   background:#e6e7e8 url(http://www.purevb.com/demo/images/styles/iPadCom/style/theadBG.gif) repeat-x top left;
   display:block;
   width: 100%;
   float: left;
   position:relative;
   font-size:12px;
   border:1px solid #e6e7e8;
   border-top:0;
   color:#636364;
   font-weight:400;
   margin: 0;
}

#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
   color: #79756d;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
   background:#e6e7e8 url(http://www.purevb.com/demo/images/styles/iPadCom/style/theadBG.gif) repeat-x top left;
   clear:both;
   display:block;
   float: left;
   width: 100%;
   color:#636364;
   margin: -1px -1px 0;
   font:  normal 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
   padding: 4px 0;
   border:0;
   border:1px solid #e6e7e8;
   border-top:0;
   font-size:12px;
   font-weight:400;
}
#posts .posthead a:link, #posts .posthead a:visited {
   color:#78756d;
}
#posts .posthead a:hover {
   color:#78756d;
}
#posts .posthead .time, #posts .nodecontrols {
   color:#78756d;
}
.wgo_subblock{
   position:relative;
}
.wgo_subblock .whatspace {
   padding-left:55px;
}
.wgo_subblock .whaticon {
   position:absolute;
   top:25%;
   left:10px;
}
#postlist .userinfo {
   padding-top:10px;
}
.username_container {
   padding:2px 0;
   text-align:center;
}
.username_container .username strong {
   font-size: 16pt;
   font-weight:400;
}
.usertitle, .rank {
   text-align:center;
}
.usercenter {
   padding-top:5px;
   text-align:center;
}
.userinfo_extra dt {
   padding:6px 3px 0 10px;
   margin:0;
   color: #625e55;
   font-weight:700;
}
.userinfo_extra dd {
   background: #fff;
   color: #414141;
   border: 1px solid #d3d3d3;
   padding:3px 0 3px 0;
   margin:0;
   margin-top: 2px;
}
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img  {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}


.postbit, .postbitlegacy, .eventbit {
   margin-bottom: 0;
}
.bbcode_container .bbcode_quote_container {
   background:none;
}

.forum_info_block, .forum_info_form {
   background:none;
}
.postfoot {
   border: 1px solid #d5d5d5;
   border-bottom:0;
   border-right:0;
}
.postfootWrap {
   border-right: 1px solid #d5d5d5;
}

#thread_info a.collapse {
   position: absolute;
   top: 9px;
}

/* Bottom Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bottomBar{
   display:none;
}



#notices .restore {
   border:1px solid #e6b868;
   padding:8px;
}

h1.header, h2.header {
   text-transform:capitalize;
}

/* Advanced Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchtypeswitcher {
   border-bottom:4px solid #0b4b78;
}
#searchtypeswitcher li a {
   background-color:#2474ad;
   color:#FFF;
}

#searchtypeswitcher li.selected a {
   background-color:#0b4b78;
}

#searchtypeswitcher li a:hover {
   background-color:#0b4b78;
}

/* vBulletin Groups
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
li.sgicon .maincol, #sidebar li.sgicon .maincol,#thumbnails li {
   background: #fbfbfb none  ;
}
#sidebar li.sgicon .maincol .textcontrol {
   color: #424242;
}
#content .grouplist .blockrow > li, #content .grouplist .blockrow > ol, #content .grouplist .blockrow > div {
   background: #f3f3f3 none  ;
   border: 1px solid #d5d5d5;
}
#pictures .blockbody .blockrow, #group_discussion_inlinemod_form .blockbody .blockrow {
   border: 1px solid #d5d5d5;
}
.toolsmenu {
   background: #f2f3f5 none  ;
   _background-image: none;
   border: 1px solid #e9eaed;
}
.toolsmenu div {
   border-top:none;
   color: #424242;
}
.toolsmenu h1 a {
   color: #424242;
}
.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a {
   color: #424242;
}

.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
   color: #424242;
}
dl.blogbit, tr.blogbit,
dl.blogcatbit, tr.blogcatbit {
   background: #fbfbfb none  ;
}
.main .main-head
{
background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/tcatBG.gif) repeat-x top left;
   color: #fff;
   height:44px;
   clear:both;
   margin-top: 8px;
   float: left;
   border:0;
   padding:0;
   width: 100%;
}


/*lastopic*/
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
text-decoration: none;
}
li.header dl.icon dd {
padding: 12px 0;
font-weight: normal;
}



input, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
input[type="hidden"] {
display: none;
}
#page-body1 {
margin: 20px 10px 10px 10px;
clear: both;
}







.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;margin:5px 10px 5px 70px;min-height:50px;padding-left:10px;width:858px}
.starsTitle {
background-color: #DDD;
color: #706969;
font-family: Comic Sans MS!important;
font-variant: small-caps!important;
font-weight: 700!important;
height: 20px;
line-height: 20px;
padding: 5px;
text-shadow: 1px 1px 1px white;
}

/* Tooltip */
#tooltip .tiplFMvi{border-bottom:2px dotted #ddd;margin-bottom:5px;padding-bottom:5px}
#tooltip{background:#FFF url(http://i43.servimg.com/u/f43/16/03/04/56/white_10.png);border:1px solid #ddd;border-radius:3px;color:#000;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;max-width:550px;padding:10px;position:absolute;z-index:99}/* memberlist 2 in 1 */
/* Last 9x */
.boxFMvi{margin:0!important}
.top-vi,.viewrep{
min-height:82px;
padding:10px!important}


#active_starters,#most_active,#users_month,#users_week{display:none}
.lastcate,.leftrecent,.repfmvi,.rightrecent,.viewfmvi{
overflow:hidden;
position:absolute;
text-overflow:ellipsis;white-space:nowrap}
.leftrecent{width:265px}

.rightnumber{padding:10px}
.imgstatus{
background-color:#FFF;
left:-32px;
padding:2px 7px;
position:absolute}

.rightrecent{
left:280px;
text-align:right;
width:115px}





.showpost{
  font-size:9px;left:-12px;line-height:18px;position:absolute}

.viewfmvi{
right:190px;text-align:right;width:50px}

.repfmvi{right:135px;text-align:right;width:50px}

.lastcate{right:0;text-align:right;width:120px}

#content-container div#left{border:1px solid #DDD;float:none;margin:10px 0;width:100%}

*+ html #content-container div#main{margin-left:0}* html #content-container #main-content{margin-right:0;overflow:visible}* html #content-container div#main{float:none;margin-right:-99%;width:100%}

.latest_topics{
list-style:decimal-leading-zero outside none;margin:0!important;padding:0 5px 0 30px;text-align:left}

.latest_topics li{line-height:16.1px;position:relative}

.toppost_width{float:left;width:200px}

.recentWidth{float:left;width:680px}
.recentWidth .main-head{height:1.3em;overflow:hidden;position:relative}
.recentWidth h3{marign-left:10px}
.loaddinng{background-image:url(http://i38.servimg.com/u/f38/16/58/45/96/loadin10.gif);
background-position:center center;
background-repeat:no-repeat;
height:150px;width:180px}


#quanlylist{
border:2px solid #EAEAEA;
padding:10px!important;width:276px}

#quanlylist p{
background-color:#8B8B8B;
border:1px solid #807F7F;
color:#FFF;
font-variant:small-caps;
margin:7px -12px;
padding:3px 10px;
text-shadow:1px 1px 1px #000;
width:278px}


.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;margin:5px 10px 5px 70px;min-height:50px;padding-left:10px;width:858px}
.starsTitle {
background-color: #DDD;
color: #706969;
font-family: Comic Sans MS!important;
font-variant: small-caps!important;
font-weight: 700!important;
height: 20px;
line-height: 20px;
padding: 5px;
text-shadow: 1px 1px 1px white;
}


      .jqDrag{width:398px}
.popup{min-width:434px;
width:434px!important}

#profile-advanced-details .autobot{color:#2220FB!important;font-size:14px!important;text-shadow:1px 1px 1px #000!important}

.loaddingLike{background:url(http://i68.servimg.com/u/f68/16/58/45/96/iconlo11.gif) no-repeat scroll center center transparent;display:none;height:1.4em;margin:-1.4em 0 -3px 150px;width:126px}







#smallrum{padding: 0.4em 1em;margin: 3px 1px;
background: #ffffff none;
    -moz-box-shadow: -2px 2px 2px #c8c8c8;
    -webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ffffff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}

a:link,a:active,a:visited {text-decoration: none !important; }





.pun .main table td.tc2,.pun .main table td.tc3,.pun .main table td.tcl,.pun .main table td.tcr {
height: 30px;
border-left:none;
}



.pun {
line-height: 130%;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 99%;
}

index_body
Code:
<!-- facebook -->
              <center>      <div class="tsfb">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffit.hui5&width=353&height=187&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&appId=205636829540559" style="border:none; overflow:hidden;  width:600px; height:167px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>               
                        </div>
        </center>         
              <!-- KetThuc facebook -->








{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}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div class="tcat"><div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse"><h2><span class="forumtitle"><a href="forumdisplay.php?f=1">Thống Kê</a></span</h2></div></div></div>
<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

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

         <p>{LEGEND} : {GROUP_LEGEND}</p>

      </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 -->
   </div>
</div>
<!-- END disable_viewonline -->

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

{CHATBOX_BOTTOM}

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

2 Re: Skin Ipad(code) cho [punbb] on Wed Oct 24, 2012 10:00 am

An Hùng BMT

avatar
Admin
Admin
footer

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 -->
               </div>
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>
 

 <div id="footer" class="floatcontainer footer">
   
   
   
   <script type="text/javascript">
   <!--
      // Main vBulletin Javascript Initialization
      vBulletin_init();
   //-->
   </script>
       
</div>
</div> <!-- closing div for body_wrapper -->
<div class="below_body">

                        
<div class="copyright">
   <!-- Do not remove this copyright notice -->
   Powered by <a href="https://www.vbulletin.com" id="vbulletinlink">vBulletin®</a> Version 4.2.0 <br />Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.
   <!-- Do not remove this copyright notice -->   
   <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
   <img src="http://www.purevb.com/demo/cron.php?rand=1350451095" alt="" width="1" height="1" border="0" />
   <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
   
   

<br />
  Covert FM: <a href="/u1" target="_blank"><font color="red">An Hùng</font></a>
</div>
 

   <div id="fb-root"></div>
<script type="text/javascript" src="http://www.purevb.com/demo/clientscript/vbulletin_facebook.js?v=420"></script>

<script type="text/javascript">
<!--
   loadFacebookAPI('en_US');
   function fbAsyncInit()
   {
      vBfb = new vB_Facebook({
         appid : "180251098690537",
         connected : 0,
         active : 0,
         autoreg : 0,
         feed_newthread : 1,
         feed_postreply : 1,
         feed_blogentry : 1,
         feed_blogcomment : 1,
         feed_newarticle : 1,
         feed_articlecomment : 1
      });
   }
// -->
</script>

</div>


<!-- Custom Content Wrap -->
                     </div><div class="ipadBR"><div class="ipadBL">
                     <div id="footerBar">
                        <div class="footerLinks">
   <ul>
      <li><a href="sendmessage.php" rel="nofollow" accesskey="9">Contact Us</a></li>
      <li><a href="http://www.purevb.com">PureVB Demos</a></li>
      
      
      <li><a href="archive/index.php">Archive</a></li>
      
      
      
      <li><a href="forum.php?styleid=22#top" onclick="document.location.hash='top'; return false;">Top</a></li>
   </ul>
                        </div>                        
                        <div class="ipadButton">
                           <img src="http://www.purevb.com/demo/images/styles/iPadCom/style/ipadButton.png" alt="iPad Button" />
                        </div>

<div class="skinSelect">
   <form action="forum.php" method="get" id="footer_select" class="footer_select">

      
         
      
      
      
   </form>
</div>
                     </div>
                  </div>
               </div></div></div></div></div></div>
            </div></div>
         </div>
      </div>
   </div>
</div></div>
<!-- Custom Content Wrap End -->
<!-- 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>
header
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<noscript>
         <style type="text/css">
                a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox']{display:block !important}
                .post-entry .entry-content img{display: block !important}
           #left{display:block !important}
           .module .main-content{height: 12.3em !important}
           .toppost_width{width: 290px;}
           .recentWidth{width: 658px;}
           .latest_topics{overflow: hidden !important; height: 12.3em !important}
           .chatbox, .fmviToggle, #checktip .open{display:none}
       </style>
   </noscript>
   <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=" http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> 
   <script type="text/javascript">
      function langEV() {
          if ($("html").attr("xml:lang") == "en") {
              return true;
          } else if ($("html").attr("xml:lang") == "vi") {
              return false;
          }
      }
   </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');
         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}');
         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 -->

      <div id="pageWrapper">
<div id="topBar"><div class="topBarWrap">
   
   <div class="registerNow">
      <span>Welcome Guest, is this your first visit?</span> <a href="register" rel="nofollow"><img src="http://www.purevb.com/demo/images/styles/iPadCom/style/registerButton.png" alt="Register" class="verticalAlign" /></a>
   </div>
   
   
   <div id="loginBar">
      <div class="loginBox">
            
            <div class="loginLeft">
            <ul>
               <li id="fb_headerbox" class="hidden">

   <a id="fb_loginbtn" href="#"><img src="http://www.purevb.com/demo/images/styles/iPadCom/misc/facebook_login.gif" alt="The Facebook Platform" /></a>

</li>

            </ul>
            </div>
            
      <div class="loginLeft">
      <!-- login form -->
                  <!-- BEGIN switch_user_logged_out -->
                 
      <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=420"></script>
<form id="navbar_loginform" action="/login" method="post" name="form_login" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
      <ul>
       


<li class="inputPad"><div class="loginBoxInput">
<input type="text" class=" loginInput default-value" size="10" name="username" id="navbar_username" tabindex="101" style="color: rgb(119, 119, 119); ">
</div></li>
        <li class="inputPad"><div class="loginBoxInput"><input type="password" class="loginInput" tabindex="102" name="password" id="navbar_password" size="10" style="display: none; ">
<input type="password" class="loginInput default-value" tabindex="102" size="10" name="password" id="navbar_password_hint" ></div></li>
        <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" name="autologin" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103"> Remember Me?</label></li>
        <li class="submitPad">
<input type="image" src="http://www.purevb.com/demo/images/styles/SimpleIdea/style/loginButton.png"  class="mainoption" name="login" value="Đăng nhập">


</li>

             
           
      </ul>
            <input type="hidden" name="s" value="" />
            <input type="hidden" name="securitytoken" value="guest" />
            <input type="hidden" name="do" value="login" />
            <input type="hidden" name="vb_login_md5password" />
            <input type="hidden" name="vb_login_md5password_utf" />
         </form>
         <script type="text/javascript">
         YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
         YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
         vB_XHTML_Ready.subscribe(function()
         {
         //
            YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
            YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
            YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
            YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
         });
         
         function navbar_username_focus(e)
         {
         //
            var textbox = YAHOO.util.Event.getTarget(e);
            if (textbox.value == 'User Name')
            {
            //
               textbox.value='';
               textbox.style.color='#000000';
            }
         }

         function navbar_username_blur(e)
         {
         //
            var textbox = YAHOO.util.Event.getTarget(e);
            if (textbox.value == '')
            {
            //
               textbox.value='User Name';
               textbox.style.color='#777777';
            }
         }
         
         function navbar_password_hint(e)
         {
         //
            var textbox = YAHOO.util.Event.getTarget(e);
            
            YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
            YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
            YAHOO.util.Dom.get('navbar_password').focus();
         }

         function navbar_password(e)
         {
         //
            var textbox = YAHOO.util.Event.getTarget(e);
            
            if (textbox.value == '')
            {
               YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
               YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
            }
         }
         </script>
                                      <!-- END switch_user_logged_out -->
      <!-- / login form -->
      </div>
   </div>
   
   </div>
</div></div>

      <div class="pageWrap">
         <div class="topMarks"></div>
         <div class="topSchool"></div>      
         <div class="bodyWrapper">

         <div class="topPaper"></div>
         <div class="topPaperClip"></div>
            <div class="topSpacer"></div>
            <div id="ipadBody"><div class="ipadWrap">
               <div class="ipadLeft"><div class="ipadRight"><div class="ipadTL"><div class="ipadTR"><div class="ipadBL"><div class="ipadBR">
                  <div class="ipadBody">

<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
   <div class="headerBox">

      <div class="logo">
         <a name="top" href="forum"><img src="http://www.purevb.com/demo/images/styles/iPadCom/style/logo.png" alt="FIT-HUI.COM" /></a>
      </div>

                        <div class="slogan">
                           Diễn Đàn IT Khóa 5 <a href="FIT-HUI.Com" target="_blank">FIT-HUI</a>
                        </div>



   
      
                        <div class="searchBox">
            <!-- search form -->
      <form action="search.php?do=process" method="post">
         
         <input type="hidden" name="securitytoken" value="guest" />
         <input type="hidden" name="do" value="process" />
                              <div class="searchWrap">
                                 <input class="searchinput" type="text"  name="query" tabindex="1004" value="Type Here..." onfocus="if (this.value == 'Type Here...') this.value = '';" onblur="if (this.value == '') this.value = 'Type Here...';" size="23" />
                              </div>
                     
                              <span class="searchButton">
                                 <input type="image" src="http://www.purevb.com/demo/images/styles/iPadCom/style/searchButton_left.png" value="Search" alt="Submit" />
                              </span>                  
                           </form>
                        </div>
   
   </div>
</div>

   <!-- Custom Content Wrap -->
</div><!-- closing div for above_body -->
                     <div id="contentMain">
                        <div class="topBox">
                           <div class="topBoxWrap">
                              All times are GMT. The time now is <span class="time">07:28 AM</span>.
                           </div>
                        </div>
<!-- Custom Content Wrap End -->
<div id="navbar" class="navbar">

   <ul id="navtabs" class="navtabs floatcontainer">
      
      
   <li id="vbtab_cms">
      <a class="navtab" href="forum">Home</a>
      
   </li>

   <li class="selected" id="vbtab_forum">
      <a class="navtab" href="forum">Forum</a>
      
         
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  
                        
                                                  </div>
   <a id="top" name="top" accesskey="t"></a>

   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
            <div class="pun">
               
               <div id="pun-head">
                  
               </div>

               <!-- 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="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                 </div>
                                 <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 -->
         
          <noscript>
         <style type="text/css">
                a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox']{display:block !important}
                .post-entry .entry-content img{display: block !important}
           #left{display:block !important}
           .module .main-content{height: 12.3em !important}
           .toppost_width{width: 290px;}
           .recentWidth{width: 658px;}
           .latest_topics{overflow: hidden !important; height: 12.3em !important}
           .chatbox, .fmviToggle, #checktip .open{display:none}
       </style>
   </noscript>
   <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=" http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> 
   <script type="text/javascript">
      function langEV() {
          if ($("html").attr("xml:lang") == "en") {
              return true;
          } else if ($("html").attr("xml:lang") == "vi") {
              return false;
          }
      }
   </script>
                 
index_box
Code:
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
  <div class="baoboc">
   
      <div class="tcat">
                 
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            
      <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <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: -43px;">
                        <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 />
                     {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 -->
                     <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                                          <td class="tc2"><font size="+1" color="#99bf00">{catrow.forumrow.TOPICS}</font></td>
                  <td class="tc2"><font size="+1" color="#ff8a00">{catrow.forumrow.POSTS}</font></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>
  </div>
  <br/>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>


3 Re: Skin Ipad(code) cho [punbb] on Wed Oct 24, 2012 10:01 am

chimsedimua

avatar
Mod
Mod
Ai không mở được thì dùng lun code nhé q2e21xx

4 Re: Skin Ipad(code) cho [punbb] on Wed Jun 26, 2013 10:51 am

braziken

avatar
Thành Viên
Thành Viên
se

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum