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

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Kho Skin » Punbb » Skin Màu xám nhẹ -> Khá đẹp (Mới)

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]

Admin
  • Administrator

Admin

Administrator


Admin
Skin Màu xám nhẹ -> Khá đẹp (Mới) Empty

Skin Màu xám nhẹ -> Khá đẹp (Mới)

on 05/05/2012

Admin
loading...

Demo:

Skin Màu xám nhẹ -> Khá đẹp (Mới) 120

CSS:

Code:


    /* layout
    ----------------------------------------------- */
    body {
        background:#f0f0f0 url(http://i43.servimg.com/u/f43/14/73/12/96/body10.gif);
        color: #706242;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        line-height: 135%;
    }


    .affiliates img {
        background-color: #F0F0F0;
        border: 1px solid #999999;
        padding: 2px;
        margin-left: 3px;
        margin-top: 3px;
    }





    span.css-icon {
        float: right;
        margin-top: 10px;
    }

    .newsticker {
        list-style-type: none;
    }

    #updates_ticker {
        background: #EEEEEE;
        border: 1px solid #BCBCBC;
        border-radius: 3px 3px 3px 3px;
        color: #656565;
        font-size: 14px;
        margin: 0 0 10px;
    }
    #updates_ticker > div {
        margin: 0 10px;
        padding: 10px 0;
        position: relative;
    }
    #updates_ticker ul {
        left: 105px;
        position: absolute;
        top: 10px;
    }
    #updates_ticker ul li {
        margin-left: 25px;
        min-width: 400px;
        position: absolute;
        top: 0;
        white-space: nowrap;
    }


    a.topictitle[href="/t38-ranks"]:after {
        color: #009900;
        content: "[Solved]";
        float: right;
        margin-right: 35px;
    }

    a.topictitle[href="/t35-forum-rules-guidelines"]:before {
        color: #BC2A4D;
        content: "[Please Read]";
        margin-right: 3px;
    }

    .author-date {
        font-size: 11px;
        margin-left: 5px;
    }

    .pun .frm .frm-buttons input {
        background: url("http://community.ipbforums.com/public/style_images/img/highlight_faint.png") repeat-x scroll 0 0 #323232;
        border: 1px solid #2B2B2B;
        border-radius: 2px 2px 2px 2px;
        font-weight: bold;
        color: #FFFFFF;
        text-shadow: 0 -1px 0 #2B2B2B;
        cursor: pointer;
        padding: 4px 10px;
    }
    .pun .frm .frm-buttons input:hover {
        background-color: #434343;
        color: #FFFFFF;
    }

    .mainoption {
        background: url("http://community.ipbforums.com/public/style_images/img/highlight_faint.png") repeat-x scroll 0 0 #323232;
        border: 1px solid #2B2B2B;
        border-radius: 2px 2px 2px 2px;
        color: #FFFFFF;
        cursor: pointer;
        font-weight: bold;
        padding: 1px 8px;
        text-shadow: 0 -1px 0 #2B2B2B;
    }
    .mainoption:hover {
        background-color: #434343;
        color: #FFFFFF;
    }

    .main .main-head {
        background-image: url("http://i42.servimg.com/u/f42/14/52/34/74/try10.png");
        margin-top: 10px;
        height: 22px;
        border: 1px solid #00509b;
        border-radius: 5px 5px 0px 0px;
        line-height: 22px;
    }

    .main .main-head .page-title h2{
        background: rgba(0, 0, 0, 0.3);
        border-radius: 0px 4px 4px 0px;
        color: #fff;
        font-size: 13px!important;
        font-weight: bold!important;
        padding-left: 8px;
        padding-right: 4px;
        position: absolute;
        margin-left: -8px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 0 1px rgba(255, 255, 255, 0.05);
        opacity: 1;
        cursor: pointer;
    }

    .main-head h2{
        background: rgba(0, 0, 0, 0.3);
        border-radius: 0px 4px 4px 0px;
        color: #fff;
        font-size: 13px!important;
        font-weight: bold!important;
        padding-left: 8px;
        padding-right: 4px;
        position: absolute;
        margin-left: -16px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 0 1px rgba(255, 255, 255, 0.05);
        opacity: 1;
        cursor: pointer;
    }

    .main .main-head .page-title {
        background: rgba(0, 0, 0, 0.3);
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        width: 187px;
        margin-left: -16px;
        border-radius: 0 4px 4px 0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 0 1px rgba(255, 255, 255, 0.05);
        padding-left: 8px;
        cursor: pointer;
        opacity: 1;
    }

    .csshelp {
        border: 0px solid #5D7382;
    }

    .pun {
        margin-top: 110px;
        padding: 0;
        width: 975px;
        margin-bottom: 15px;
    }

    .pun-crumbs p {
        color: #666666;
        font-size: 1.11em;
        line-height: 1.5;
        margin-left: -25px;
    }

    .pun-crumbs {
        background: none repeat scroll 0 0 #EEEEEE;
        border: 1px solid #CBCBCB;
        border-radius: 2px 2px 2px 2px;
        font-size: 11px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0 10px 0 0;
        text-shadow: 1px 1px 0 #FAFAFA;
    }
    .pun-crumbs a {
        background: none repeat scroll 0 0 #EEEEEE;
        color: #777777;
        display: block;
        float: left;
        padding: 8px 0 8px 40px;
        position: relative;
        text-decoration: none;
    }
    .pun-crumbs a:after {
        border-bottom: 50px solid transparent;
        border-left: 25px solid #EEEEEE;
        border-top: 50px solid transparent;
        content: " ";
        display: block;
        height: 0;
        left: 100%;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        z-index: 2;
    }
    .pun-crumbs a:before {
        border-bottom: 50px solid transparent;
        border-left: 25px solid #CBCBCB;
        border-top: 50px solid transparent;
        content: " ";
        display: block;
        height: 0;
        left: 100%;
        margin-left: 1px;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        z-index: 1;
    }
    .pun-crumbs a :first-child a {
        padding-left: 10px;
    }
    .breadcrumb li:last-child a {
    }
    .pun-crumbs a:hover {
        background: none repeat scroll 0 0 #F5F5F5;
        color: #777777;
    }
    .pun-crumbs a:hover:after {
        border-left-color: #F5F5F5 !important;
    }

    .comment_popup {
        background: #4C8E0E;
        float: right;
        font-family: Helvetica,Arial,sans-serif;
        font-size: 16px;
        font-weight: bold;
        height: 35px;
        line-height: 35px;
        position: relative;
        right: -10px;
        text-align: center;
        top: -3px;
        width: 35px;
        border-radius: 30px 30px 30px 30px;
        color: #fff;
        border: 1px solid #274807;
        opacity: 0.7;
    }

    .pun .posthead h2 strong {
        float: none;
    }

    .status {
        margin-left: -38px!important;
        margin-top: 5px;
    }


    /* post button
    ----------------------------------------------- */
    .i_post {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/button11.gif") no-repeat scroll 0 0 transparent;
        height: 25px;
        width: 96px;
        -webkit-transition:all 250ms linear;
        -moz-transition:all 250ms linear;
        -o-transition:all 250ms linear;
    }
    .i_post:hover {
        background-position: 0 100%;
    }
    .i_reply {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/pr10.gif") no-repeat scroll 0 0 transparent;
        height: 25px;
        width: 96px;
        -webkit-transition:all 250ms linear;
        -moz-transition:all 250ms linear;
        -o-transition:all 250ms linear;
    }
    .i_reply:hover {
        background-position: 0 100%;
    }

    img [src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"] {
        background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/button14.gif");
        width: 88px;
        height: 25px;
        -webkit-transition:all 250ms linear;
        -moz-transition:all 250ms linear;
        -o-transition:all 250ms linear;
    }
    img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]:hover {
        background-position: 0 100%;
    }

    .buttons img {
        background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/button13.gif");
        height: 25px;
        width: 96px;
        -webkit-transition:all 250ms linear;
        -moz-transition:all 250ms linear;
        -o-transition:all 250ms linear;
    }
    .buttons img:hover {
        background-position: 0 100%;
    }

    .i_msg_newpost {
        background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/button12.gif");
        width: 84px;
        height: 25px;
        -webkit-transition:all 250ms linear;
        -moz-transition:all 250ms linear;
        -o-transition:all 250ms linear;
    }
    .i_msg_newpost:hover {
        background-position: 0 100%;
    }




    #pun-intro, #pun-head, #page-body, #pun-foot {
        margin: 0 auto;
        padding: 0;
        width: 1104px;
    }

    #pun-head {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/top-bg10.png") no-repeat scroll center top transparent;
        height: 120px;
        width: 1012px;
    }

    #page-body {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/body-b10.png") repeat-y scroll center top transparent;
        padding: 10px 0;
        width: 1012px;
    }
    #page-body #content {
        padding: 0 30px;
    }

    #pun-foot {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/fot-bg10.png") no-repeat scroll center bottom transparent;
        padding: 15px 20px;
        width: 972px;
    }

    #pun-intro {
        display: none;
    }

    #pun-head #pun-navlinks {
        background-color: transparent;
        border-color: #DDDDDD;
        padding: 3.5em 5.1em 0.6em;
    }

    .sf-stat-info {
        background: none no-repeat scroll 5px 50% transparent;
        padding: 10px 10px 10px 50px;
    }


    dd.forumstats {
        font-size: 1.1em;
        line-height: 1.3em;
        text-align: right;
        padding-right: 25px!important;
    }

    .pun table .tcr {
        overflow: hidden;
        padding: 0 0 0 0.5em !important;
        text-align: left;
        width: 15%;
    }

    /* user ranks
    ----------------------------------------------- */

    .user_ranks div {
        border-radius: 2px 2px 2px 2px;
        color: #FFFFFF;
        display: block;
        line-height: 100%;
        margin: 5px auto;
        padding: 5px 6px;
        text-align: center;
        text-shadow: 0 0 0 transparent, 0 0 3px rgba(0, 0, 0, 0.5);
        width: 102px;
        cursor: pointer;
    }

    .admin {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/highli11.png") repeat-x scroll 0 0 #4E6A97;
        border: 1px solid #425B83;
    }

    .admin:hover {
        background-color: #5976A4;
    }

    .member {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/highli11.png") repeat-x scroll 0 0 #4C8E0E;
        border: 1px solid #274807;
        opacity: 0.8;
    }

    .member:hover {
        opacity: 0.7;
    }

    .user {
        padding: 1.8em 4px;
        border: 1px solid #D7D7D7;
        margin-left: -200px!important;
        margin-top: -30px!important;
        background: url("http://www.pchelpforum.com/xf/styles/pchf/xenforo/gradients/tab-selected-light.png") repeat-x scroll center bottom #FEFEFE;
        border-radius: 3px 3px 3px 3px;
    }

    .pun .user {
        display: inline;
        overflow: hidden;
        padding-top: 1.6em;
        white-space: normal;
        width: 13em;
    }

    .user-basic-info img {
        margin-left: 15px;
        width: 125px;
        height: 125px;
        margin-top: 5px;
    }

    /* content
    ----------------------------------------------- */

    .bubble {
        background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/arr10.png");
        height: 16px;
        left: -33px;
        position: relative;
        top: -35px;
        width: 21px;
    }

    .pun .postmain {
        background-color: #F6F6F6;
        border: 1px solid #DDDDDD;
        margin-left: 17em;
        margin-bottom: 4px;
        border-radius: 3px 3px 3px 3px;
    }

    .pun .posthead {
        background: transparent;
        border-bottom: 0px dashed #CCCCCC;
        padding: 0.5em 1.3em 0.5em 1em;
    }

    .postfoot {
        border-top: 0px dashed #CCCCCC;
        clear: both;
        padding: 0.5em 1em;
        text-align: right;
    }

    .pun .topic {
        background: #fff;
        border: 0px;
    }
    .pun .post:before {
        border: 1px dashed #ccc;
        bottom: 3px;
        left: 3px;
        right: 3px;
        top: 3px;
        position: absolute;
        z-index: -1;
        content: "";
        box-shadow: 0 0 0 1px #fff;
        border-radius: 3px;
    }
    .pun .post {
        background: #F6F6F6;
        border: 1px solid #A9B8C2;
        border-radius: 3px 3px 3px 3px;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 10px;
        position: relative;
        z-index: 0;
    }

    .main .main-foot, .main .main-head {
        background-color: transparent;
        color: #666;
        font-weight: 400;
        padding: 0.7em 1.3em;
    }

    .pun .paged-foot, .pun .paged-head {
        background-color: transparent;
        border: 0px solid #DDDDDD;
        padding: 0.6em 1.3em 0.3em;
    }


    /* nav
    ----------------------------------------------- */


    #primary_nav_container {
      border-bottom: 1px solid #ccc;
    }
    #primary_nav {
      list-style: none;
      padding: 5px 0 4px 0;
      margin: 0 0 0 10px;
      font: 0.75em arial;
    }
    #primary_nav li {
      display: inline;
    }
    #primary_nav li a {
      border: 1px solid #ccc;
      padding: 4px 6px;
      text-decoration: none;
      background-color: #eeeeee;
      border-bottom: none;
      outline: none;
      border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
    }
    #primary_nav li a:hover {
      background-color: #dddddd;
      padding: 4px 6px;
    }
    #primary_nav li.active a {
      border-bottom: 1px solid #fff;
      background-color: #fff;
      padding: 4px 6px 5px 6px;
      border-bottom: none;
    }
    #primary_nav li.active a:hover {
      background-color: #eeeeee;
      padding: 4px 6px 5px 6px;
      border-bottom: none;
    }

    #primary_nav_content_container {
      border: 1px solid #ccc;
      border-top: none;
      padding: 10px;
      width: 400px;
    }


    #header {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: transparent;
        background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/tics10.gif");
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat-x;
        background-size: auto auto;
        border-top-color: #F4F4F2;
        border-top-style: solid;
        border-top-width: 1px;
        width: 100%;
    }

    #logo {
        float: left;
    }
    #logo a {
        -moz-transition: all 0.3s ease-in-out 0s;
        color: #FFFFFF;
        display: block;
        font-family: Oswald,"Trebuchet MS",Arial,Helvetica,sans-serif;
        font-size: 65px;
        letter-spacing: -1px;
        padding: 0 12px;
        text-decoration: none;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
        margin-top: -55px;
    text-transform: uppercase;
    }
    #logo a:hover {
        text-shadow: 0 0 4px #666;
    }

    /* tipsy
    ----------------------------------------------- */
    .tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 999; }
      .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 250px; text-align: center; }
      .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
      .tipsy-arrow { position: absolute; background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
      .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
        .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
        .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
      .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
        .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
        .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
      .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
      .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


    /* tabs
    ----------------------------------------------- */

    #tabs_wrapper {

    }
    #tabs_container {
      border-bottom: 1px solid #ccc;
    }
    #tabs {
      list-style: none;
        margin: 0 0 0 -4px;
        padding: 10px 0 5px;
          font-family: verdana;
        font-size: 13px;
        text-transform: uppercase;
    }
    #tabs li {
      display: inline;
    }
    #tabs li a {
      border: 1px solid #ccc;
      padding: 4px 6px;
      text-decoration: none;
      background-color: #eeeeee;
      border-bottom: none;
      outline: none;
      border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
        margin: 4px;
    }
    #tabs li a:hover {
      background-color: #dddddd;
      padding: 4px 6px;
    }
    #tabs li.active a {
      border-bottom: 1px solid #fff;
      background-color: #fff;
      padding: 4px 6px 5px 6px;
      border-bottom: none;
    }
    #tabs li.active a:hover {
      background-color: #eeeeee;
      padding: 4px 6px 5px 6px;
      border-bottom: none;
    }

    #tabs_content_container {
      border: 1px solid #ccc;
      border-top: none;
      padding: 10px;

    }
    .tab_content {
      display: none;
    }

    /* Quick reply
    ----------------------------------------------- */

    #text_editor_textarea, #textarea_content iframe#text_editor_iframe {
        border: 1px solid #B3B3B3;
        border-radius: 3px 3px 3px 3px;
        color: #59778C;
        font-family: verdana;
        font-size: 13px !important;
        font-weight: normal;
        padding: 5px;
        width: 100% !important;
        height: 200px;
        line-height: 1.6em;
    }
    .before_post_message {
        color: #6E747C;
        font-size: 12px;
        margin: 0 0 4px;
    }


    fieldset.frm-set dl dd {
        margin-left: 0;
    }

    .frm-buttons {
        border-top: 0px double #DDDDDD;
        margin-bottom: -0.7em;
        margin-top: 0.5em;
        padding: 0.7em 0 0 17.5em;
    }

    /* misc
    ----------------------------------------------- */

    .pun a:link {
        color: #6072FF;
        text-decoration: none;
    }
    .pun a:visited {
        color: #6072FF;
    }
    .pun a:hover {
        color: #8470FF;
    }
    .pun a:active {
        color: #7A67EE;
    }

    #pun-about {
        background-color: #fff;
        border: 1px solid #dadada;
        line-height: 150%;
        padding: 0.6em 1em;
        text-align: right;
    }
    #pun-about ul li a {
        font-weight: normal;
    }
    #pun-about #qjump {
        display: none;
    }



    #backtotop:hover {
        opacity: 0.7;
    }
    #backtotop {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/icon_t10.png") no-repeat scroll 0 0 transparent;
        bottom: 50px;
        cursor: pointer;
        display: none;
        position: fixed;
        right: 80px;
        text-indent: -9999px;
        width: 40px;
        height: 40px;
        opacity: 0.4;
    }

    /* code and quote
    ----------------------------------------------- */

    .codebox {
        background-color: #E8E8E8;
        border: 1px solid #bebebe;
        box-shadow: 0 0 0 1px #fff inset;
        color: #6A6A6A;
        margin: 1em;
        text-shadow: 1px 1px 1px #FFFFFF;
    }
    .codebox dt {
        border-bottom: 1px dashed #bebebe;
        color: #888;
        font-weight: bold;
        padding: 0.25em;
    }
    .codebox dd {
        background-color: transparent;
        margin: 0.5em;
        padding: 0.5em;
    }

    .postmain blockquote:before {
        content: url("http://forumcdn.wordreference.com/images/misc/quote-left.png");
        height: 13px;
        position: absolute;
        width: 9px;
        top: 12px;
        left: -9px;
    }
    .postmain blockquote {
        background-color: #F2F6F8;
        border: 1px solid #417394;
        padding: 0.5em 1em;
        border-radius: 5px 5px 5px 5px;
        font: 13px Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif;
        margin: 0 10px 10px;
        position: relative;
    }
    .postmain cite {
        display: block;
        font-style: normal;
        font-weight: 700;
        margin: 0 0 1em;
        background: url("http://forumcdn.wordreference.com/images/misc/quote_icon.png") no-repeat scroll left center transparent;
        padding-left: 20px;
    }

    #pun-legend {
        display: none;
    }

    .css_login:focus {
        border: 1px solid #11A3EA;
        color: #0F4987;
    }
    .css_login:hover {
        border: 1px solid #11A3EA;
    }
    .css_login {
        border: 1px solid #B4BAC0;
        width: 15%;
        color: #333;
        padding: 2px;
        background: #F2F3F3;
    }



    .pun .main-content {
        background-color: #FBFBFB;
        border: 1px solid #cdcdcd;
    }

    .pun table.table td {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/back210.png") repeat-x scroll center bottom #FFFFFF;
        line-height: 130%;
        padding: 0.6em 0 0.7em;
        border: 1px solid #C4C4C4;
    }
    .pun .main table td.tc2, .pun .main table td.tc3 {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/back210.png") repeat-x scroll left bottom #FFFFFF;
        border-left: 1px solid #C4C4C4;
        border-right: 1px solid #C4C4C4;
    }

    .select-link {
        text-transform: uppercase;
        margin-left: 5px;
        font-weight: normal;
        text-shadow: none;
    }

    /* Sprite CSS
    ----------------------------------------------- */

    .sprite-icon_post_target {
    background: url("http://2img.net/i/fa/sprite_icons.png") no-repeat scroll -765px 0 transparent;
    height: 9px;
    width: 13px;
    margin-top: 4px;
    }

    .sprite-icon_post_target_unread {
        background: url("http://2img.net/i/fa/sprite_icons.png") no-repeat scroll -826px 0 transparent;
        height: 9px;
        width: 13px;
        margin-top: 4px;
    }

     
    .module-advert{display:none;}

Index_Body

Code:
    <!-- BEGIN switch_user_logged_in -->
    <style>
    .module-advert{display:none;}
    </style>
    <!-- END switch_user_logged_in -->
    {JAVASCRIPT}
    <!-- BEGIN switch_user_logged_in -->
    <div id="pun-visit" class="clearfix">
      <ul>
            <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
            <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
          <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
          <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
      </ul>
      <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
    </div>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_out -->
    <div id="pun-visit">
      <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
    </div>
    <!-- END switch_user_logged_out -->

    <!-- BEGIN message_admin_index -->
    <div class="main">
      <!-- BEGIN message_admin_titre -->
      <div class="main-head">
          <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
      </div>
      <!-- END message_admin_titre -->

      <!-- BEGIN message_admin_txt -->
      <div id="pun-announcement">
          <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
      </div>
      <!-- END message_admin_txt -->
    </div>
    <!-- END message_admin_index -->

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

    {CHATBOX_TOP}
    {BOARD_INDEX}

    <!-- BEGIN disable_viewonline -->
    <div id="pun-info" class="main">
      <div class="main-content">
          <div id="stats">
            <p class="right">{TOTAL_POSTS}</p>
            <p>{TOTAL_USERS}</p>
            <p>{NEWEST_USER}</p>
          </div>
          <div id="onlinelist">
            <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
            <p class="right">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
            </p>
            <p>{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}

            <br />
            {LOGGED_IN_USER_LIST}

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

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

          </div>
          <!-- BEGIN switch_chatbox_activate -->
          <div id="onlinechat">
            <p class="page-bottom">
            {TOTAL_CHATTERS_ONLINE} :
            {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                  insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                </script>
            <!-- END switch_chatbox_popup -->
            </p>
          </div>
          <!-- END switch_chatbox_activate -->
      </div>
    </div>
    <!-- END disable_viewonline -->

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

    {CHATBOX_BOTTOM}

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

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
      oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

Trả lời nhanh


  • Admin
    Admin

    Bài gửi 5/5/2012, 7:19 pm Admin

    Index_BOX

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

          <!-- BEGIN forumrow -->
                      <tr>
                        <td class="tcl" style="padding-right: 0px; {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 65px;">
                            <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -47px;">
                                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                            </span>
                            <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                            <br />
                            {catrow.forumrow.FORUM_DESC}
                            <!-- BEGIN switch_moderators_links -->
                            <br />
                            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                            <!-- END switch_moderators_links -->
                            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                            <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                          </td>
                        <td style="border-left: none;text-align: right; padding-right: 15px;">Threads: {catrow.forumrow.TOPICS}<br />
                                                        Posts: {catrow.forumrow.POSTS}</td>
                          <td class="tcr">
                            <span>
                            <!-- BEGIN switch_topic_title -->
                            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                            <!-- END switch_topic_title -->
                            {catrow.forumrow.USER_LAST_POST}
                            </span>
                          </td>
                      </tr>
          <!-- END forumrow -->

          <!-- BEGIN tablefoot -->
                    </tbody>
                </table>
              </div>
              <img border="0" src="http://i43.servimg.com/u/f43/17/03/56/26/think11.png">
          <!-- END tablefoot -->
        <!-- END catrow -->
        </div>

        <!-- BEGIN switch_on_index -->
        <div class="main-box clearfix">
          <ul>
              <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
              <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
              <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
          </ul>
          <!-- BEGIN switch_delete_cookies -->
          <p class="right">
              <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
          </p>
          <!-- END switch_delete_cookies -->
        </div>
        <!-- END switch_on_index -->

    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" />
          <!-- 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');
                pm.focus();
              <!-- END switch_enable_pm_popup -->
              <!-- BEGIN switch_report_popup -->
                report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
                report.focus();
              <!-- END switch_report_popup -->
              <!-- BEGIN switch_ticker -->
                ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
              <!-- END switch_ticker -->
          });

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

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

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

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

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

            (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 class="minwidth_IE">
              <div class="layout_IE">
                <div class="container_IE">
                    <div class="pun">
                      <div id="inside">
        <div id="logo">
        <a accesskey="1" rel="home" title="Go to community index" href="/">Cntt-k3.biz</a></div>

                         
                      </div>
                      <div id="pun-head">
                          <div id="pun-navlinks">
                            <ul class="clearfix">
                                <li>{GENERATED_NAV_BAR}</li>
                            </ul>
                          </div>
                      </div>

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

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

                      <div id="page-body">
                          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                            <div id="outer-wrapper">
                                <div id="wrapper">
                                  <div id="container">
                                      <div id="content">
                                        <div id="{ID_LEFT}">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                            <!-- BEGIN saut -->
                                            <div style="height:{SPACE_ROW}px"></div>
                                            <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                        </div>
                                        <div id="main">
                                            <div id="main-content">

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

    Nguồn: Cntt-k3

    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]

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Kho Skin » Punbb » Skin Màu xám nhẹ -> Khá đẹp (Mới)

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