Hỗ trợ Forumotion
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Minion
  • Trial Support Team

Minion

Trial Support Team


Minion

Minion
loading...

Demo: http://s-game.5forum.net/
Rip : ღ๖ۣۜKool๖ღ ( Còn gọi là Minion )
Chỉnh Sửa: ღ๖ۣۜKool๖ღ ( Còn gọi là Minion )

Css:

Code:
.bodyline {
border: none;
background-image: url(http://www.9xstudio.biz/users/1214/94/30/93/album/wbg10.png);
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
#pun-navlinks ul.clearfix {
text-align:center;
padding-left:30px;
}
#pun-navlinks li {
display:inline-block;
line-height:45px;
margin-top:-1px;
}
#pun-head #pun-navlinks {
border-bottom:1px solid #ddd;
background:url(http://www.9xstudio.biz/users/1214/94/30/93/album/wbg10.png);
width:863px;
border-radius:6px 6px 6px 6px;
text-transform:uppercase;
margin:100px auto 0;
padding:0!important;
}
#pun-head #pun-navlinks li a:hover,#pun-head #pun-navlinks li:first-child a {
border-bottom:2px solid #6E942D;
color:#fff;
transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-moz-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-webkit-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-o-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
}
#pun-head #pun-navlinks li a {
display:inline-block;
}
#pun-navlinks li a {
margin:0 .8em 0 0;
}
#pun-head #pun-navlinks li:first-child a,#lbCaption {
font-weight:700;
}
BODY{
  background:url(http://twimg0-a.akamaihd.net/images/themes/theme1/bg.png) #C0DEED center top no-repeat;
  color:#302f2f;
  font-family:Tahoma;
  font-size:12px;
  margin:0;
  padding:0
}
::selection{
    background:#00A5F0;
    color:#fff;
    text-shadow: 0 1px rgba(0, 0, 0, .2);
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
    margin: 0;
}
a {
    text-decoration: none;
    color: #333;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
}
a:hover {
    color: #BA0069
}
img {
    border: none;
}
.clear {
    clear: both;
}
.inputForm .mediumWidth {
    width: 300px;
}
.inputForm .largeWidth {
    width: 500px;
}
.inputForm .mediumHeight {
    height: 80px;
}
.inputForm input.text, .inputForm textarea, select {
    display: block;
    padding: 8px;
    border: 1px solid #DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: border-color .2s linear;
    -moz-transition: border-color .2s linear;
    margin: 5px 0;
}
.inputForm input.text:focus, .inputForm textarea:focus, select:focus {
 border-color: #00A5F0;
}
.inputForm label {
    font-weight: bold;
    cursor: pointer;
    display: block;
    font-size: 13px
}
.inputForm label.help {
    font-weight: normal;
    font-style: italic
}
.checkboxLabel {
    display: inline!important;
}
.inputForm .buttonSet {
    margin-top: 30px
}
.buttons {
 line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: bold;
    background-color: #00A5F0;
    color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
    text-shadow: 0 -1px rgba(0, 0, 0, .2);
    text-align: center;
    min-width: 45px;
    cursor: pointer
}
.buttons:hover {
    background-color: #24BBFF;
}
.buttons:active {
    background-color: #0082bd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
}
.cancelButtons {
    display: inline-block;
    background-color: transparent;
    color: #888;
    text-shadow: 0 1px 0 white;
    -webkit-transition: color .2s linear;
}
.cancelButtons:hover {
    color: #666;
    background-color: transparent;
}
.cancelButtons:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    background-color: #eee;
}
.required label:after {
    color: red;
    content: " *";
}
.required label.help:after {
    content: "";
}
#header  {
    background-color: #1F1F1F;
    border-bottom: 1px solid #333;
    margin: auto 0;
    color: #C5C5C5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 2px 0 0 #262626, 0 -1px 0 0 #171717;
    -moz-box-shadow: 0 2px 0 0 #262626, 0 -1px 0 0 #171717;
}
#headerContent {
    width: 995px;
    height: 40px;
    margin: 0 auto;
}
#headerContent a {
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
}
a#logo {
    background: url(http://s.haivl.com/content/images/logo_40.png) no-repeat;
    height: 40px;
    width: 70px;
    float: left;
    text-indent: -9999px;
}
ul#menuBar {
    font-weight: bold;
    font-size: 14px;
    float: left;
    margin: 15px 0 0;
}
#menuBar li {
    display: inline;
}
#menuBar a {
    color: #999;
    padding: 20px 8px;
}
#menuBar li.selected a {
    color: white;
    text-shadow: 0 1px #000;
}
#menuBar a:hover {
    color: white;
    text-shadow: 0 1px #000;
}
#menuBar .new {
    color: red;
    font-size: 13px;
    position: relative;
    top: -6px;
    left: -7px
}
#menuBar .upload {
    background: transparent url(http://s.haivl.com/content/images/upload_icon.png) no-repeat center left;
    padding: 20px 10px 20px 25px;
    margin-left: 8px
}
#search {
    margin: 6px 10px 0 0;
    float: right;
}
#search .query {
    float: left;
    height: 20px!important;
    margin-top: 3px;
}
#loginPanel {
    float: right;
}
#loginPanel .loginButton, #loginPanel .profileButton, .searchButton {
    color: #EDEDED;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    background-color: #444;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: 0 -1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
    border: 1px solid black;
    max-width: 194px;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
}
 
#loginPanel .loginButton, #loginPanel .profileButton {
    width: 140px;
  display: block;   
  margin: 8px 0 0;


#loginPanel .loginButton, .searchButton {
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
}
#loginPanel .loginButton:hover, .searchButton:hover {
    background-color: #555;
    color: white
}
#loginPanel .loginButton:active{
}
#loginPanel .profileButton {
    min-width: 140px;
    background: #444 url(http://s.haivl.com/content/images/down_icon.png) no-repeat center right;
}
#loginPanel .profileButton .notiCount {
    background-color: #f03d25;
    border: 1px solid #d83722;
    border-bottom: 1px solid #c0311e;
    border-top: 1px solid #e23923;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
    padding: 0 3px;
    color: #fff;
    position: relative;
    top: -10px;
    font-size: 11px
}
#loginPanel:hover .profileButton{
 background-color: #000;
 color: #BABABA;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
}
#loginPanel ul {
    background-color: black;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    position: absolute;
    padding-bottom: 5px;
    font-size: 11px;
    display: none;
    z-index: 999;
}
#loginPanel:hover ul {
 display: block;
 cursor: pointer;
}
#loginPanel ul a {
    display: block;
    padding: 5px 10px;
    color: #999;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
}
#loginPanel ul a:hover {
    color: white
}
#loginPanel ul, #loginPanel span {
    width: 162px;
}
#loginPanel span {
    font-size: 11px;
    padding-left: 30px;
}

#mainContainer  {
    width: 995px;
    margin: 0 auto;
}
#leftColumn {
    float: left;
    width: 685px;
}
#rightColumn {
    width: 300px;
    float: right;
}
#rightColumn .fixedWidth {
    width: 300px;
}
#footer {
    margin: 20px 0 20px;
    text-shadow: 0 1px #EEE;
    line-height: 1.5em;
    text-align: center
}
#footer a {
    color: #555;
    font-weight: bold;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
}
#footer a:hover {
    color: #BA0069;
}
#footer ul {
    list-style-type: none
}

#footer .links a {
    margin: 0 3px;
}
#footer .links a.first {
    margin-left: 0
}
a.colorful {
    color: #00A5F0
}
div.box {
    margin: 0 0 10px 0;
    padding: 10px 15px 5px;
    background-color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 3px #AAA;
    -moz-box-shadow: 0 0 3px #AAA;
    -webkit-box-shadow: 0 0 3px #AAA;
}
div.box h1 {
    font-size: 20px;
}
div.box h3 {
    font-size: 17px;
    margin: 0 0 5px;
}
div.box h4 {
    font-size: 14px;
    margin: 10px 0;
}
div.darkBox {
    background-color: #DEDEDE;
    text-shadow: 0 1px #EEE;
    box-shadow: 0 0 3px #888;
    -moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
}
div.highlightBox {
    background-color: #FF9
}
div.infoBox a {
    color: #00A5F0
}
div.infoBox ul {
    padding-left: 20px;
}
div.infoBox li {
    list-style-type: disc;
    margin: 5px 0
}
div.minHeightBox {
    min-height: 200px;
}
div.tips {
    background: #FF9;
    border: 1px solid #E6DB55;
    padding: 6px 10px;
    text-shadow: 0 1px white;
    font-size: 12px;
    display:block;
}
div.tips a {
    color: #00A5F0;
}
p.loading {
    text-align: center;
}
div.last {
    border-bottom: none;
    margin-bottom: 0
}
.windowContainer {
    display: none;
}
.windowContainer h3 {
    font-size: 18px;
}
.spaceBottom {
    margin-bottom: 10px;
}
/* Notification */
.notification
{
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.attention
{
    background: #fffbcc url('http://s.haivl.com/content/images/admin/icons/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}
.information
{
    background: #dbe3ff url('http://s.haivl.com/content/images/admin/icons/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}
.success
{
    background: #d5ffce url('http://s.haivl.com/content/images/admin/icons/tick_circle.png');
    border-color: #9adf8f;
    color: #556652;
}
.error
{
    background: #ffcece url('http://s.haivl.com/content/images/admin/icons/cross_circle.png');
    border-color: #df8f8f;
    color: #665252;
}
.notification div
{
    display: block;
    font-style: normal;
    padding: 10px 20px 10px 36px;
    line-height: 1.5em;
}
.notification .close
{
    color: #990000;
    font-size: 9px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url('http://s.haivl.com/content/images/admin/icons/cross_grey_small.png') no-repeat;
    width: 18px;
    height: 18px;
}
.notification a {
    color: #00A5F0
}
/* Validation */
.field-validation-error
{
    color: #ff0000;
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    margin: 0 0 10px 0;
}
.validation-summary-errors li
{
    font-weight: normal;
    list-style-type: disc;
    margin: 5px 0 0 30px;
    color: red;
}
.validation-summary-valid
{
    display: none;
}
.viewSwitcher {
    text-align: center;
    padding-bottom: 10px;
}
.viewSwitcher a {
    color: #00A5F0;
    font-weight: bold;
}
/* Home page */
.listItemSeparator {
    height: 1px
}
.photoList .loading {
    margin-bottom: 20px;
}
.photoListItem {
    border-bottom: 1px solid #DDD;
    margin-bottom: 10px;
    padding: 10px 0 20px;
}
.recommend {
    padding: 10px 0 10px;
    border: solid 1px #9cf;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #F0F7F9;
}
.recommend .ads {
    float: left;
    width: 340px;
    margin-left: 5px;
}
.recommend .list {
    margin-left: 10px;
    float: left;
    width: 295px
}
.recommend .photoListItemSmall {
    border: none
}
.recommend .photoListItemSmall .thumbnail {
    overflow: visible
}
.recommend .photoListItemSmall .thumbnail img {
    margin: 0
}
.recommend .photoListItemSmall .info {
    width: 190px
}
.photoList .thumbnail {
    float: left;
    width: 400px;
    text-align: center;
    overflow: hidden
}
.photoList .thumbnail img {
    max-width: 400px;
    margin: 0 auto -34px
}
.photoList .thumbnail img.videoIndicator {
    position: relative;
    top: -150px;
}
.photoList .info {
    margin-left: 410px;
    width: 240px;
    z-index: 1;
}
.photoList .description {
    font-size: 14px;
    margin: 0 0 10px;
}
.photoListItem .vote {
    height: 44px;
    width: 216px;
    margin: 10px 0 0;
    padding: 0;
    border-radius: 5px;
    background-color: #F4F4F4;
    border: 1px solid #DDD;
    box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
    -moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 2px #eee;
    -webkit-box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
}
.photoListItem .vote .voteUp, .photoListItem .vote .voteDown {
    float: left;
    width: 108px
}
.photoListItem .vote a {
    height: 44px;
    width: 108px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    display: block;
    border: none;
    overflow: hidden;
}
.photoListItem .vote a:hover {
    background-color: #E4E4E4;
    border-radius: 0 5px 5px 0;
}
.photoListItem .vote a.first:hover {
    border-radius: 5px 0 0 5px;
}
.photoListItem .vote a.upVoted, .photoListItem .vote a.downVoted {
}
.photoListItem .vote a.upVoted {
    background-color: #78FF94;
    border-radius: 0 5px 5px 0;
}
.photoListItem .vote a.downVoted {
    background-color: #FF94B3;
    border-radius: 5px 0 0 5px;
}
.photoListItem .vote a.first {
    border-right: 1px solid #DDD;
}
.photoListItem .vote a span {
    height: 20px;
    display: block;
    padding: 4px 0 0 27px;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
}
.photoListItem .vote .voteUp a span {
    background: url(http://s.haivl.com/content/images/vote_icon.png) no-repeat transparent;
    margin-left: 27px;
}
.photoListItem .vote .voteDown a span {
    background: url(http://s.haivl.com/content/images/vote_icon.png) no-repeat 0 -24px transparent;
    margin-left: 30px;
}
.photoList h2 {
    margin: 0 0 10px;
    line-height: 1.2em;
}
.uploader {
    margin-bottom: 3px;
    font-size: 11px;
    color: #7D7D7D
}
.uploader a {
    color: #00A5F0
}
.photoList .votePlz {
    font-weight: bold;
    color: #BA0069;
    font-size: 13px;
    margin-top: 7px
}
.photoList .stats {
    font-weight: bold;
    font-size: 15px;
    margin: 3px 5px 0 0;
    padding: 3px 0;
    height: 25px;
}
.photoList .stats .viewComments {
    float: left;
    margin-top: 4px;
}
.views {
    background: url(http://s.haivl.com/content/images/view_icon.png) no-repeat transparent;
    padding-left: 18px;
}
.comments {
    background: url(http://s.haivl.com/content/images/comment_icon.png) no-repeat transparent;
    padding-left: 18px;
}
span.source {
    background: url(http://s.haivl.com/content/images/source_icon.png) no-repeat transparent;
    padding-left: 18px;
    font-size: 14px;
    font-weight: bold;
}
.photoList .stats .comments {
    margin-left: 5px;
}
.likes {
    background: url(http://s.haivl.com/content/images/like_icon.png) no-repeat transparent;
    padding-left: 18px;
}
.photoList .stats .likes {
    margin-left: 5px;
}
.photoList .stats .likesWrapper {
    margin-left: 9px;
    float: left
}

span.pendingCount {
    font-size: 12px;
    position: relative;
    top: -8px;
    font-weight: normal;
}
#rightColumn .fixed {
    position: fixed;
    width: 300px
}
div.topUsers {
    font-weight: bold;
}
div.topUsers .item {
    float: left;
    width: 135px;
    margin-bottom: 8px
}
div.topUsers .itemWide
{
    width: 215px
}
div.topUsers .item img {
    width: 35px;
    height: 35px;
    float: left
}
div.topUsers .item .info {
    margin-left: 38px;
}
div.topUsers .name {
    display: block;
    margin-bottom: 3px
}
div.topUsers span.likes {
    color: #333
}
h3.topUsers {
    background: url(http://s.haivl.com/content/images/smile_icon.png) no-repeat transparent;
    padding-left: 22px;
    float: left;
}
ul.topUsersSort {
    float: right;
}
ul.topUsersSort li {
    display: inline;
    font-size: 14px;
    font-weight: bold;
    font-size: 13px;
    font-style: italic;
}
ul.topUsersSort span {
    color: #00A5F0
}
ul.topUsersSortHome li {
    font-style: italic
}
ul.topUsersSortHome a.selected {
    color: #00A5F0;
}
div.moreTop {
    font-style: italic;
    font-weight: bold;
    text-align: right;
}
a.nextListPage {   
    float: left; 
    width: 635px;
    color: white;
    display: none;
    margin-bottom: 10px;
}
div.plzVoteBottom {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
div.plzVoteBottom a {
    color: #00A5F0
}
/* Photo details */
div.photoDetails h1 {
    font-size: 17px;
    margin: 0 0 5px;
}
div.photoDetails .photoInfo {
    float: left;
    width: 470px;
}
div.photoDetails .uploader {
    float: left;
    margin-left: 10px;
    background-color: #EEE;
    padding: 5px 5px 5px 8px;
    width: 160px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #545454;
    margin-bottom: 5px;
}
div.photoDetails .uploader img {
    float: left;
    width: 30px;
    height: 30px;
}
div.photoDetails .uploader .info {
    float: left;
    margin-left: 3px;
}
div.photoDetails .uploader .info a {
    display: block;
    line-height: 13px;
}
div.adminActions {
    margin-bottom: 10px;
}
div.adminActions a {
    color: #00A5F0;
    margin-right: 10px;
}
div.adminActions a.disabled {
    color: black;
    pointer-events: none;
    cursor: default;
}
.photoListItem .adminActions {
    margin-top: 10px
}
div.photoImg {
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden
}
div.photoImg img {
    max-width: 650px;
    margin: 0 auto -34px
}
div.commentContainer {
}
div.photoDetails .likeButton {
    padding: 10px 10px 5px;
    height: 25px;
    width: 665px;
    background-color: white;
    z-index: 2;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
    background-color: #F4F4F4;
    margin: 0 -15px 10px;
}
div.photoDetails .likeButtonVoting {
    background-color: #FF9
}
div.photoDetails .likeButton .text {
    line-height: 20px;
    font-weight: bold;
    color: #BA0069;
    float: left;
    padding-right: 5px;
    font-size: 15px;
}
div.photoDetails .likeButton .fbLikeButton {
    float: left
}
div.photoDetails .description {
    font-size: 14px;
    margin: 0 0 10px;
}
span.instruction {
    font-style: italic
}
div.photoDetails .stats {
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0;
}
div.photoDetails .stats .comments {
    margin-left: 10px;
}
div.photoDetails div.source {
    margin: 5px 0;
}
div.photoDetails div.source .text {
    font-weight: normal;
}
div.photoDetails .stats .number {
    font-size: 16px;
    color: #BA0069
}
div.photoDetails .stats .text {
    font-weight: normal;
}
div.photoDetails .stats a {
    font-weight: normal;
}
div.photoDetails .navButtons {
    font-size: 14px;
    float: right;
    font-weight: bold;
    margin-top: 2px;
}
div.photoDetails .prev {
    background: url(http://s.haivl.com/content/images/prev_icon.png) no-repeat scroll 0 -16px transparent;
    padding-left: 15px;
}
div.photoDetails .prev:hover {
    background-position: 0 0;
}
div.photoDetails .next {
    background: url(http://s.haivl.com/content/images/next_icon.png) no-repeat scroll right -16px transparent;
    padding-right: 15px;
    margin-left: 10px;
}
div.photoDetails .next:hover {
    background-position: top right;
}
div.photoDetails .vote {
    float: left;
    height: 29px;
    width: 136px;
    margin: -5px 10px 0 0;
    padding: 0;
    border-radius: 5px;
    background-color: #F4F4F4;
    border: 1px solid #DDD;
    box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
    -moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 2px #eee;
    -webkit-box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
}
div.photoDetails .vote .voteUp, div.photoDetails .vote .voteDown {
    float: left;
    width: 68px
}
div.photoDetails .vote a {
    height: 29px;
    width: 68px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    display: block;
    border: none;
    overflow: hidden;
}
div.photoDetails .vote a:hover {
    background-color: #E4E4E4;
    border-radius: 0 5px 5px 0;
}
div.photoDetails .vote a.first:hover {
    border-radius: 5px 0 0 5px;
}
div.photoDetails .vote a.upVoted {
    background-color: #78FF94;
    border-radius: 0 5px 5px 0;
}
div.photoDetails .vote a.downVoted {
    background-color: #FF94B3;
    border-radius: 5px 0 0 5px;
}
div.photoDetails .vote a.first {
    border-right: 1px solid #DDD;
}
div.photoDetails .vote a span {
    margin: 7px 0;
    height: 16px;
    display: block;
    padding-left: 19px;
    color: #333;
    font-weight: bold;
}
div.photoDetails .vote .voteUp a span {
    background: url(http://s.haivl.com/content/images/vote_icon_small.png) no-repeat transparent;
    margin-left: 15px;
}
div.photoDetails .vote .voteDown a span {
    background: url(http://s.haivl.com/content/images/vote_icon_small.png) no-repeat 0 -16px transparent;
    margin-left: 11px;
}

.photoListItemSmall {
    border-bottom: 1px solid #DDD;
    padding: 2px 0;
}
.photoListItemSmall .thumbnail {
    float: left;
    width: 100px;
    text-align: center
}
.photoListItemSmall .thumbnail img {
    max-width: 100px;
    max-height: 80px;
}
.photoListItemSmall .info {
    margin-left: 105px;
}
.photoListItemSmall .stats {
    font-weight: bold;
    font-size: 12px;
}
.photoListItemSmall .stats .comments {
    margin-left: 5px;
}
.photoListItemSmall .stats .likes {
    margin-left: 5px;
}
.photoListItemSmall .info h3 {
    font-size: 15px;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
}
.photoListItemSmall a:hover {
    color: #333;
}
.photoListItemSmall a:hover h3 {
    color: #BA0069;
}
.photoDetails .commentContainer h4 {
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    margin: 10px 0 5px;
}
.photoDetails .commentContainer .tipComment {
    margin-bottom: 5px;
}
.photoDetails .commentContainer .tipComment a {
    color: #00A5F0
}
.photoDetails .commentContainer .meo {
    color: #BA0069
}
.photoDetails .report {
    color: #BA0069;
    font-size: 12px;
    float: right;
    background: url(http://s.haivl.com/content/images/report_icon.png) no-repeat transparent;
    padding-left: 14px;
    line-height: 12px;
    font-weight: bold
}
.photoDetails .featuredFanPage {
    background-color: #EEE;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 10px;
}
.photoDetails .featuredFanPage h4 {
    margin: 0 0 5px;
    color: #BA0069;
}
.photoList .featuredFanPage {
    border-bottom: 1px solid #DDD;
    margin-bottom: 10px;
    padding: 10px 0 20px;
    height: 46px;
}
.photoList .featuredFanPage h4 {
    margin: 0 0 5px;
    color: #BA0069;
    font-size: 15px;
}
.photoList .featuredFanPage a {
    color: #00A5F0;
}
/* Upload photo */
ul.guidelines {
    list-style-type: disc;
    margin: 0 0 10px 15px;
    padding: 0;
}
ul.guidelines li {
    list-style-type: disc;
    margin-bottom: 5px;
}
/* Update user info */
.updateAccount img.avatar {
    display: block;
    margin: 10px 0
}
/* User info */
.userInfo .avatar img {
    width: 50px;
    height: 50px;
    float: left;
}
.userInfo .avatar .name {
    margin-left: 55px;
}
.userInfo .stats {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5em;
}
.userInfo a {
    color: #00A5F0
}
.userInfo .stats .number {
    color: #BA0068;
    font-size: 16px;
    font-weight: bold
}
.userInfo .about {
    margin-top: 10px;
    font-style: italic
}
.userInfo #wscaption {
  float:left;
  width:55px;
}
.userInfo #wslist {
  float:right;
  width:205px;
}
.userInfo .actionLinks {
    margin-top: 10px;
}

.iconVoteUp, .iconVoteDown
{
    height:16px;
    width:16px;
    background: url(http://s.haivl.com/content/images/vote_icon_small.png) no-repeat transparent; 
  display:inline-block;
    cursor:pointer;
}
.iconVoteUp{
    background-position:0 0;
}
.iconVoteDown{
    background-position: 0px -16px;
}
/* Notifications */
.notifications a {
    color: #00A5F0
}
.notifications .notificationList li.last {
    border-bottom: none
}
.notifications .moreHolder {
    display: none
}
.notificationItem {
    background: none repeat-x scroll center bottom;
    clear: both;
    border-bottom: 1px solid #E9E9E9;
    padding: 5px 0;
}
.notificationItem .sentDatetime {
    color: #757575;
    font-style: italic;
    margin-left: 5px;
    font-size: 11px;
}
.notificationItem .notificationContent {
    background: url('http://s.haivl.com/content/images/noti_icon.png') no-repeat;
    padding-left: 20px;
}
.notificationItem .noti_photoDeleted {
    background: url('http://s.haivl.com/content/images/noti_photo_icon.png') no-repeat;
    padding-left: 20px;
}
.notificationItem .noti_likeReached {
    background: url('http://s.haivl.com/content/images/noti_like_icon.png') no-repeat;
    padding-left: 20px;
}
.notificationItem .noti_commentReached {
    background: url('http://s.haivl.com/content/images/noti_comment_icon.png') no-repeat;
    padding-left: 20px;
}
.notificationItem .noti_photoListed {
    background: url('http://s.haivl.com/content/images/noti_photolisted_icon.png') no-repeat;
    padding-left: 20px;
}

.loadMore{
    background-color: #EDEFF4;
    border: 1px solid #D8DFEA;
    padding: 10px;
    display: block;
    text-decoration: none;
    text-align: center;
    height: 16px;
    font-size: 12px;
    font-weight: bold;
    -webkit-transition: background-color .2s linear;
}
.loadMore:hover {
    background-color:#D8DFEA;
    text-decoration:none;
    cursor:pointer
}
.notifications .loadMore {
    margin-top: 20px
}
#headlines {
    font-size: 12px;
    float: left;
    font-weight: bold;
    height: 32px;
    width: 295px;
    z-index: 2;
    margin-bottom: 5px;
    padding: 0;
    margin-top: 0px;
    padding-left: 5px;
    padding-top: 10px;
    background-color: #F4F4F4;
    box-shadow: #888 0px 0px 3px 0px;
    text-shadow: #EEE 0px 1px 0px;
}
#headlines a {
    display: none;
    color: #BA0069
}
/* Faceboook help */
.facebookHelp {
    font-size: 14px;
}
.facebookHelp h2 {
    color: blue
}
.facebookHelp .underline {
    text-decoration: underline;
}
.facebookHelp .shareButton {
    float: left
}
.socialBox .media {
    border-bottom: 1px solid #AAA;
    padding: 5px 0;
}
.socialBox .mimo {
    border: none;
    padding-bottom: 0
}
/* Upload */
.upload .tips {
    margin: 10px 0 5px;
}
.upload .toggleMode {
    color: #00A5F0;
    font-size: 15px;
    float: right;
}
.upload .toggleMode span.new {
    color: red;
    font-size: 13px;
    position: relative;
    top: -6px;
}
/* Search */
.search {
    min-height: 400px;
}
.search input.query {
    height: 25px;
}
canvas {
  -webkit-transform: translateZ(0);
}
.rss-link {
    float: left;
    background: url(http://s.haivl.com/content/images/rss.png) no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.rageBuilderContainer select {
    padding: 3px;
}
/* Unread */
.unread .notLogin {
    margin: 10px 0 100px;
    font-weight: bold;
}
.unread .notLogin a {
    color: #00A5F0
}
.unread .noUnread {
    margin-bottom: 20px;
    font-weight: bold;
    padding: 10px 0;
    display: none
}
.unread .noUnread a {
    color: #00A5F0
}
.pun{-moz-box-shadow:0 0 10px rgba(0,0,0,0.8);
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.8);
box-shadow:0 0 10px rgba(0,0,0,0.8);
margin:20px auto;width:850px}
* {-moz-border-radius: 2px; -webkit-border-radius: 2px;}
a{text-decoration: none;}


#ape {
 background-image: url(http://i.imgur.com/Q1bI3IW.png);
 position: absolute;
 height: 85px;
 width: 136px;
 z-index: 999;
 background-repeat: no-repeat;
 background-position: 0px 0px;
 left: 8px;
 
cursor: pointer;
}

#ape2 {
 height: 85px;
 width: 136px;
 position: absolute;
 z-index: 999;
 left: 685px;
 
background-image: url(http://i.imgur.com/3YaYo1Y.png);
 background-repeat: no-repeat;
 background-position: bottom;
}
#bombo {
 background-image: url(http://i.imgur.com/p8lO9sF.png);
 background-repeat: no-repeat;
 background-position: bottom;
 position: absolute;
 z-index: 999;
 height: 77px;
 width: 125px;
 left: 443px;
 
}
/* Main box */
.main .main-foot,.main .main-head,.main-head {
background:none!important;
border-bottom:2px solid #D8D8D8;
padding:0!important;
}

.main-head .h3,.main-head h2,.main-head h3,.pun .main-foot .h2,.pun .main-head .h2,div.subtitle,h1.page-title {
border-bottom:2px solid #E83636;
color:#000;
display:inline-block;
font-family:arial,sans-serif;
font-size:16px;
font-style:normal;
font-variant:normal;
font-weight:900;
height:25px;
line-height:13px;
margin-bottom:-2px;
padding-top:23px;
text-transform:uppercase;
}
/*border radius*/
#content>div,#pun-legend,.stats-field{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#content-container div#right,#content-container div#left {float:none;margin-right:0;margin-bottom:10px;width:100%}
#pun-foot,footer {margin-top:17px;padding-top:17px;border-top:0;}
#pun-foot #pun-about {background:none;border:0px;padding:0;text-align:right;}
#pun-about select {margin-bottom:0}
#pun-about ul li, #pun-about select{font-size:.8em!important}
#pun-about input {padding:0 3px;min-height:5px;font-size:.6em}
#pun-about ul li a{color:#ccc}
#copyright{clear:both;margin-top:40px;color:#333;padding:15px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
#copyright .right,#logo .right{float:right;text-align:right}
#copyright .left,#logo .left{float:none}
#page-body div[style="clear:both;"] > div[align="center"]{display:none!important}
#pun-about input {
min-height: 5px;
padding: 0 3px;
margin-left: 140px;
margin-top: -27px;
position: absolute;
font-size: 12px!important;
}

Trả lời nhanh

Message reputation : 33% (3 votes)

  • Minion
    Minion

    Bài gửi 11/8/2013, 8:43 am Minion

    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>

      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

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

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

            case 'left':
                break;

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

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

            default:
                slid_vert = true;
          }

          $(document).ready(function() {

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

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

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

                if (slid_vert)
                {
                  var height_max = h_perso;

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

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

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

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

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

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

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

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

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

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

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

    <body>
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/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="header">
        <div id="headerContent">
            <a href="/" id="logo">haivl</a>
            <ul id="menuBar">
                <li class="selected"><a href="/">Mới</a></li>
                <li><a href="/">Chưa xem</a></li>
                <li><a href="/">Bình chọn</a></li>
                <li><a href="/">Hot</a></li>
                <li><a href="/">Cũ</a></li>
                <li><a class="upload" href="/">Đăng ảnh</a></li>
            <li><a href="/">Chế ảnh</a></li>
                <li><a href="/search">Tìm kiếm</a></li>
            <li><a href="/" target="_blank">Diễn đàn</a></li>
            </ul>
            <!-- BEGIN switch_user_logged_out -->
          <div id="loginPanel">
    <a class="loginButton" href="/login">Đăng nhập</a></div>
          <!-- END switch_user_logged_out -->
          <!-- BEGIN switch_user_logged_in --> <div id="loginPanel">
                    <a class="profileButton" {LOGGED_AS}   
                    </a>
                    <ul>
                        <li><a href="/profile?mode=editprofile">Thông tin cá nhân</a></li>
                        <li><a href="/profile?mode=editprofile&page_profil=avatars">Đổi avatar</a></li>
                        <li><a href="/profile?change_password=Change+your+password&mode=editprofile&page_profil=informations&user_id">Đổi mật khẩu</a></li>
                        <li><a href="/profile?mode=editprofile&page_profil=signature">Đổi chữ kí</a></li>
                        <li><a href="/login?logout">Thoát</a></li>
                    </ul>
            </div>
    <!-- END switch_user_logged_in -->
              </br></br></br></br></br></br>
              </div>
            </div>
          </div>
    </br></br></br></br></br></br>
    <div id="pun-head">
                      <div id="pun-navlinks">
                        <ul class="clearfix">
                            <li>{GENERATED_NAV_BAR}</li>
                        </ul>
                      </div>
                  </div>
      <div id="loading"></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="head">
                                              <div class="overlay-head">
                                                    <div id="cover-cloud"><div id="ape"></div><div id="ape2"></div><div id="bombo"></div><div id="cloud"></div><div id="cloud2"></div><div id="cloud3"></div></div><script src="https://9x-studio.googlecode.com/files/Jquery.spritely-0.1.js" type="text/javascript"></script><script type='text/javascript'>(function ($) {$(document).ready(function () {$('#cloud').pan({fps: 30,speed: 1,dir: 'right'});$('#cloud2').pan({fps: 30,speed: 2,dir: 'right'});$('#cloud3').pan({fps: 30,speed: 0.5,dir: 'right'});});$('#ape').sprite({fps: 8,no_of_frames: 3}).spRandom({top: 70,left: 100,right: 1000,bottom: 40,speed: 4000,pause: 3000});$('#ape2').sprite({fps: 8,no_of_frames: 3}).spRandom({top: 70,left: 100,right: 1500,bottom: 40,speed: 4000,pause: 3000});$('#bombo').sprite({fps: 8,no_of_frames: 3}).spRandom({top: 70,left: 100,right: 1500,bottom: 40,speed: 4000,pause: 3000});})(jQuery);</script>
                 


                  <!-- BEGIN switch_ticker_new -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker_new -->

                  <!-- BEGIN switch_ticker -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker -->

                  <div id="page-body">
                      <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <div id="outer-wrapper">
                            <div id="wrapper">
                              <div id="container">
                                  <div id="content">
                                   
                                    <div id="main">
                                        <div id="main-content">

    <!-- BEGIN html_validation -->
                                        </div>
                                    </div>
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                </div>
            </div>
          </div>
      </div>
    </body>
    </html>
    <!-- END html_validation -->
    footer_begin
    Code:
    <!-- BEGIN html_validation -->
    <div>
      <div>
          <div>
            <div>
                <div>
                  <div>
                      <div>
                        <div>
    <!-- END html_validation -->
                        </div>
                      </div>
                  </div>
                </div>
            </div>
            <div id="{ID_RIGHT}">
                <!-- BEGIN giefmod_index2 -->
                {giefmod_index2.MODVAR}
                <!-- BEGIN saut -->
                <div style="height:{SPACE_ROW}px"></div>
                <!-- END saut -->
                <!-- END giefmod_index2 -->
            </div>
          </div>
      </div>
    </div>
    <div style="height:3px"></div><div id="copyright"><div class="right"><i class="i-barcode"></i> Copyright © 2012 <a href="http://c3zone.forumj.net" target="_blank" title="Bản quyền thuộc 9xStudio và HaiVL"></a>9xStudio...<br />FM punBB Theme : <a title="Giao diện &amp; các chức năng của haivl và 9xstudio"><b>9xStudio...</b></a></div><div class="left">Icons: <a href="http://9xstudio.biz/" target="_blank">9xStudio</a><br />Base Theme: <a href="http://haivl.com/">HaiVL</a></div></div></div></div></div></div></div><div id="right"><div class="module main"></div><div style="height:1px"></div></div>
    <div id="pun-foot">
      <div id="pun-about" class="clearfix">
          <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
            <fieldset>
                <p><label>{L_JUMP_TO}: </label></p>
                {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
            </fieldset>
          </form>
          <ul>
            <li>
    <!-- BEGIN html_validation -->
            </li>
          </ul>
      </div>
    </div>
    <!-- END html_validation -->

    Trả lời nhanh
  • Zzlasperpen
    Zzlasperpen

    Bài gửi 11/8/2013, 9:38 am Zzlasperpen

    đưa thanh nav lên cái nói haivl Cười lăn lộn

    z kiếm skin mặc định thêm nav hotrofm vào là thành skin mặc định ghép hotrofm :))

    Trả lời nhanh
  • www.vn3s.net
    www.vn3s.net

    Bài gửi 11/8/2013, 9:47 am www.vn3s.net

    có mỗi cái nav là của haivl Cười lăn lộn quá rực rỡ

    Trả lời nhanh
  • codonviem
    codonviem

    Bài gửi 11/8/2013, 10:48 am codonviem

    tặng mày cái dislike nhé cu lý do thích tự sướng >:) xàm

    Trả lời nhanh
  • Minion
    Minion

    Bài gửi 11/8/2013, 1:06 pm Minion

    @ lasperpen: bác vewsource xem có giống haivl không

    @ Đại Ka Forumvi: bác xem haivl ngoài nav còn gì

    @ codonviem: bạn ăn nói cho cẩn thận bạn làm được cái gì mà nghe có vẻ giỏi quá

    Trả lời nhanh
  • ܨღ๖ۣۜNgười๖ۣۜTôi๖ۣۜYêuღܨ
    ܨღ๖ۣۜNgười๖ۣۜTôi๖ۣۜYêuღܨ

    Bài gửi 11/8/2013, 1:15 pm ܨღ๖ۣۜNgười๖ۣۜTôi๖ۣۜYêuღܨ

    codonviem đã viết:tặng mày cái dislike nhé cu lý do thích tự sướng >:) xàm
    Mày ngon thì mày rip skin đi đừng sủa ở đây nhé

    Trả lời nhanh
  • Minion
    Minion

    Bài gửi 11/8/2013, 1:42 pm Minion

    ܨღ๖ۣۜNgười๖ۣۜTôi๖ۣۜYêuღܨ đã viết:
    codonviem đã viết:tặng mày cái dislike nhé cu lý do thích tự sướng >:) xàm
    Mày ngon thì mày rip skin đi đừng sủa ở đây nhé
    Tặng bạn 1 like

    Trả lời nhanh
  • Zzlasperpen
    Zzlasperpen

    Bài gửi 11/8/2013, 2:29 pm Zzlasperpen

    skin 9x chỉ css thôi chứ có cần rip nhìu đâu nav haivl chỉ f12 là có z là ghép à Cười lăn lộn

    Trả lời nhanh
  • Minion
    Minion

    Bài gửi 11/8/2013, 3:46 pm Minion

    tôi có dùng css của 9x đâu ( có mỗi con ong) còn lại là haivl

    Trả lời nhanh
  • ST.Kun
    ST.Kun

    Bài gửi 11/8/2013, 4:39 pm ST.Kun

    Chỉnh Sửa: ღ๖ۣۜKool๖ღ ( Còn gọi là Minion )
    Bạn Chình Sửa đc gì hả kể nghe xem để học hỏi :D

    Trả lời nhanh
  • Sponsored content

    Bài gửi Sponsored content

    Trả lời nhanh

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]

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