Share skin phuot.forumvi.com

Tác giả: - vào lúc:

Bài viết : 35

Points : 58

Like : 9

phuotMEM LV1

1/12/2022, 12:55

Demo : https://phuot.forumvi.com/
thật ra là cái tên là do minh chỉnh sửa thêm 1 tí , nhưng cũng giống mấy skin của bạn Kiwi share và chắp lại thành 1 skin của forum mình , skin tạo thành từ [Share] Full Skin GameLau.Forum.St 2018 Responsive. và [Skin] Chia sẻ skin màu xanh đang làm dở dang.

css

Code:

/* All */
*{margin:0;padding:0}
*,:before,:after{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.clearfix:after{display:block;visibility:hidden;height:0;clear:both;font-size:0;content:" "}
body{font-size:14px;font-family:Tinos,Roboto,Noto Serif,serif;background-image: url(https://i.imgur.com/eRGL4P9.png);color:#333;line-height:1.3}
.pun{margin:0 auto;background:#fff;padding:10px}
li{list-style:none}
a{color:#2f92d0}
a,a:hover,a:focus,a:link,a:visited{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:400}
fieldset{border:0}
fieldset.frm-set dl dt{padding:0 0 5px;font-weight:700}
fieldset.frm-set dl dd{padding:0 0 10px}
fieldset.frm-set .frm-buttons dd{padding:10px 0 0}
.frm_connexion dl:last-child dd{padding:0}
.frm-buttons{text-align:center}
.frm-buttons.left{float:none}
select,input{outline:0}
select,input[type=password],input[type=search],input[type=text]{border:1px solid #e7e7e7;padding:10px;width:100%;height:40px}
textarea{border:1px solid #e7e7e7;padding:10px;width:100%}
input[type="button"],input.button,a.button,input.button1,input[type="submit"]{background:#444;padding:8px;border:0;color:#fff;text-transform:uppercase;height:35px;boder-radius:15px;}
input[type="checkbox"],input[type="radio"]{margin:0 0 1px;vertical-align:middle}
.limit-width{max-width:1000px;margin:0 auto}
.left{float:left}
.right{float:right}
.center{text-align:center}
.side-content{margin:0 0 10px;position:relative}
.search-form .search-input{border:1px solid;background:#e8f4fc;padding:10px 46px 10px 10px;color:#444}
.search-form .search-btn{position:absolute;right:3px;top:3px;width:34px;height:34px}
.main{background:#fff;border:1px solid #ddd;margin:0 0 15px;position:relative;padding:10px}
.main-head{background:#2c3e50;padding:0 10px;height:35px;line-height:35px;color:#fff;margin:0 0 10px;font-size:16px}
.main-head h2,.main-head h1,.main-head p{font-size:16px;display:inline}
.main-head a{color:#fff}
.main-head h2,.main-head h1{display:inline}
/* fix thêm */
.main .main-head , .main-foot {
    background-image: url(https://i.imgur.com/8dRWqPP.png)!important;
  border-radius: 0px;}

.tips-yellow,.frm-info{color:#888;padding:10px;border:1px solid #f2c779;background:#fffce2;margin:0 0 10px}
.tips-yellow .fa:before{color:#f2c779;content:"\f071";padding-right:10px}
.tips-green{color:#8fad3d;padding:10px;border:1px solid #8fad3d;background:#eef4d4;margin:0 0 10px}
.tips-green .fa:before{content:"\f00c";padding-right:10px}
.tips-red{color:#bf1515;padding:10px;border:1px solid #bf1515;background:#fdb7b7;margin:0 0 10px}
.tips-red .fa:before{content:"\f05e";padding-right:10px}
.ads728 img,.ads250 img{width:100%;margin:0 0 10px}
.ads250 a:last-child img{margin:0}
.pagewidth {
    margin: 0 auto;
    max-width: 1020px;
    padding: 0 10px;
    position: relative;
}
/* Hide */
#pun-visit,.pun-crumbs,div[style="height:3px"],div[style="overflow:visible"],.admin-link strong br,.paging a[href="javascript:Pagination();"],.acp-list a[href="faq.php"],.frm-buttons dt,.frm_connexion dl:last-child dt,#cont_pwd,input[name="reset"]{display:none}
/* Transition */
a,.nav-sub > ul,.last-tab li{transition:all 225ms ease;-o-transition:all 225ms ease;-ms-transition:all 225ms ease;-moz-transition:all 225ms ease;-webkit-transition:all 225ms ease}
/* Header */
#header{padding:15px 0}
.nav-mobile{color:#fff;padding:10px;background:#333;text-align:center;margin-top:5px;display:none}
.nav-mobile .fa{font-size:22px;line-height:18px}
.btn-show.active-show .fa:before{content:"\f00d"}
.nav-top{background:#2c3e50;  
  
  background-image: url(https://i.imgur.com/8dRWqPP.png);
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
    left: 0;
    
}
.main-menu>li,.user-menu>li{float:left;position:relative;}
.nav-link a,.nav-link>strong{padding:10px;display:block;color:#fff}
.nav-link a:focus,.nav-link a:hover,.nav-link.active-nav a{background:rgba( 255,255,255,0.2 )}
/* Box */
.main.mainbox{padding:10px 10px 0}
.indexbox{margin:0 -5px}
.boxcontent{float:left;width:50%;padding:0 5px 10px}
.boxall{display:table;width:100%;position:relative}
.boxall:hover .boxicon .fa{transform:rotate(360deg) scale(1.3);-webkit-transform:rotate(360deg) scale(1.3);-moz-transform:rotate(360deg) scale(1.3);-ms-transform:rotate(360deg) scale(1.3);-o-transform:rotate(360deg) scale(1.3)}
.boxall:hover .boxcount{margin-top:-25px}
.boxicon{background:#2c3e50;color:#fff;width:60px;height:60px;display:table-cell;vertical-align:middle;font-size:28px;text-align:center}
.boxinfo{padding:10px;background:#f0f7fc;height:60px;overflow:hidden}
.boxname h3{padding:0 0 5px;font-size:16px}
.boxcountlast{height:17px;overflow:hidden}
.boxcount,.box-last{height:25px;padding:0 0 8px}
.boxcount .countitemt{padding-right:10px}
.boxc1 .boxicon .fa:before{content:"\f015"}
.boxc2 .boxicon .fa:before{content:"\f0f9"}
.boxc3 .boxicon .fa:before{content:"\f075"}
.boxc4 .boxicon .fa:before{content:"\f11b"}
.boxc10 .boxicon .fa:before{content:"\f1b8"}
/* Lasttopic */
.last-tab{padding:5px 10px 0;max-height:36px;overflow:hidden}
.last-tab li{padding:7px 10px;display:block;border:1px solid #e7e7e7;margin-left:-1px;cursor:pointer;float:left;font-size:12px}
.last-tab li:hover{background:#f4f4f4}
.last-tab li.active-last{border-bottom-color:#fff;cursor:default;background:#fff}
.last-content{border-top:1px solid #e7e7e7;margin-top:-1px}
.last-content ol{display:none}
.last-content ol.active-content{display:block}
.last-content ol li{padding:5px 0 5px 30px;border-bottom:1px dashed #e7e7e7;counter-increment:Zzindex;position:relative;max-height:29px;min-height:29px}
.last-content ol li:last-child{border:0}
.last-content ol li:before{text-align:center;content:counter(Zzindex);position:absolute;width:20px;height:20px;color:#fff;background:#e7e7e7;left:0;top:4px;font-size:11px;line-height:20px}
.last-content ol li:after{content:" ";position:absolute;border-width:4px 0 4px 4px;border-style:solid;border-color:transparent transparent transparent #e7e7e7;left:20px;top:10px}
.last-content ol li:nth-child(1):before{background:red}
.last-content ol li:nth-child(1):after{border-left-color:red}
.last-content ol li:nth-child(2):before{background:#fd5405}
.last-content ol li:nth-child(2):after{border-left-color:#fd5405}
.last-content ol li:nth-child(3):before{background:#fdb55a}
.last-content ol li:nth-child(3):after{border-left-color:#fdb55a}
.last-content ol li:nth-child(3)~li:before{color:#ec4403;text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff}
.last-content a.topictitle{white-space:nowrap;width:80%;display:inline-block;overflow:hidden;text-overflow:ellipsis}
.last-content a.last-user,.last-content span.last-user{width:19%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#loading{background:url(https://i.servimg.com/u/f35/19/53/09/53/ajaxlo10.gif) no-repeat;width:16px;height:16px;margin-top:12px}
/* Sá»‘ trang */
.paging{font-size:0}
.paging a,.paging b{font-size:14px;padding:4px 8px;color:#fff;margin:0 5px 10px 0;display:inline-block}
.paging a{background:#2c3e50}
.paging b{background:#82c241}
/* Button post */
.posting a{padding:11px;display:block;color:#fff;text-align:center;background:#d84328;width:250px;margin:0 0 10px;text-transform:uppercase}
/* Topiclist box */
.list-content[data*="Vip3"] .topictitle:before,.list-content[data*="Vip2"] .topictitle:before,.list-content[data*="Vip1"] .topictitle:before{font-size:11px;padding:3px 5px;color:#fff;border-radius:3px;margin-right:5px}
.list-content[data*="Vip3"] .topictitle:before{content:"VIP 3";background:#d84328}
.list-content[data*="Vip2"] .topictitle:before{content:"VIP 2";background:#82c241}
.list-content[data*="Vip1"] .topictitle:before{content:"VIP 1";background:#444}
.list-content[data*="Vip3"] .topictitle{color:#d84328}
.list-content[data*="Vip2"] .topictitle{color:#82c241}
.list-content{color:#888;line-height:20px;border-bottom:1px dashed #e7e7e7}
.list-content:last-child{border:0}
.list-info{float:left;width:80%;padding:5px 0}
.list-name a.topictitle{white-space:nowrap;width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis}
.list-last{float:left;width:20%;padding:5px 0;text-align:right}
.acp-list{font-size:0;text-align:center}
.acp-list a{font-size:14px}
/* Viewtopic */
.topic-info{margin:0 0 10px}
h1.topic-title{font-size:16pt}
.post{padding:10px;border:1px solid #e7e7e7;background:#fff;margin:0 0 10px}
.post .user{float:left;width:150px;padding-right:10px;position:relative}
.user .online{position:absolute;left:-5px;top:-5px}
.user-avatar{width:140px;height:140px;padding:3px;border:1px solid #e7e7e7}
.user-avatar img{max-width:100% !important;max-height:100% !important}
.user-text{text-align:center;padding:5px 0}
.user-info{width:140px}
.label-content{width:48%;text-align:center;background:#f4f4f4;padding:5px;border:1px solid #e7e7e7;line-height:normal}
.label-content:first-child{float:left;height:45px}
.label-content:nth-child(2){float:right;height:45px}
.label-content:last-child{width:100%;margin-top:5px;float:left;text-align:right}
.label-content .label{font-size:0;display:block}
.label-content:last-child .label{display:inline-block;float:left}
.label-content .label:before{font-size:16px;font-family:FontAwesome}
.label-content:first-child .label:before{content:"\f086"}
.label-content:nth-child(2) .label:before{content:"\f091"}
.label-content:last-child .label:before{content:"\f073"}
.postmain{margin-left:150px;padding-left:10px;border-left:1px solid #e7e7e7}
.postbody{min-height:80px;padding:0 0 10px;overflow:hidden}
.postbody a,.postbody h1,.postbody h2,.postbody h3,.postbody h4{font-weight:700}
.postbody ul li,.postbody ol li{padding-left:10px;list-style:inside;list-style-type:inherit}
.postbody img,.postbody iframe{max-width:100%}
.postbody table{width:100%;border:1px solid #ddd;margin:5px 0}
.postbody table td{border:1px solid #ddd;padding:5px 10px}
.postbody hr{border-style:dashed;border-color:#e7e7e7}
.codebox.hidecode,blockquote{padding:10px;border:1px dashed #ddd;margin:5px 0}
blockquote cite{display:block;font-weight:700;padding:0 0 5px}
.codebox{border:1px solid #e7e7e7;margin:5px 0}
.codebox dt{padding:5px 10px;background:#e7e7e7}
.codebox dd.cont_code{padding:5px 10px;max-height:150px;overflow:auto}
.codebox .spoiler_content{padding:5px 10px;display:none}
.codebox .spoiler_content.hidden{display:block}
.postfoot{font-size:12px;margin-top:10px;padding-top:10px;border-top:1px dashed #e7e7e7}
.post-options a{background:#f4f4f4;color:#333;padding:3px 5px;border:1px solid #e7e7e7;display:inline-block;margin-top:10px}
.post-options a[href*="mode=quote"]:after{content:"Trích dẫn"}
.post-options a[href*="mode=editpost"]:after{content:"Sửa bài"}
.post-options a[href*="mode=delete"]:after{content:"Xóa bài"}
.post-options a[href*="mode=ip"]:after{content:"Xem Ip"}
.quick-reply .main{border:0;background:0;margin:0}
.quick-reply .main-head{display:none}
.quick-reply .main-content{padding:0}
/* Posting */
#textarea_content{width:100%!important;margin-bottom:17px}
.sceditor-container{border-radius:0 !important;border:1px solid #ddd !important}
div.sceditor-toolbar{background:#f4f4f4 !important;border-bottom:1px solid #ddd !important;border-radius:0 !important;padding:3px 5px !important;text-align:left}
div.sceditor-group{background:#fff !important;border-radius:0 !important;border:1px solid #ddd !important;padding:0 !important;margin:2px 5px 2px 0 !important}
.sceditor-button{border-right:1px solid #ddd;border-radius:0 !important;box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
div.sceditor-group > .sceditor-button:last-child{border:0}
.sceditor-container iframe,.sceditor-container textarea{min-height:150px;width:100% !important;padding:5px !important;margin:0 !important}
.sceditor-button.active,.sceditor-button:active,.sceditor-button:hover{background:#fff8c4 !important;box-shadow:none !important}
/* Footer */
#pun-foot {margin:0 auto 15px}
#footer{background:#2c3e50;text-align:center;color:#999}
.footer-tab{width:33.3%;float:left;padding:10px}
.footer-tab .footer-title{background:rgba( 255,255,255,0.2 );display:block;padding:10px;text-transform:uppercase;color:#fff}
.footer-tab ul li{padding:5px 0}
.footer-tab a{color:#999}
#pun-about{text-align: right;color:#888;padding:10px;background:#373737;font-size:12px}
#pun-about li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pun-about li a{color:#888}
.admin-link{text-align:center}
.admin-link a{padding:10px;display:block}
/* Form Login */
.overlay{position:fixed;width:100%;height:100%;background:#000;z-index:999;top:0;left:0}
.logpop,.regpop{z-index:999;top:20%;left:35%;right:35%;background:#fff;position:fixed}
.title-form{padding:15px;border-bottom:1px solid #e7e7e7;font-size:16px;font-weight:700;line-height:14px;text-transform:uppercase;color:#444}
.title-form .fa{font-size:25px;line-height:13px;cursor:pointer}
.log-item, .reg-item{margin:0 0 15px}
.log-item.input input,.log-item.input,.reg-item.input input,.reg-item.input{display:table;width:100%}
.log-item span.input-icon,.reg-item span.input-icon{width:40px;white-space:nowrap;vertical-align:middle;display:table-cell;padding:10px;text-align:center;background-color:#f4f4f4;border:1px solid #e7e7e7;border-width:1px 0 1px 1px}
.log-item input[type="submit"],.reg-item input[type="submit"]{width:100%}
/* chuyen muc */
a.dang-ngay{padding:11px;display:block;background:#d84328;color:#fff;text-align:center;text-transform:uppercase;cursor:pointer}
.box-itemt{width:100%;background:#fff;border:1px solid #d84328;text-align:center;padding:5px;border-top:0}
.box-itemt li{border-bottom:1px dashed #e7e7e7}
.box-itemt li:last-child{border:0}
.box-itemt li a{display:block;padding:5px;color:#d84328;font-weight:700}
/* Profile */
.profile-viewer{position:relative;background:#fff;margin:0 0 -1px;border:1px solid #e7e7e7;overflow:hidden}
.profile-cover{height:150px;background:#e7e7e7}
.profile-avatar{width:150px;height:150px;padding:5px;border:1px solid #e7e7e7;position:absolute;bottom:10px;background:#fff;left:10px}
.profile-avatar img{max-width:100%!important;max-height:100%!important}
.profile-info{position:absolute;left:178px;bottom:61px;font-size:24px}
.profile-menu{margin-left:170px;border-left:1px solid #e7e7e7}
.profile-menu ul li{float:left;border-right:1px solid #e7e7e7;position:relative}
.profile-menu ul li.active-profile a,.profile-menu ul li a:hover,.profile-menu ul li a:focus{background:#f4f4f4}
.profile-menu ul li a{display:block;padding:15px 10px;color:#333;font-weight:700}
.profile-content{padding:10px;background:#fff;border:1px solid #e7e7e7}
.profile-content dl{padding:5px 0;border-bottom:1px dashed #e7e7e7}
.profile-content dl:last-child{border:0}
.profile-content dt{width:163px;text-align:right;float:left;margin-right:10px;font-weight:700}
/* Mobile version */
@media only screen and (min-width:640px){
.nav-sub:hover>ul{top:38px;visibility:visible;opacity:1}
.nav-sub > ul{position:absolute;background:#fff;border:1px solid #ddd;z-index:999;padding:5px;right:-1px;top:25px;visibility:hidden;opacity:0}
.nav-sub > ul > li a{color:#333;white-space:nowrap;padding:5px}
.nav-sub > ul > li a:hover{background:#f4f4f4}
.nav-sub > ul:before{top:-8px;border-color:transparent transparent #ddd;z-index:10}
.nav-sub > ul:after{top:-6px;z-index:20;border-color:transparent transparent #fff}
.nav-sub > ul:before,.nav-sub > ul:after{border-width:0 8px 8px 8px;right:7px;position:absolute;border-style:solid;content:" "}
}
@media only screen and (max-width:1000px){
body{background:#fff}
.limit-width{padding:0 5px}
.pun.limit-width{padding:10px 5px}
#pun-foot{margin:0 auto 5px}
.logpop,.regpop{left:30%;right:30%}
}
@media only screen and (max-width:800px){
.ads250{display:none}
.side-col{float:none;margin:0}
.col-left{padding:0;margin:0}
.col-right{width:100%;float:none}
.logpop,.regpop{left:25%;right:25%}
}
@media only screen and (max-width:768px){
#header img{height:50px}
.footer-tab{width:50%}
}
@media only screen and (max-width:640px){
#header,.ads728,.last-user,.list-last,.label-content:last-child{display:none}
.nav-top{background:#2c3e50}
.nav-mobile{display:block}
.main-menu>li,.user-menu>li,.paging,fieldset.quickmod{float:none}
.main-menu,.user-menu{padding:10px;text-align:center;display:none;float:none}
.nav-link>strong{background:rgba( 255,255,255,0.2 )}
.last-content a.topictitle,.list-info,.posting a{width:100%}
.post .user{float:none;width:100%;padding:0 0 9px;border-bottom:1px solid #e7e7e7;margin:0 0 10px}
.user-avatar,.user-text{float:left}
.user-info{float:right}
.user-avatar{width:46px;height:46px;padding:2px;margin-right:10px}
.user-text{text-align:left}
.postmain{border:0;padding:0;margin:0}
.logpop,.regpop{left:20%;right:20%}
}
@media only screen and (max-width:480px){
.logpop,.regpop{left:15%;right:15%}
.profile-avatar{width:100px;height:100px;padding:3px}
.profile-cover{height:100px}
.profile-info{left:119px;font-size:18px;bottom:43px}
.profile-menu{margin-left:120px;max-height:38px;overflow:hidden}
.profile-menu ul li a{padding:10px}
.profile-content dt{width:113px}
.footer-tab{width:100%}
}
@media only screen and (max-width:360px){
.user-info{display:none}
.logpop,.regpop{left:5%;right:5%}
}
@media only screen and (min-width:800px) and (max-width:980px){
.last-user,.list-last,.label-content:last-child{display:none}
.last-content a.topictitle,.list-info{width:100%}
.post .user{float:none;width:100%;padding:0 0 9px;border-bottom:1px solid #e7e7e7;margin:0 0 10px}
.user-avatar,.user-text{float:left}
.user-info{float:right}
.user-avatar{width:46px;height:46px;padding:2px;margin-right:10px}
.user-text{text-align:left}
.postmain{border:0;padding:0;margin:0}
}

Được sửa bởi phuot ngày 1/12/2022, 13:01; sửa lần 1.

Bài viết : 35

Points : 58

Like : 9

phuotMEM LV1

1/12/2022, 12:57

index_box

Code:

<div class="pun-crumbs">
 <p class="crumbs"><a href="{U_INDEX}"><span>{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
<div class="main mainbox box{catrow.tablehead.ID}">
 <div class="main-head ">
 <div class="page-title"><a href="/{catrow.tablehead.ID}-category">{catrow.tablehead.L_FORUM}</a></div>
 </div>
 <div class="main-content">
 <ul class="indexbox clearfix">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
<li class="boxcontent">
    <div class="boxall">
        <div class="boxicon">
            <i class="fa"></i>
        </div>
        <div class="boxinfo">
            <div class="boxname">
                <h3><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h3>
            </div>
            <div class="boxcountlast">
                             
            <div class="boxcount">
                <span class="countitemt">Chủ đề: <strong>{catrow.forumrow.TOPICS}</strong></span>
                <span class="countitemt">Bài viết: <strong>{catrow.forumrow.POSTS}</strong></span>

            </div>
            <div class="boxlast">
                Mới nhất: <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
            
              </div>
             
            </div>
        </div>
    </div>
</li>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </ul>
 </div>
</div>
 <!-- END tablefoot -->
<!-- END catrow -->

Bài viết : 35

Points : 58

Like : 9

phuotMEM LV1

1/12/2022, 12:58

overrall_footer_begin

Bài viết : 35

Points : 58

Like : 9

phuotMEM LV1

1/12/2022, 13:00

overall_header

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <!-- 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>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
   <script src="https://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="{JQUERY_DIR}ticker/ticker.css" />   
   <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

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

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

         case 'left':
            break;

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

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

         default:
            slid_vert = true;
      }

      $(document).ready(function() {

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

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

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

            if (slid_vert)
            {
               var height_max = h_perso;

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

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

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

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

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

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

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

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

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

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

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

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

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

   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
                          

<header id="header" class="clearfix">
    <div class="pagewidth clearfix">
    <a href="/" class="logo"><img src="https://i.servimg.com/u/f62/19/88/63/75/logo-m10.png" alt=" Phuot.forumvi.com Ờ! Phượt đi! - Cộng đồng Phượt Việt Nam" /></a>
    <a href="#" target="_blank" class="ads468 right"><img src="https://i.servimg.com/u/f62/19/03/14/16/qc46810.png" alt="Banner quảng cáo 468x60" /></a>
  </div>
  </header>
<nav class="nav-mobile clearfix">
    <div class="btn-show show-menu left"><i class="fa fa-bars"></i></div>
    <a href="/"><img src="https://i.servimg.com/u/f62/19/03/14/16/logoga13.png" alt="Kênh quảng cáo game miễn phí" /></a>
    <div class="btn-show show-user right"><i class="fa fa-user"></i></div>
</nav>
<nav class="nav-top clearfix">
  <div class="pagewidth clearfix">

      <ul class="main-menu left">
        <li class="nav-link active-nav"><a href="/forum"><i class="fa fa-home"></i> Home</a></li>
        <li class="nav-link"><a href="/memberlist"><i class="fa fa-user"></i> Thành viên</a></li>
        <li class="nav-link"><a href="/faq"><i class="fa fa-question-circle"></i> Hội nhóm</a></li>
        <li class="nav-link nav-sub"><strong><i class="fa fa-info-circle"></i> Khác <i class="fa fa-angle-down" aria-hidden="true"></i></strong>
               <ul>
           <li><a href="/search"><i class="fa fa-search" aria-hidden="true"></i> Tìm kiếm</a></li>
            <li ><a href="/calendar"><i class="fa fa-calendar" aria-hidden="true"></i> Lịch</a></li>
            <li ><a href="/FAQ"><i class="fa fa-question-circle"></i> FAQ</a></li>
                 
</ul>
  </li>
    </ul>
<!-- BEGIN switch_user_logged_out -->
    <ul class="user-menu right">
        <li class="nav-link"><a href="/register"><i class="fa-fw fa fa-key" aria-hidden="true"></i> Đăng ký</a></li>
        <li class="nav-link"><a href="/login"><i class="fa-fw fa fa-sign-in" aria-hidden="true"></i> Đăng nhập</a></li> 
    </ul>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
    <ul class="user-menu right">
      
        <li class="nav-link"><a href="/profile?mode=editprofile&amp;page_profil=notifications"><i class="fa-fw fa fa-bell" aria-hidden="true"></i></a></li>
              <li class="nav-link"><a href="/privmsg?folder=inbox"><i class="fa-fw fa fa-inbox" aria-hidden="true"></i></a></li>
              
      
      
        <li class="nav-link nav-sub">
            <span class="tenthanhvien"></span>
          <ul>
          <li class="nav-link"><a href="/search?search_id=egosearch"><i class="fa-fw fa fa-star" aria-hidden="true"></i> Bài của bạn</a></li>
               <li class="nav-link"><a href="/profile?mode=editprofile&page_profil=avatars"><i class="fa-fw fa fa-picture-o" aria-hidden="true"></i> Ảnh đại diện</a></li>
                <li class="nav-link"><a href="/profile?change_password=Change+your+password&mode=editprofile&page_profil=informations"><i class="fa-fw fa fa-lock" aria-hidden="true"></i> Đổi mật khẩu</a></li>
               <li class="nav-link"> <a href="/profile?mode=editprofile"><i class="fa-fw fa fa-cog" aria-hidden="true"></i> Trang cá nhân</a></li>
          </ul>
        </li>
        <li class="nav-link"><a href="/login?logout"><i class="fa-fw fa fa-power-off" aria-hidden="true"></i> Đăng xuất</a></li>
    </ul>
   
<!-- END switch_user_logged_in -->
  </div>
</nav>

                                  

            <div class="pun limit-width clearfix">

               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                                                  

                                                  
                     <div id="outer-wrapper">
                        <div id="wrapper">
<div class="ads728">
                                        <a href="#" target="_blank"><img src="https://i.servimg.com/u/f62/19/03/14/16/qc72810.png" alt="Banner quảng cáo 728x90" /></a>
                                    </div>
                                                                  <div class="ads728">
                                        <a href="#" target="_blank"><img src="https://i.servimg.com/u/f62/19/03/14/16/qc72810.png" alt="Banner quảng cáo 728x90" /></a>
                                    </div>

 
                                                                  
                           <div id="container">
                              <div id="content">
                                 <div id="main">
                                    <div id="main-content">

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

Bài viết : 1

Points : 1

Like : 0

giakhanhlkMEM

1/15/2022, 02:32

Giờ trang này vẫn còn hoạt động luôn à. Share skin phuot.forumvi.com 1f602

Hồi đó chưa biết gì toàn copy source code về dùng, giờ làm Fullstack cũng có kha khá kinh nghiệm rồi. Nhìn lại hoài niệm thật.

Bài viết : 431

Points : 820

Like : 120

Status : test

AdminACP

1/17/2022, 15:53

giakhanhlk đã viết:

Giờ trang này vẫn còn hoạt động luôn à.
Hồi đó chưa biết gì toàn copy source code về dùng, giờ làm Fullstack cũng có kha khá kinh nghiệm rồi. Nhìn lại hoài niệm thật.

Thì giờ ae vào cũng cho vui chứ có hoạt động gì đâu kaka