[Tự làm] Skin Cadetblue Ribbons

  Bài viết hay nhất1
First topic message reminder :

Skin này có một số cái là lượm lặt ~ :v ~ Share luôn chứ ngâm dấm cũng chán :3

Skin Cadetblue Ribbons © FCAMUSEMENT 2014
Thiết kế và lập trình bởi Méo Hắc Hắc - NCat
Không BÁN skin dưới mọi hình thức - Share rồi bán chi :v

Demo Ảnh:







Demo Online: http://fcatest6.forumvi.com

Link Download: mega.co.nz #!Ws0VxJ7R!a3kO8pnoIYzyBH3urL35uCasIVsibdnpmr1fesR93dg
Updated by Boom: Link download mới - mediafire.com download/b8qdwmw5bfddanq/Skin_Cadetblue_Ribbons.rar (đóng góp bởi @Panda)
Link dự phòng (Fshare): fshare.vn/file/TR2RFHUL6S53

Download xong thay vào theo từng mục trong ACP

Tạo mục JS trong ACP >> Module >> Javascript Management
Title * : Day and Night
Placement : In all the pages

Code:
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('timeovl').innerHTML="Bây giờ là "+h+" giờ "+m+" phút "+s+" giây";
t=setTimeout(function(){startTime()},500);
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}

Sort Catalogue của huynh Vống:
Phần một code: http://devs.forumvi.com/t568-tu-lam-skin-cadetblue-ribbons?showpost=p3392
Phần hai code: http://devs.forumvi.com/t568-tu-lam-skin-cadetblue-ribbons?showpost=p3394

huynh Vống wrote:Kéo xuống dưới khung nhập CSS:
+ Optimize your CSS: Không

CSS: thay toàn bộ css đang có thành:
Spoiler:

Code:
body {font-family: 'Roboto', sans-serif;font-size:14px}
.pun {padding:0}
a {text-decoration:none!important}
#page-body {margin-top: 50px!important;margin: 0 auto;width: 80%;}
.ribx, .ribx2{position:absolute;top:0;height:35px;background:#387274;width:100%;left:0}
.ribx div, .ribx2 div{margin-top:5px;height:15px;left:0;border-bottom:5px dashed #fff}
.ribx2 {top: 165px;height: 40px;}
#pun-title {position: relative;color:cadetblue;font-weight:bold}
.forumname {-webkit-transform: rotate(5deg);-webkit-animation: name 3s ease-in-out infinite;z-index: 1;margin-top: 93px;margin-left: 200px;position: absolute;background: #B7DDDF;padding: 20px 40px;border: 5px solid cadetblue;}
.forumname:before {border-top-right-radius: 10px;content: '';width: 50px!important;height: 50px!important;background: transparent;position: absolute;border-left: 5px solid #B7DDDF;border-bottom: 5px solid #B7DDDF;border-top: 5px solid #EEA871;border-right: 5px solid #EEA871;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -50px;margin-left: 20px;z-index: 0!important;}
@-webkit-keyframes name {
  0%{-webkit-transform: rotate(5deg); margin-left:195px}
  50%{-webkit-transform: rotate(-5deg); margin-left:205px}
  100%{-webkit-transform: rotate(5deg); margin-left:195px}
}
/* Head */
.pun h2, .pun h3, .pun input, .pun select, .pun th {font-family: inherit; font-size: 15px;}
.hierarchy {font-size:15px}
#pun-logo {z-index:1;position: absolute;width: 150px;height: 150px;border-radius: 100%;border: 10px solid cadetblue;background: #fff;padding: 10px;margin-left: calc(50% - 85px);margin-top: -50px;}
#pun-intro {border:0!important;height: 100px;background: cadetblue;margin-top: 35px;}
#pun-logo img {width: 150px;border-radius: 100%;}
.greetme{border-radius:50px;margin-left:250px;background:#fff;position:absolute;padding:15px;margin-top:20px}
#pun-intro span.USERNAME{font-size:15px;font-family: 'Englebert', sans-serif;padding-right:170px;float:left;width:200px;font-weight:bold;overflow:hidden;white-space:nowrap}
#pun-intro span.USERLASTVISIT{font-size:15px;font-family: 'Englebert', sans-serif;float:right;width:150px;font-weight:bold;overflow:hidden;white-space:nowrap}
.greetyou {position: absolute;width: 100%;left: 0;height: 90px;background: rgba(255,255,255, .2);}
.headava {margin-top: -150px;-webkit-transform: rotateY(-90deg);transform:rotateY(90deg);transition: all 0.1s linear;transition-delay:0s;}
#pun-logo:hover > img {-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s;}
#pun-logo > img {-webkit-transform:rotateY(0deg);transform: rotateY(0deg);transition:all 0.1s linear;transition-delay:0.1s;}
#pun-logo:hover .headava {transition-delay:0.1s;-webkit-transform: rotateY(0deg);transform: rotateY(0deg)}

/* Fixed Ribbons */
.ribleft, .ribright{z-index:2;margin-top:35px;z-index:1;color:transparent;margin-left:10px;position:absolute;background:#aac3c5;width:58px;padding:0 10px 10px;height:100%}
div.ribleft > ul{height:100%;position:relative;border:3px dashed #fff;padding:5px;border-top:0;border-bottom:0}
div.ribleft ul li{background:cadetblue;padding:5px;margin-top:5px}
.searchrib:hover + .searchform, .searchform:hover {display:block}
.searchform{box-shadow:0px 0px 10px #fff;display:none;width:290px;position:absolute;background:cadetblue;padding:10px;border-left:5px solid #fff;margin-left:42px;margin-top: -44px;}
.searchform:before{content:'';position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;margin-left:-25px}
.searchform form input[type="text"]{width:250px!important;padding:5px;outline:none!important;border:0}
.searchform form input[type="submit"]{cursor:pointer;outline:none!important;float:right;width:24px;height:24px;background:#fff url(http://png-5.findicons.com/files/icons/2344/faenza/22/edit_find_replace.png) no-repeat center center;border:0;}
.searchform form {background:transparent!important}
.ribright {margin-left: 0;right: 0;margin-right: 10px;}
div.ribright > ul {height: 100%;position: relative;border: 3px dashed #fff;padding: 5px;border-top: 0;border-bottom: 0;}
div.ribright > ul > li {background: cadetblue;padding: 5px;margin-top: 5px;}
.newmess #i_icon_mini_message, .newmess #i_icon_mini_new_message {background: #000;width: 10px;height: 10px;position: absolute;margin-left: -6px;margin-top: -5px;}
.newmess #i_icon_mini_new_message {background:#ff0000}
.warnmess:before {content: '';position: absolute;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #fff;margin-left: 140px;margin-top: -2px;}
.warnmess {display:none;position: absolute;width: 130px;padding: 10px;background: #fff;margin-left: -160px;color: cadetblue;font-size: 14px;margin-top: -40px;border: 1px solid cadetblue;}
#danhsach {z-index:10;display:none;position: absolute;width: 200px;background: #fff;padding: 10px;box-shadow: 0px 0px 10px cadetblue;margin-left: 60px;margin-top: -46px;}
#danhsach ul li a {font-weight: bold;color: #fff;}
#danhsach:before {content: '';position: absolute;border-right: 15px solid #fff;border-top: 15px solid transparent;border-bottom: 15px solid transparent;margin-left: -25px;}
div.ribleft > ul > li {cursor:pointer}
div.ribright > ul > li {cursor:pointer}

/* Chatbox */
.chatboxne {display:none;top: 0;position: fixed;width: 100%;height: 100%;left: 0;background: rgba(0,0,0,.8);z-index: 999;}
.chatboxne iframe {margin-top: calc(50% - 402px);width: 800px;height: 400px;}
.chatboxne .turnofff {position: absolute;right: 0;width: 64px;height: 64px;background: url(http://png.findicons.com/files/icons/2162/minimal_perception/64/gtk_close.png) no-repeat center center;}
.tatnodine {background: rgb(55, 101, 102) url(http://www.wdh.co.uk/Images/Icons/IconsWhiteCross30x30.png) no-repeat center center;width: 32px;height: 32px;float: right;margin-right: -42px;outline: none;cursor: pointer;}

/* Pun Visit */
#pun-visit, .main-box {border:2px dashed #d7d7d7;background:#fff;height:16px}
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:0}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}

/* Login Form */
#login{box-shadow:0px 0px 10px #fff;display:none;margin-top: -45px;padding:15px;width:350px;margin-left: -385px;position:absolute;background:cadetblue;color:#fff;font-weight:bold;border-right: 5px solid #fff;}
#login:before {margin-top: -5px;margin-left: 370px;content: '';position: absolute;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #fff;}
#login form input[type="text"]{margin-left:10px;width:calc(100% - 32px);padding:3px}
#login form input[type="password"]{margin-left:10px;width:calc(100% - 32px);padding:3px;margin-top:5px}
#login form input.mainoption, input.register{float: left;margin-top: 9px;margin-left: 20px;font-family:sans-serif;padding: 11px;background:#fff;border:0;color:cadetblue;font-weight:bold}
.remember {margin-top: 10px;float: left;font-family: sans-serif;padding: 10px;background: #fff;border: 0;color: cadetblue;font-weight: bold;}
input.register {float:right}

/* Logout Form */
#logoutne {display:none;text-align: center;color: #ff5555;margin-top: -45px;padding: 15px;width: 300px;margin-left: -370px;position: absolute;background: #ff8989 url(http://png.findicons.com/files/icons/1672/mono/32/warning.png) no-repeat 10px center;font-weight: bold;border-right: 5px solid #fff;padding-left: 50px;}
#logoutne:before {margin-top: -5px;margin-left: 170px;content: '';position: absolute;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #fff;}
#logoutne form {padding: 10px;background:#fff}
#logoutne input {margin-top: 9px;margin-left: 20px;font-family: sans-serif;padding: 11px;background: #ff7777;border: 0;color: #fff;font-weight: bold;}
#logoutne input[name="cancel"] {background: #75C9CC;}

/* Box */
.battatboxne {cursor:pointer;background: rgba(0,0,0,.1);width: 16px;height: 16px;float: right;margin-top: -16px;box-shadow: 1px 1px 5px -2px #000 inset;}
.battatboxne:active {box-shadow: -1px -1px 5px -2px #000 inset}
.main .main-foot, .main .main-head {background: cadetblue;border-bottom: 2px solid #fff;}
.menutat {background: #A88E75!important;}
.fmvimove {cursor:move!important;float: left;width: 26px;margin-top: -4px;margin-left: -5px;}
.pun .main table td.tc2 {overflow:hidden;background: #fff;}
.pun table td.tcl {height:72px}
.pun tbody.statused span.status {float:left;position:relative}

/* View */
.pun .entry-content {overflow: hidden;padding-bottom: 1.5em;width: 100%;padding-top: .5em;}
.postfoot {margin-left:0!important}
.pun .post-entry {background:#fff}
.viewuser{height: 125px;width: 100%;background: #29696B;}
.userava{z-index:1;margin-left: 5px;position:absolute;margin-top: 5px;background:#fff;padding:10px;border-radius:100%;width:75px;height:75px;border: 10px solid cadetblue;}
.userava a img{transition-delay:0.2s!important;transition:all 0.2s ease;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);position: relative;width: 95px;height: 95px;border-radius:100%;z-index: 1;margin-top: -10px;margin-left: -10px;}
.userbary{background:cadetblue;position:relative;width:10px;margin-left:50px;margin-top:-32px;height:100%}
.postmain {border-left: 0!important;margin-left: 0px!important;}
.useronoff {position: absolute;margin-left: 267px;width: 28px;height: 28px;background: rgba(255,255,255,.7) url(http://png-1.findicons.com/files/icons/2038/buttons_toolbar/32/knob_red.png) no-repeat center center;background-size: 16px!important;border-radius: 5px;margin-top: 25px;}
.useronoff img {width: 16px;margin-top: 6px;height: 16px;border-radius: 100%;}
.userdrop {opacity: 0;transition: 0.3s ease;z-index: 2;visibility: hidden;position: absolute;background: cadetblue;border: 10px solid cadetblue;margin-left: 130px;height: 165px;width: 300px;}
.userinfo {height: 145px;padding: 10px;background: cadetblue;}
.nameuser {width: 120px;float: left;margin-top: 25px;margin-left: 100px;background: rgba(255,255,255,.7);padding: 5px 15px 5px 30px;border-radius: 0px 5px 5px 0px;}
.rankuser {background: rgba(255,255,255,.7);position: absolute;width: 220px;height: 40px;border-radius: 0px 5px 5px 0px;margin-top: 56px;margin-left: 95px;z-index: 0;}
.rankuser img {max-width: 155px;height: 30px;margin-left: 30px;padding: 5px;}
.userava:hover ~ .userdrop, .userdrop:hover {visibility: visible;opacity: 1;}
.userinfodrop {color: #555;font-weight: bold;background: #fff;padding: 5px;height: 70px;margin-top: 10px;overflow: hidden;overflow-y: scroll!important;}
.userrank {font-weight: bold!important;color: #fff;}
.usercontact {background: rgba(255,255,255,.5);margin-top: 5px;padding: 5px;}
.userdrop:before {content: '';position: absolute;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 15px solid rgb(53, 114, 116);margin-left: -25px;margin-top: 35px;}
.change_avatar, .none_avatar {background: rgba(0,0,0,.8);height: 95px;width: 95px;margin-top: -95px;border-radius: 100%;margin-left: -10px;overflow: hidden;position: relative;z-index: 1;-webkit-transform: rotateY(90deg);transform: rotateY(90deg);transition: all 0.2s ease;transition-delay:0s}
.userava:hover img {transition-delay:0s!important;transition:all 0.2s ease;-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);}
.userava:hover .change_avatar, .userava:hover .none_avatar {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);transition-delay:0.2s}
.change_avatar a {text-align: center;position: absolute;width: 60px;margin-top: 20px;margin-left: 17px;font-weight: bold;color: #999!important;}
.partner .label {display:none}

/* zzvote by Zzbaivong - devs.forumvi.com */
div.vote-zzvote{float:left}
div.vote-zzvote > a.vote-plus{background:url(http://png.findicons.com/files/icons/2683/somicro/32/like.png) no-repeat 0/100% transparent;display:inline-block;float:left;width:24px;height:24px;transition:background .3s;-webkit-transition:background .3s;-moz-transition:background .3s;background-size:24px!important;margin-top:-1px}
div.vote-zzvote > a.vote-plus[href=""]{background-image:url(http://png-2.findicons.com/files/icons/2711/free_icons_for_windows8_metro/48/like.png);background-size:24px!important}
div.vote-zzvote > a.vote-plus[href="javascript:;"]{cursor:not-allowed;opacity:0.5}
div.vote-zzvote > a.vote-plus[href="javascript:;"] + span.vote-time{opacity:0.5}
div.vote-zzvote > span.vote-time{background:#FFF;display:inline-block;position:relative;line-height:20px;margin-left:10px;border:1px solid #333;border-radius:3px;font-size:12px;padding:0 6px}
div.vote-zzvote > span.vote-time:before{content:" ";display:block;position:absolute;left:-4px;top:50%;margin-top:-4px;width:6px;height:6px;background:#FFF;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-color:#333;border-style:solid;border-width:0 0 1px 1px}
div.vote-zzvote > a.vote-plus[href=""] + span.vote-time{background:cadetblue;color:#FFF;border-color:#448688}
div.vote-zzvote > a.vote-plus[href=""] + span.vote-time:before{background:cadetblue;border-color:#448688}

/* Copyright */
.copyrightnefca {bottom: 0;background: cadetblue;border-top: 35px solid #387274;padding: 15px;position: relative;z-index: 2;color: #fff;font-weight: bold;height: 130px!important;overflow: hidden;}
.copyrightnefca .cprimg {float: right;width: 200px;margin-top: -40px;background: rgba(255,255,255,.5);border-radius: 5px;}
#pun-foot {height:195px;transition:all 0.2s ease;z-index: 1;position: relative;background: rgba(255,255,255,.8);width: 100%;margin-bottom: -195px;}
#pun-foot:hover {z-index:3}
#pun-foot:before {position: absolute;content: 'Thông tin';margin-top: -38px;right: 180px;background: #ff8989;font-weight: bold;color: #fff;padding: 10px 20px;}
#pun-info > div > div {background: rgba(255,255,255,.6);} #pun-info > div {background:transparent}
#pun-info {background:#fff url(http://1.bp.blogspot.com/-qhCW70xAXgo/Udw9VuWuHtI/AAAAAAAAAMs/C71MZpG2SnM/s1600/neko_anime_girl_png_by_thewhitedevil66-d41a8kt.png) no-repeat right top;background-size:auto 100%}

/* GOEditor */
#GO-quickrep .repnotice{background-color: #fff;background-position:10px center;background-repeat:no-repeat;display:block;font-size:15px;font-weight:700;height:40px;line-height:35px;margin:20px auto;padding:5px;text-align:center;width:50%;}
#GO-quickrep .previewdata{background:#fcfcfc;border:1.5px solid #D5D5D5;margin:20px auto;width:97%}
#GO-quickrep .buttonrep #sendrep:focus,#GO-quickrep .buttonrep #preview:focus,#GO-quickrep #backpreview:focus,#GO-quickrep .buttonrep #re-advance:focus{outline:none}
#GO-quickrep #repsmile{background:#F7F7F7;border:1px solid #D5D5D5;display:none;margin-left:15%;margin-top:35px;min-height:100px;padding:3px;position:absolute;width:600px}
#GO-quickrep #repcolour td{float:left;height:13px;margin:0 2px 2px 0;outline:0 none;width:13px}
#GO-quickrep #repcolour table:last-child{background-color:transparent!important}
#GO-quickrep #repcolour{background:#F7F7F7;border:1px solid #D5D5D5;display:none;margin-left:20%;margin-top:35px;max-width:400px;min-height:100px;padding:3px;position:absolute}
#GO-quickrep .go-bbcodeimg,#GO-quickrep .senddata{background:#fff;border:1px solid #D5D5D5;color:#000;display:none;height:100px;margin-top:20px;padding:3px;position:absolute;width:230px}
#GO-quickrep #bbcodeimg,#GOdata{border-radius:none;display:block;margin-left:auto;margin-right:auto;margin-top:10px;min-height:20px!important;outline:none;padding:5px;width:70%!important}
#GO-quickrep #gorep{border-radius: 10px;border: 5px solid #228085;background: #fff;display:block;min-height: 130px!important;padding: 10px;outline:none;margin-left: 125px!important;left: 0;width: calc(100% - 165px);}
#GO-quickrep .buttonimg,#GO-quickrep .buttonwall{background-color:#2797f2!important;border:none;color:#fff!important;cursor:pointer;display:block;font-size:12px;font-weight:700;height:25px;margin:10px auto;min-width:50px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep,#GO-quickrep #backpreview{margin-left:1.5%}
#GO-quickrep .buttonrep #re-advance{-moz-transition:all .2s ease;-ms-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:#000!important;color:#FFF!important;float:right!important;margin-right:1.5%;o-transition:all .2s ease;transition:all .2s ease}
#GO-quickrep #backpreview{margin-top:-20px}
#GO-quickrep .buttonrep #sendrep,#GO-quickrep .buttonrep #preview,#GO-quickrep .buttonrep #re-advance,#GO-quickrep #backpreview{background-color:#2797f2;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;height:40px;min-width:80px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep:hover,#GO-quickrep .buttonrep #preview:hover,#GO-quickrep #backpreview:hover,.buttonimg:hover{background-color:#7fc5ff;color:#fff}
#GO-quickrep .bbcode{border:none;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:700;height:30px;margin:auto;width:97%}
#GO-quickrep .bbcode span{border:1px solid #CCC;cursor:pointer;display:block;float:left;margin-right:3px;padding:4px 10px;background: #fff;color: cadetblue;}
#GO-quickrep .bbcode span:hover{color: #fff;background: #BFD9DA;border-color: cadetblue;}
#GO-quickrep .buttonrep #re-advance:hover{background-color:#2797f2!important;color:#FFF!important}
#GOeditor{background: cadetblue;margin:auto;min-height:50px;padding:5px;}
#GO-quickrep #backpreview,#GO-quickrep .repnotice,#GO-quickrep #repcolour form tr:first-child,#repcolour td:first-child,#repcolour td:nth-child(2),#repcolour td:nth-child(3){display:none}
.golreply {position: absolute;margin-left: 180px;margin-top: -40px;padding: 10px;background: rgba(255,255,255,.5);}
.GO-post .avarep img {border-radius: 10px;margin-top: 20px;margin-left: 5px;float: left;width: 75px;height: 75px;background: #fff;padding: 10px;border: 5px solid #228085;}
.GO-post .avarep:after {position: absolute;content: '';border: 10px solid transparent;border-left-color: #228085;margin-top: 40px;}

/* Resize Images */
.pun .entry-content img {max-width: 100%;}

/* More BBCode */
.themedown{float: left;width: 280px!important;background: #A88E75 url(http://png-4.findicons.com/files/icons/2252/iphone_toolbar_icons/30/icon_download.png) no-repeat 10px center;padding:10px;border-bottom:5px solid #5F4934;font-weight:bold;color:#5f4934;font-size:20px;border-radius:5px 5px 0 0;/* float: left; */}
.linkdown{background:#fff;padding:10px;border:2px solid #5f4934;border-top:0;border-radius:0 0 2px 2px;float:left;width: 276px;margin-top:-2px;font-weight:bold;overflow:hidden;white-space:nowrap;color:#5f4934;box-shadow:0 -2px 5px -2px #5f4934 inset}
.downme {margin: 0 auto!important;text-align: center;border: 0!important;width: 300px}
td.warntext {float: left;background: #fff;color: #f55;font-weight: bold;padding: 8px 10px;width: 370px;margin-top: 6px;height: 35px;border: 5px solid #f55;overflow: scroll;overflow-x: hidden!important;}
.warnbbc {margin:0 auto;border:0!important}
.warnimgne {background: #f55 url(http://png.findicons.com/files/icons/2252/iphone_toolbar_icons/30/icon_warning.png) no-repeat center;width: 61px;height: 61px!important;float: left;margin-top: 6px;}

/* About */
#inforib {transition:all 0.5s ease;-webkit-transform: rotateX(-90deg);transform: rotateX(270deg);visibility:hidden;position: fixed;width: 500px;height: 300px;top: calc(50% - 170px);left: calc(50% - 270px);background: #fff;box-shadow: 0px 5px 10px -5px #3faadd, 0px 10px 10px -10px #3faadd, 0px -5px 10px -5px #3faadd, 0px -10px 10px -10px #3faadd;z-index: 990;padding: 10px;}
.eltleft, .eltright {transition-delay: 0.5s!important;transition:all 0.5s ease;width:0px;z-index:889;position: fixed;height: 6px;background: #FFFFFF;right: 0;box-shadow: 0px 0px 10px #3faadd;top: calc(50% - 14px);}
.eltleft {left:0} .elttrans {width:50%;transition-delay: 0s!important;} .inforib2 {transition-delay: 0.5s!important;-webkit-transform: rotateX(0deg)!important;transform: rotateX(0deg)!important;visibility: visible!important;}
.opacityabout {z-index:888;transition:all 0.5s ease;opacity:0;visibility:hidden;transition-delay:1s;top:0;left:0;background:rgba(0,0,0,.8);width:100%;height:100%;position:fixed}
.opacitymore {transition-delay:0s;opacity:1;visibility:visible}
.opacityabout .inforib {width: 48px;height: 48px;right: 10px;top: 10px;position: absolute;background: url(http://www.arnaudsylvain.fr/wp-content/plugins/itro-popup/images/close-icon-white.png);background-size: 48px}

/* Deco */
#inforib > div.thongtinabout {background: rgba(95, 158, 160, .6);padding: 10px;width: 80%;margin: 0 auto;overflow: scroll;overflow-x: hidden!important;height: 100px;color: #fff;font-weight: bold;}
#inforib > div.lienketforum > table {width: 84%;margin-top: 10px!important;margin: 0 auto;padding: 5px;border: 2px dashed #d7d7d7;}
#inforib > div.lienketforum > table img {width: 75px;height: 75px;}
#inforib > div.lienketforum > table > tbody > tr > td:nth-child(1) {background: cadetblue;color: #fff;font-weight: bold;text-align: center;width: 75px;}
div.formnhanhlk {display:none;position: fixed;z-index: 999;top: calc(50% - 75px);left: calc(50% - 161px);padding: 10px;background: cadetblue;box-shadow: 0px 0px 20px #000;}
.formnhanhlk #submit {cursor:pointer;outline:none!important;float: left;margin-top: 20px;padding: 5px 10px;background: rgb(53, 120, 122);border: 0;color: #fff;font-weight: bold;margin-left: calc(50% - 30px);}
.formnhanhlk #submit:active {box-shadow: 0px 0px 10px -3px #000 inset!important;}
.formnhanhlk #submit:hover {box-shadow: 0px 0px 10px -4px #000 inset;}
.formnhanhlk form {padding: 10px;}
#text_editor_input span, #text_editor_input input {margin-top: 5px;}
#main-content > div.formnhanhlk > form > .main-content {background: #fff;border: 0;}
.hideqc {background-size: cover!important;width: 100%;height: 105px;position: relative;background: url(http://i.imgur.com/eBRFovp.png);margin-bottom: -100px;float: left;}
#pun-visit {margin-top: 10px;}
.weather {z-index:999;width: 75px;height: 75px;position: absolute;right: 50px;top: 50px;background: rgb(229, 229, 57);box-shadow: 0 0 100px #FFA300,0 0 100px #FFEB00,0 0 100px yellow,0 0 100px yellow;border-radius: 100%;}
.moon {background: #fff;box-shadow: 0 0 100px #fff,0 0 100px #fff,0 0 100px #fff,0 0 100px #fff;}
.scrweather {width: 25px;position: fixed;height: 25px;box-shadow: 0 0 50px #fff,0 0 50px #fff,0 0 50px #fff,0 0 50px #fff;bottom: 10px;top: inherit;z-index: 999;right: 200px;}
.overlayweather {height: 50px;width: 100%;position: fixed;bottom: -50px;background: rgba(0,0,0,.8);left: 0;z-index: 998;color: #fff;line-height: 50px;font-weight: bold;transition: all 0.5s ease;}
#timeovl {float: right;right: 0;margin-right: 275px;color: rgba(255,255,255,0.5);}
div.overlayweather > span.info {position: absolute;right: 0;margin-right: 75px;font-size: inherit;font-style: inherit;color: rgba(255,255,255,.5);}
  Bài viết hay nhất26
nó bị lệch như vầy
  Bài viết hay nhất27
Tìm cái cục này trong Overall Header:
Code:
<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>

Xóa đi

Thêm vào đầu Index_Body:
Code:
<!-- BEGIN giefmod_index1 -->
   {giefmod_index1.MODVAR}
   <!-- BEGIN saut -->
      <div style="height:{SPACE_ROW}px"></div>
   <!-- END saut -->
<!-- END giefmod_index1 -->
  Bài viết hay nhất28
Thanks! Skin đẹp
  Bài viết hay nhất29
Mình dùng thì bị lỗi font tiếng Việt. 



Link: http://yeucotuong.123.st/
  Bài viết hay nhất30

@tonetone wrote:Mình dùng thì bị lỗi font tiếng Việt. 



Link: http://yeucotuong.123.st/
Bạn tìm trong css đoạn code:
Code:
.pun h2, .pun h3, .pun input, .pun select, .pun th {font-family: inherit; font-size: 15px;}
thay thành:
Code:
.pun h2, .pun h3, .pun input, .pun select, .pun th {font-size: 15px;}
  Bài viết hay nhất31
Cái méo? Font mặc định của web mà cũng lỗi à @@
  Bài viết hay nhất32
Cảm ơn @anhdausai nhiều nhé. Mình chỉnh theo hướng dẫn của bạn đã fix được lỗi.
  Bài viết hay nhất33
Ai còn giữ link skin này UP lên đc ko?
Skin đẹp vãi mà Link bị died r :v
  Bài viết hay nhất34
Xemmmmmmmmmmmmmmm
  Bài viết hay nhất35
Cập nhật link: mega.co.nz #!Ws0VxJ7R!a3kO8pnoIYzyBH3urL35uCasIVsibdnpmr1fesR93dg
  Bài viết hay nhất36
Không có CSS à ?
  Bài viết hay nhất37
Cập nhật CSS
  Bài viết hay nhất38
Cho phép em đào mộ tí nhé ( đừng banned em ) làm sao để làm riêng cái fmvimove vậy ạ
  Bài viết hay nhất39
skin này link download bị die r có ai lưu trữ cho mình xin. Tks
  Bài viết hay nhất40

@Cloudy wrote:skin này link download bị die r có ai lưu trữ cho mình xin. Tks

Bạn có thể tải skin này tại đây.
  Bài viết hay nhất41

@Panda wrote:
Bạn có thể tải skin này tại đây.

Cám ơn bạn !
  Bài viết hay nhất42


Cho mình xin code phần dưới cùng màu đen: "Bây giờ là... Trời..." với :D
  Bài viết hay nhất43
Code:

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('timeovl').innerHTML = "Bây giờ là " + h + " giờ " + m + " phút " + s + " giây";
    t = setTimeout(function () {
        startTime()
    }, 500)
}

function checkTime(i) {
    if (i < 10) {
        i = "0" + i
    }
    return i
}
cái này chăng ?
  Bài viết hay nhất44

@nguoidaukho_qn wrote:
Code:

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('timeovl').innerHTML = "Bây giờ là " + h + " giờ " + m + " phút " + s + " giây";
    t = setTimeout(function () {
        startTime()
    }, 500)
}

function checkTime(i) {
    if (i < 10) {
        i = "0" + i
    }
    return i
}
cái này chăng ?

Mình thử rồi mà không được, nó chẳng hiện gì cả :/
  Bài viết hay nhất45

@edogwaconan2005 wrote:
@nguoidaukho_qn wrote:
Code:

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('timeovl').innerHTML = "Bây giờ là " + h + " giờ " + m + " phút " + s + " giây";
    t = setTimeout(function () {
        startTime()
    }, 500)
}

function checkTime(i) {
    if (i < 10) {
        i = "0" + i
    }
    return i
}
cái này chăng ?
Cái này chỉ là js thôi nhé :v

Mình thử rồi mà không được, nó chẳng hiện gì cả :/
  Bài viết hay nhất46
You cannot reply to topics in this forum