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]

Admin
  • Administrator

Admin

Administrator


Admin
Skin Back (Mới) Empty

Skin Back (Mới)

on 05/05/2012


Admin
loading...

Demo:

Skin Back (Mới) 217

CSS

Code:
    .module-advert{display:none;}



    body {
          color: #c8c8c8;
                font-size: 12px;
                padding: 10px;
                font-family: 'Verdana', 'Sans Serif', 'Trebuchet MS', 'Arial', 'Helvetica', 'Times';
          }

        body {
          font-family: 'Indie Flower', serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          text-shadow: none;
          text-decoration: none;
          text-transform: none;
          letter-spacing: 0em;
          word-spacing: 0em;
          line-height: 1.2;
        }

        @font-face {
                font-family: 'Indie Flower', serif;
                src: url("http://www.google.com/webfonts/family?family=Indie+Flower&subset=latin");
        }

        .pun {
          width: 900px;
          padding: 10px;
          background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-bg10.png);
                border: 1px solid #1E1E1D;
                -webkit-box-shadow: black 0px 0px 1px;
                -moz-box-shadow: black 0px 0px 1px;
                -o-box-shadow: black 0px 0px 1px;
                box-shadow: black 0px 0px 1px;
                border-radius: 5px;
              -webkit- border-radius: 5px;
                -moz-border-radius: 5px;
                -o-border-radius: 5px;
                }
        hr {
          height: 1px;
          margin: 4px;
                border: 1px solid #333;
          border-top: 1px solid #333;
          border-bottom: 1px solid #111;
          }
        a:link, a:visited {
          outline: none;
          text-decoration: none;
          }
        a:hover {
          text-decoration: none;
          }
        #pun-intro {
          border-bottom: none;
          background: transparent;
                }
        .crumbs, #pun-visit, #pun-about #qjump, ul#pun-legend, ul.pun-legend {
          display: none;
          }
        .pun .main-content, #pun-about, #pun-head #pun-navlinks, .main .main-foot, .main .main-head, .main-box, .pun .paged-foot, .pun .paged-head, .pun .postmain, .main .main-content.frm, .pun .frm-form, td.avatar-mini img, .faq dd, .postfoot, .pun .post .user {
          background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
                border: 1px solid #1E1E1D;
                -webkit-box-shadow: black 0px 0px 1px;
                -moz-box-shadow: black 0px 0px 1px;
                -o-box-shadow: black 0px 0px 1px;
                box-shadow: black 0px 0px 1px;
                border-radius: 0px;
              -webkit- border-radius: 0px;
                -moz-border-radius: 0px;
                -o-border-radius: 0px;
                margin-top: 4px;
                padding: 6px;
          }
        .pun table.table td{
                border: 1px solid #1E1E1D;
                -webkit-box-shadow: black 0px 0px 1px;
                -moz-box-shadow: black 0px 0px 1px;
                -o-box-shadow: black 0px 0px 1px;
                box-shadow: black 0px 0px 1px;
                border-radius: 0px;
              -webkit- border-radius: 0px;
                -moz-border-radius: 0px;
                -o-border-radius: 0px;
                }
        .pun .frm .frm-form table  {
          background: transparent;
                border: none;
          }
        .main .main-head .page-title {
          font-size: 18px;
          color: #F2EADA;
          }
        .main .main-foot, .main .main-head {
                padding: 10px;
          }
        #stats, #onlinelist, .pun table.table th, .pun table.table td, .pun .main table td.tc2, .pun .main table td.tc3, .pun .main table.table td.td-title  {
          background: transparent;
                }
        #onlinelist, .frm-buttons {
                border-top: none;
                }
        .pun .posthead {
                border: none;
                border-bottom: 1px solid #1E1E1D;
          background: transparent;
                }
        fieldset.frm-set.multi {
                border-bottom: none;
                }
        .pun .postmain {
                border-left: 1px solid #1E1E1D;
                }
        .pun .post {
                border: none;
                }
        .pun table.table th {
                color: #c8c8c8;
                }
        .pun table .tdtopics .status {
                margin-left: -50px;
                }
        .pun .post .user {
        margin-left: -178px;
        margin-top: -35px;
        }
        .postfoot {
                margin-left: 0px;
                padding: 10px;
                }
        input[type="submit"],input[type="reset"], button.button2, input.button2,  input[type="button"], .main-content.standalone .button {
        cursor: pointer;
      width: auto;
      display: inline-block;
      padding: 4px 5px;
      border: 1px solid #AAA;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      font-weight: bold;
      color: #717780;
      line-height: 16px;
      text-decoration: none !important;
      background: WHITE;

                }

        input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button.button2:hover, input.button2:hover, .main-content.standalone .button:hover{
                color: #717780;
                border:1px solid #ccc;
                }
        input[type="submit"]:active,input[type="reset"]:active, button.button2:active, input.button2:active, input[type="button"]:active, .main-content.standalone .button:active{
                border:1px inset #ccc;
                }
        input[name="post"], input[name="preview"], input[name="draft"]{
                padding:5px !important;
                }
        input[type="text"], #text_editor_textarea.quick_reply_textarea, input[type="password"], input[type="textarea"], textarea.inputbox, #text_editor_textarea, textarea#comments {
                background: #717780;
                -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
                padding : 5px;
                border: 1px dashed #ccc;
                }
        input[type="text"]:focus, #text_editor_textarea.quick_reply_textarea:focus, input[type="password"]:focus, input[type="textarea"]:focus, .inputbox:focus, #text_editor_textarea:focus, textarea#comments:focus {
                outline:none;
                }
        input#friend, input#foe {
          margin-top:5px;
          }
        .main-content.standalone .button.button1 {
          font-weight: normal;
          }
        input.button1 {
          margin-left:3px;
          }
        #text_editor_cmd_switchmode{
          display:none;
          }
        fieldset.left {
          width: 35%;
          float: left;
          }
        fieldset.right {
          width: 45%;
          float: right;
          }
        .frm-form fieldset.frm-set .inputbox {
          width: 55%;
                padding: 3px;
          }
        .frm-form fieldset.frm-set textarea.inputbox {
          width: 55%;
          }
        .frm-form fieldset.frm-set .italic, #pun-qpost .main-head.clearfix p.h2{
          display:none;
          }
        .frm-form fieldset.frm-set input[type="radio"] {
          margin: 0 0.5em 0 0;
          }
        #textarea_content label {
                display:none;
          }
        #text_editor_textarea.quick_reply_textarea {
                width : 590px !important;
                margin-left: -3px;
                font-family: Arial,Helvetica,sans-serif;
                font-size: 17px;
                }
        #quick_reply #textarea_content textarea {
                border : none;
                background : transparent;
                resize:none;
                }
        #quick_reply  #textarea_content .dd-textarea {
                margin-top: 5px;
                margin-left: 116px;
                background : transparent url(http://i20.servimg.com/u/f20/15/20/70/09/quick-10.png) no-repeat;
                width : 612px;
                height : 160px;
                }
        #pun-foot .center {
                background: url(Copyright IMG) no-repeat right;
                }

        .mulit-iocns img{
          margin-left: 47px;
          }

        / *-- Removal of negative voting button in messages --* /
        .vote .vote-button, .vote-no-bar {
          display:none;
        }
        .vote .vote-button:first-child {
            display:block;
        }

        .vote {
            width: 24px; / *-- Width of the image chosen --* /
        }

        /* Table Line----------------------------------------------*/
        .cat1 td{
                border: none;
                padding: 10px;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -o-box-shadow: none !important;
        box-shadow: none !important;
        text-align:center;
          }

        /* jQuery Stat----------------------------------------------*/
            #tabs ul li.activetab a {
              background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
                    border: 1px solid #1E1E1D;
                    -webkit-box-shadow: black 0px 0px 1px;
                    -moz-box-shadow: black 0px 0px 1px;
                    -o-box-shadow: black 0px 0px 1px;
                    box-shadow: black 0px 0px 1px;
              }
            #tabs ul li.activetab a:hover {
              background: transparent;
              }
            #tabs ul li a {
              background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
                    border: 1px solid #1E1E1D;
                    -webkit-box-shadow: black 0px 0px 1px;
                    -moz-box-shadow: black 0px 0px 1px;
                    -o-box-shadow: black 0px 0px 1px;
                    box-shadow: black 0px 0px 1px;
              }
            #tabs ul li a:hover {
                background: transparent;
                }

        /* Blog----------------------------------------------*/
        .blog .icon {
          background-position: 10px 20px !important;
          }
        .blog .dterm {
          width: 94% !important;
          background-position: 5px 20px !important;
          }
        .blog_cal-border {
          display: inline;
          float: left;
          border: 1px solid #dbdada;
          background: #efeded;
          padding: 1px;
          font-size: 1.2em;
          margin-right: 1em;
          }
        .blog_cal-content {
          width: 2.9em;
          background: #dbdada;
          padding: 1px;
          line-height: 1.4em;
          text-align: center;
          font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
          color: #ffffff;
          }
        .blog_cal-content span {
          display: block;
          }
        .blog_cal-day {
          padding-left: 0.2em;
          font-size: 1.6em;
          letter-spacing: 0.2em;
          }
        .blog_cal-month {
          line-height: 0.7em;
          font-size: 2em;
          font-weight: bold;
          }
        .blog_cal-year {
          line-height: 1.2em;
          font-size: 0.8em;
          }
        .blog_title {
          padding-top: 1em;
          font-size: 1.3em;
          }
        .blog_title h2 {
          display: inline;
          }
        .blog_title .topictitle {
          font-size: 1.2em;
          }
        .blog_message {
          margin-top: 0.5em;
          font-size: 1.1em;
          }
        .blog .codebox dt {
          width: 92%;
          }
        * html .blog .codebox dt,*+html .blog .codebox dt {
          width: 100%;
          }
        .blog_comments {
          text-align: right;
          }
        .blog_comments img {
          vertical-align: middle;
          }
        #blog_comments {
          width: 90%;
          margin: 0 auto;
          }
        #blog_comments .postbody {
          width: 96%;
          }
        .blog_comment-avatar {
          float: left;
          }
        .blog_comment-avatar img {
          background-color: #fff;
          border: 1px solid #dbdada;
          vertical-align: middle;
          width: 38px;
          margin: 5px 5px 0 0;
          }
        #blog_comments .h3 {
          overflow: hidden;
          margin-top: 0;
          margin-left: 45px;
          padding: 0;
          min-height: 22px;
          }
        .blog_comment-title {
          float: left;
          min-height: 12px;
          margin-top: 7px;
          }
        #blog_comments .profile-icons {
          margin: 0;
          list-style-position: inherit;
          }

        #organic-tabs { background: #; padding: 2px; margin: 0 0 15px 0; }

            #explore-nav { overflow: hidden; margin: 0 0 10px 0; }
            #explore-nav li { width: 97px; float: left; margin: 0 10px 0 0; }
            #explore-nav li.last { margin-right: 0; }
            #explore-nav li a { display: block; padding: 5px; background: #; color: white; font-size: 10px; text-align: center; border: 1px solid #; }
            #explore-nav li a:hover { background-color: #; }

            #jquerytuts, #core, #classics { display: none; }

            #explore-nav li#ex-featured a.current, ul#featured li a:hover {  color: white; }
            #explore-nav li#ex-core a.current, ul#core li a:hover {color: white; }
            #explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { color: white; }
            #explore-nav li#ex-classics a.current, ul#classics li a:hover { color: white; }

        /* Chatbox-------------------------------------------------*/
        body.chatbox {
          background-image: none;
          }
        .chatbox {
          background-color: #efeded;
          }
        #chatbox_header {
          height: 30px;
          background-color: #dbdada;
          }
        .chatbox .forabg {
          margin: 0;
          border: none;
          padding: 0;
          margin: 0;
          background-color: #dbdada;
          }
        .chatbox-title,.chatbox-title a.chat-title {
          color: #ffffff !important;
          }
        .chatbox-title {
          float: left;
          margin: 0;
          padding: 2px 5px 0 5px;
          width: 15em;
          }
        .chatbox-options {
          float: right;
          list-style: none;
          font-size: 11px;
          margin: 0.7em 0.5em 0.5em 0.5em;
          }
        .chatbox-options li {
          display:inline;
          }
        .chatbox-options li,.chatbox-options li a,.chatbox-options li label {
          color: #ffffff;
          }
        #chatbox_members {
          position: absolute;
          top: 30px;
          bottom: 30px;
          width: 180px;
          overflow: auto;
          border-right: 1px solid ;
          }
        #chatbox_members .member-title {
          text-align: center;
          padding: 0.5em 0.25em;
          background-image: none;
          font-size: 12px;
          background-color: #cadceb;
          color : #105289;
          font-family: Verdana,Arial,Helvetica,sans-serif;
          }
        #chatbox_members ul {
          list-style: none;
          margin: 0 0 0 1em;
          }
        #chatbox_members ul li {
          margin: 0.5em 0.5em 0.5em 0;
          }
        #chatbox {
          position: absolute;
          top: 30px;
          left: 181px;
          right: 0;
          bottom: 30px;
          overflow: auto;
          line-height: 10px;
          }
        .chatbox_row_1 {
          padding: 4px;
          background-color: #efeded;
          }
        .chatbox_row_2 {
          padding: 4px;
          background-color: #efeded;
          }
        .chatbox_row_3 {
          padding: 4px;
          background-color: #cadceb;
          }
        .memberlist_row_1 {
          background-color: #efeded;
          }
        #chatbox_footer {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding: 5px;
          }
        #chatbox_footer label {
          color: #ffffff;
          }
        #message,#submit_button{
          border-width: 1px;
          }
        .fontbutton {
          padding: 1px;
          cursor: pointer;
          text-align: left;
          }
        .fontbutton_normal {
          background: #E1E1E2;
          }
        .fontbutton_selected {
          background: #BBC7CE;
          border: 1px solid #22229C;
          }
        .fontbutton_clicked {
          background: #959595;
          border: 1px solid #22229C;
          }
        .fontbutton_hover {
          background: #E1E1E2;
          border: 1px solid #22229C;
          }
        #chatbox_contextmenu {
          border: 2px solid black;
          background-color: #cadceb;
          }
        #chatbox_contextmenu p {
          margin:0;
          padding: 1px 4px;
          font-family: verdana, arial, sans-serif;
          background: #efeded;
          border-bottom:1px solid #777;
          }
        #chatbox_contextmenu p.hover {
          background: #efeded;
          }
        #chatbox_contextmenu p.close {
          background: #ddd;
          padding: 1px;
          font-size: 95%;
          color:#fff;
          background: url('');
          }
        #chatbox_contextmenu p.close img {
          vertical-align: middle;
          padding-left: 20px;
          }
        #chatbox_contextmenu a {
          color: #105289;
            text-decoration: none;
            font-size: 95%;
          }
        #chatbox_contextmenu a:hover {
          color: ;
          }
        .fontbutton {
          background:#E1E1E2 none repeat scroll 0%;
          border:medium none;
          color:#000000;
          float:left;
          margin-right:10px;
          padding:1px;
          }
        #chatbox .user {
          font-weight: bold;
          }
        * html #chatbox-members {
       
        /* IE expressions helping IE work in Standards mode */
        height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
          }
        * html #chatbox {
       
        /* IE expressions helping IE work in Standards mode */
        height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
          width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
          }
        * html #chatbox-footer {
     
        /* IE expressions helping IE work in Standards mode */
        width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
          }

        body {
            margin: 0;
            padding: 0;
            font: 10px normal Verdana, Arial, Helvetica, sans-serif;
            height: 100%;
        }
        * {margin: 0; padding: 0; outline: none;}
        img {border: none;}
        h1 {
            font-size: 1.2em;
            padding: 5px 10px;
            color: #ccc;
            width: 940px;
            margin: 0 auto;
        }
        h1 a {    color: #fff; }
        h1 span {font-weight: normal;}


        .postmain blockquote, .codebox {
        background: transparent;
        -moz-box-shadow: black 0 0 1px;
        -o-box-shadow: black 0 0 1px;
        -webkit-box-shadow: black 0 0 1px;
        border: 1px solid #1E1E1D;
        box-shadow: black 0 0 1px;
        }
        .codebox dd {
        background: transparent;
        }
        .codebox dt {
        border-bottom: 1px dotted #333;
        }


        /*--message box--*/

        .msgbox {
                width: 300px;
                padding: 4px;
                background-image:url(http://i28.servimg.com/u/f28/16/08/05/20/wm-bg10.png);
                border: 1px solid #343434;
          font-weight: bold;
          color:gray;
          border-radius: 3px;
          -moz-border-radius: 3px;
                -moz-box-shadow: 0px 0px 1px #000;
          -webkit-box-shadow: 0px 0px 1px #000;
        }

        #footpanel ul li div a { /*--Reset link style for sub-panel links--*/
          text-indent: 0;
          width: auto;
          height: auto;
          padding: 0;
          float: none;
          color: #00629a;
          position: static;
        }
        #footpanel ul li div a:hover {  text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

        #footpanel .subpanel {
          position: absolute;
          left: 0; bottom: 27px;
          display: none;  /*--Hide by default--*/
          width: 198px;
          border: 1px solid #555;
          background: #fff;
          overflow: hidden;
        }
        #footpanel h3 {
          background: #526ea6;
          padding: 5px 10px;
          color: #fff;
          font-size: 1.1em;
          cursor: pointer;
        }
        #footpanel h3 span { /*--Right aligned "-" icon--*/
          font-size: 1.5em;
          float: right;
          line-height: 0.6em;
          font-weight: normal;
        }

        #footpanel .subpanel ul{
          padding: 0; margin: 0;
          background: #fff;
          width: 100%;
          overflow: auto;
          padding-bottom: 2px;
        }
        #footpanel .subpanel li{
          float: none; /*--Reset float--*/
          display: block;
          padding: 0; margin: 0;
          overflow: hidden;
          clear: both;
          background: #fff;
          position: static;  /*--Reset relative positioning--*/
          font-size: 0.9em;
        }

        #chatpanel .subpanel li { background: url(http://www.sohtanaka.com/web-design/examples/footer-panel/dash.gif) repeat-x left center; }
        #chatpanel .subpanel li span {
          padding: 5px;
          background: #fff;
          color: #777;
          float: left;
        }
        #chatpanel .subpanel li a img {
          float: left;
          margin: 0 5px;
        }
        #chatpanel .subpanel li a{
          padding: 3px 0;  margin: 0;
          line-height: 22px;
          height: 22px;
          background: #fff;
          display: block;
        }
        #chatpanel .subpanel li a:hover {
          background: #3b5998;
          color: #fff;
          text-decoration: none;
        }

        a.select-link{float: right;}


        /*---fb tooltip---*/
        .tipsy {
          font-size: 20px;
          position: absolute;
          z-index: 999;
          margin-top: -10px;
          padding: 5px;
                }
        .tipsy-inner {
          background-color: #603311;
                text-shadow: 1px 1px 0px #555;
                color: #fff;
          max-width: 400px;
          text-align: center;
          border-radius: 3px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          padding: 5px 8px 4px;
          text-shadow:0px -1px 1px #000;
                }
        .tipsy-arrow {
          position: absolute;
          background: url('http://i22.servimg.com/u/f22/15/42/72/40/tipsy10.png') 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;
                }

        / *-- cool box on forum  --* /

        .testpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .testpostbox {
        color: #AA0000;
        background-color: #BDE5F8;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emotes/face-smile.png');
        }

        .alertbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .alertbox {
        color: #AA0000;
        background-color: #BDE5F8;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-warning.png');
        }

        .infopostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .infopostbox {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emblems/emblem-important.png');
        }

        .blockpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .blockpostbox {
        color: #AA0000;
        background-color: #4B777D;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-error.png');
        }

        .attcpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .attcpostbox {
        color: #FFFFFF;
        background-color: #BDE5F8;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/mail-attachment.png');
        }

        .attcpostbox2 {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .attcpostbox2 {
        color: #000000;
        background-color: #FFFFFF;
        background-image: url('http://i22.servimg.com/u/f22/16/52/61/30/icon-a10.png');
        }

        .designerpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .designerpostbox {
        color: #29A9FF;
        background-color: #6229ff;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/categories/applications-office.png');
        }

        .techpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .techpostbox {
        color: #990099;
        background-color: #470099;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emblems/emblem-system.png');
        }

        .sugpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .sugpostbox {
        color: #7a9900;
        background-color: #c8fa00;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-information.png');
        }

        .solvedpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .solvedpostbox {
        color: #00fa26;
        background-color: #03ab1d;
        background-image: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png');
        }

        .rulesbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .rulesbox {
        color: #00FFFF;
        background-color: #0000FF;
        background-image: url('http://i22.servimg.com/u/f22/16/22/44/20/privac11.png');
        }

        / *-- tooltip  --* /
        .tip {
          color: #fff;
          background:#1d1d1d;
          display:none; /*--Hides by default--*/
          padding:10px;
          position:absolute;  z-index: 999;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
        }

        / *-- lastpostdesign  --* /
        .lastpost{
        margin: 3px;
        width : auto;
        border : 2px solid #EEE;
        -moz-border-radius : 7px;
        -webkit-border-radius : 7px;
        border-radius : 7px;
        -moz-box-shadow : 0 0 8px #666;
        -webkit-box-shadow : 0 0 8px #666;
        box-shadow : 0 0 8px #666;}

        .pun .user-ident .username {
        position: initial;
        }

        / *-- tb tweet buttom  --* /
        a.facebook-button {
            background: url("http://i29.servimg.com/u/f29/15/99/65/23/facebo12.png") no-repeat;
            display: block;
            height: 26px;
            width: 155px;
        }

        a.facebook-button:hover {
            background-position: 0 -26px;
        }

        a.twitter-button {
            background: url("http://i29.servimg.com/u/f29/15/99/65/23/twitte12.png") no-repeat;
            display: block;
            height: 26px;
            width: 155px;
        }

        a.twitter-button:hover {
            background-position: 0 -26px;
        }

        / *-- category design  --* /
              #index_table td{border-left: 0;}

            #forum_box{width: 70%;}

            #m_stats a{color: white !important;}

            #m_stats{
            text-align: center;
            float: right;
            margin-right: 10px;
            min-width: 180px !important;
            color: white;
            padding: 5px;
            background: black;
            font-weight: bold;
            background: black;
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;}

            #stats_separator{
            margin-top: 5px;
            float: right;}

            #post_no{color: red;}

            #topics_no{color: blue;}

        / *-- backtotop  --* /

        a#bm-arrow-top {position:fixed;  bottom:30px;right:30px;  display:block;background:#fff; width:24px;height:24px; overflow:hidden; background:url(http://www.net-kit.com/wp-content/plugins/back2top/backtotop.png) top left no-repeat; text-indent:-99999em; text-decoration:none; outline:none;  border:none;}
        a:hover#bm-arrow-top {background-position:bottom left;}

        / *-- galleryproposals  --* /
            /*--- This part corresponds at the forum description ---*/
            .forum-description {
                  margin: auto;
                  padding: 10px;
                  color: #000000;
                  width: 80%;
                  border: 3px solid #000000;
                  -moz-border-radius: 14px;
                  -webkit-border-radius: 14px;
                  font-size: 12px;
            }

            /*--- This part corresponds to "X messages in X topics" ---*/
            .forum-stats {
                  -moz-border-radius-topleft: 20px;
                  -moz-border-radius-topright: 20px;
                  -webkit-border-top-right-radius: 20px;
                  -webkit-border-top-left-radius: 20px;
                  border-top-right-radius: 20px;
                  border-top-left-radius: 20px;
                  border-bottom: 0 none !important;
                  border-left: 3px solid #000000;
                  border-right: 3px solid #000000;
                  border-top: 3px solid #000000;
                  color: #000000;
                  font-size: 11px;
                  font-style: italic;
                  height: 14px;
                  left: 280px;
                  padding: 3px;
                  position: relative;
                  text-align: center;
                  width: 200px;
            }

            /*--- This part corresponds to the subforums display ---*/
            .forum-sousforum {
                  color: #000000;
                  border: 3px solid #000000;
                  border-top: 0px !important;
                  -moz-border-radius-bottomleft: 14px;
                  -moz-border-radius-bottomright: 14px;
                  -webkit-border-bottom-right-radius: 14px;
                  -webkit-border-bottom-left-radius: 14px;
                  border-bottom-right-radius: 14px;
                  border-bottom-left-radius: 14px;
                  margin: auto;
                  padding: 4px;
                  color: #000000;
                  width: 50%;
                  text-align: center;
                  height: 14px;
                  font-size: 11px;
            }

        .thumb {
            float: left;
            margin: 5px 20px 20px 0;
            padding: 5px;
            border: 1px solid #ccc;
            background: #f0f0f0;
        }
        .description {overflow: hidden;}=

    h2.chatbox-title:after { content: "GH Chatbox"; }
    a.chat-title { display: none; }
    .tcl > span a {
    padding-right: 20px;
    }

    /* Chatbox-------------------------------------------------------------*/
    body.chatbox {
      background-image: none;
      padding: 0;
      margin: 0;
      background-color: #ffffff;
      }
    #chatbox_header {
      height: 30px;
      }
    #chatbox_header.main-head {
      padding: 0 1.3em;
      color: #fff;
      background: url(http://i71.servimg.com/u/f71/16/21/18/28/header10.png);
      }
    .chatbox-title,.chatbox-title a.chat-title {
      color: #fff;
      text-decoration: none;
      }
    .chatbox-title {
      float: left;
      margin: 0;
      padding: 2px 5px 0 5px;
      width: 15em;
      }
    .chatbox-options {
      float: right;
      list-style: none;
      font-size: 11px;
      margin: 0.7em 0.5em 0.5em 0.5em;
      }
    .chatbox-options li {
      display:inline;
      }
    .chatbox-options li,.chatbox-options li a,.chatbox-options li label {
      color: #dedfdf;
      }
    #chatbox_members {
      position: absolute;
      top: 30px;
      bottom: 30px;
      width: 180px;
      overflow: auto;
      border-right: 1px dashed #ccc;
      }
    #chatbox_messenger_form {
      margin: 10px 0 0 0;
      }
    #chatbox_members .member-title {
      text-align: center;
      padding: 0.5em 0.25em;
      background-image: none;
      font-size: 12px;
      background-color: #f4f9fd;
      color : #00569c;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      }
    #chatbox_members ul {
      list-style: none;
      margin: 0 0 0 1em;
      }
    #chatbox_members ul li {
      margin: 0.5em 0.5em 0.5em 0;
      }
    #chatbox {
      position: absolute;
      top: 30px;
      left: 181px;
      right: 0;
      bottom: 30px;
      overflow: auto;
      line-height: 10px;
      }
    #chatbox p {
      line-height: 1.2em;
      }
    .chatbox_row_1 {
      padding: 8px;
      background-color: #fbfbfb;
            margin: 5px;border-radius: 5px;
      }
    .chatbox_row_2 {
      padding: 8px;
      background-color: #fbfbfb;
            margin: 5px;border-radius: 5px;
      }
    .chatbox_row_3 {
      padding: 8px;
      background-color: #fbfbfb;
            margin: 5px;
            border-radius: 5px;
      }
    #chatbox .user {
      font-weight: bold;
      }
    .memberlist_row_1 {
      background-color: #fbfbfb;
      }
    #chatbox_footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border-top: 1px dashed #ccc;
            background: url(http://i71.servimg.com/u/f71/16/21/18/28/header10.png);
            margin-bottom: -5px;
      }
    #message,#submit_button{
      border-width: 1px;
      }

    /*------ NAV BY Verrell123--------*/
    #nav {
      margin: 0;
      padding: 7px 6px 0;
      background: #534C33 url(http://www.webdesignerwall.com/demo/css3-dropdown-menu/img/gradient.png) repeat-x 0 -110px;
      line-height: 100%;

      border-radius: 0.5em;
      -webkit-border-radius: 0.5em;
      -moz-border-radius: 0.5em;

      -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
      -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    }
    #nav li {
      margin: 0 5px;
      padding: 0 0 8px;
      float: left;
      position: relative;
      list-style: none;
    }


    /* main level link */
    #nav a {
      font-weight: bold;
      color: #e7e5e5;
      text-decoration: none;
      display: block;
      padding:  8px 20px;
      margin: 0;

      -webkit-border-radius: 0.3em;
      -moz-border-radius: 0.3em;
     
      text-shadow: 0 1px 1px rgba(0,0,0, .3);
    }
    #nav a:hover {
      background: #232016;
      color: #fff;
    }

    /* main level link hover */
    #nav .current a, #nav li:hover > a {
      background: #AED24E url() repeat-x 0 -40px;
      color: #444;
      border-top: solid 1px #f8f8f8;

      -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
      box-shadow: 0 1px 1px rgba(0,0,0, .2);

      text-shadow: 0 1px 0 rgba(255,255,255, 1);
    }

    /* sub levels link hover */
    #nav ul li:hover a, #nav li:hover li a {
      background: none;
      border: none;
      color: #666;

      -webkit-box-shadow: none;
      -moz-box-shadow: none;
    }
    #nav ul a:hover {
      background: #232016 url(http://www.webdesignerwall.com/demo/css3-dropdown-menu/img/gradient.png) repeat-x 0 -100px !important;
      color: #fff !important;

      -webkit-border-radius: 0;
      -moz-border-radius: 0;

      text-shadow: 0 1px 1px rgba(0,0,0, .1);
    }

    /* dropdown */
    #nav li:hover > ul {
      display: block;
    }

    /* level 2 list */
    #nav ul {
      display: none;

      margin: 0;
      padding: 0;
      width: 185px;
      position: absolute;
      top: 35px;
      left: 0;
      background: #ddd url(http://www.webdesignerwall.com/demo/css3-dropdown-menu/img/gradient.png) repeat-x 0 0;
      border: solid 1px #b4b4b4;

      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;

      -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
      -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
      box-shadow: 0 1px 3px rgba(0,0,0, .3);
    }
    #nav ul li {
      float: none;
      margin: 0;
      padding: 0;
    }

    #nav ul a {
      font-weight: normal;
      text-shadow: 0 1px 0 #fff;
    }

    /* level 3+ list */
    #nav ul ul {
      left: 181px;
      top: -3px;
    }

    /* rounded corners of first and last link */
    #nav ul li:first-child > a {
      -webkit-border-top-left-radius:2px;
      -moz-border-radius-topleft: 2px;

      -webkit-border-top-right-radius: 2px;
      -moz-border-radius-topright: 2px;
    }
    #nav ul li:last-child > a {
      -webkit-border-bottom-left-radius: 2px;
      -moz-border-radius-bottomleft: 2px;

      -webkit-border-bottom-right-radius: 2px;
      -moz-border-radius-bottomright: 2px;
    }

    /* clearfix */
    #nav:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
    }
    #nav {
      display: inline-block;
    }
    html[xmlns] #nav {
      display: block;
    }
   
    * html #nav {
      height: 1%;
    }

    #backtotop {
        bottom: 50px;
        color: #FFFFFF;
        cursor: pointer;
        display: none;
        font-size: 14px;
        opacity: 0.6;
        padding: 8px;
        position: fixed;
        text-align: center;
        z-index: 999;
        right: 30px;
    }
    #backtotop:hover {
      opacity  : 0.9;
    }
    /* Tip */
        .tipsy {
        padding: 5px;
        font-size: 11px;
        position: absolute;
        text-shadow: none;
        z-index: 999;
        }

        .tipsy-inner {
        padding: 8px 8px 8px 8px;
        background-color: black;
        color: white;
        max-width: 200px;
        text-align: center;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
        }

        .tipsy-inner {
        border-radius: 3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        }

        .tipsy-arrow {
        position: absolute;
        background: url('http://cuul.tk/img/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;
        }

    #notice {
      position: absolute;
      background: #E1EBF2;
      top: 50px; right: 300px;
      padding: 10px;
      text-align: center;
      font-weight: bold;
      border-radius: 8px;
      max-width: 400px;
    }

    #header-img {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/tics10.gif") repeat-x scroll 0 0 transparent;
        height: 20px;
    }

    /* Replay Box */
    button.button2 img[alt="Bold"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 0}
    button.button2 img[alt="Ital."]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -16px}
    button.button2 img[alt="Underl."]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -32px}
    button.button2 img[alt*="Quote"]{background:url(http://cdn2.iconfinder.com/data/icons/splashyIcons/comments_reply.png) no-repeat 0 -48px}
    button.button2 img[alt="Code"]{background:url(http://i22.servimg.com/u/f22/15/42/72/40/page_w10.png) no-repeat 0 -64px}
    button.button2 img[alt="Host an image"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -80px}
    button.button2 img[alt="Image"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -96px}
    button.button2 img[alt="Link"]{background:url(http://cdn1.iconfinder.com/data/icons/Siena/16/hyperlink%20blue.png) no-repeat 0 -112px}
    button.button2[onclick*="color"] img{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -128px}
    button.button2[onclick*="smilies"] img{background:url(http://i22.servimg.com/u/f22/15/42/72/40/43530510.png) no-repeat 0 -144px}
    button.button2 img[alt="Strike"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 0}
    button.button2 img[alt="Αριστερά"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -16px}
    button.button2 img[alt="Left"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -16px}
    button.button2 img[alt="Center"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -32px}
    button.button2 img[alt="Right"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -48px}
    button.button2 img[alt="Justified"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -64px}
    button.button2 img[alt="-List"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -80px}
    button.button2 img[alt="Ordered List"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -96px}
    button.button2 img[alt*="line break"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -112px}
    #addbbcodetable img{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -128px}
    button.button2 img[alt="Flash"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -144px}
    button.button2 img[alt="Video"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -160px}
    button.button2 img[alt="Font size"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -176px}
    button.button2 img[alt="Font"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -192px}
    button.button2 img[alt="Help"]{background:url(http://i22.servimg.com/u/f22/15/42/72/40/help-b10.png) no-repeat 0 -208px}
    button.button2[onmouseover="helpline('f')"] img{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -176px}
    button.button2[onmouseover="helpline('ft')"] img{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -192px}
    #text_editor_cmd_switchmode img{background:url(http://i21.servimg.com/u/f21/13/71/71/19/plus11.png) no-repeat}
    #text_editor_cmd_removeformat img{background:url(http://i61.servimg.com/u/f61/13/71/71/19/remove10.png) no-repeat}

    #ddrequest {position: absolute; top: 0px; left: 0px; width: 200px; background: #fff; color: #000; border: 1px solid #888; text-align: center; z-index:1000}
    #newfriend {padding: 5px 10px; font-size: 14px; line-height: 20px;}

    #newVM {
      position: fixed;
      top: 5px; right: 5px;
      border: 2px solid #105289;
      background: #fff;
      border-radius: 6px;
      font-size: 13px;
      text-align: center;
      padding: 10px;
    }
    #newVM span {
      border: 1px solid #000;
        background: #CCC;
      color: #000;
      padding: 3px;
      cursor: pointer;
    }
    #newVM span:hover {
      background: #666;
      color: #fff;
    }

    /* UCP */
    ul.CDnav {
      list-style: none;
      margin: 15px auto 15px auto;
      padding: 0px 0px 10px;
      text-align: center;
      font-size: 1.2em;
      font-weight: bold;
      font-family: Verdana,Tahoma,Arial;
      background:#FFF;
      border: 1px solid #368AD2;
      width: 90%;
      border-radius: 5px;
   
    }
    ul.CDnav li {
            border-radius: 5px;
        background: #368AD2;
        padding: 1px 1px 1px 1px;
      width: 92%;
            margin: 3px auto;
    }
    ul.CDnav li:hover {
        background: #12A3EB;
    }
    ul.CDnav a, ul.LGnav a:visited {
      display: block;
      padding: 7px 5px 7px 5px;
      color: #FFF;

    }
    ul.CDnav a:hover, ul.CDnav a:active, ul.CDnav a:focus {
      background: #12A3EB;
      color: #FFF;
    }
    .popupmainmenu {
    position: fixed;
    background-color: #FFF;
    border-bottom: 3px solid;
    border-right: 3px solid;
    border-left: 3px solid;
    top: 0px;
    right: 1%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #105289;
    width: 230px;
      z-index: 999;
    }
    .popupmainmenu a {
    cursor: pointer;
    }
    .mainmenubutton {
      display: block;
      font-size: 1.1em;
      font-weight: bold;
      text-align: center;
      margin: 5px;
    }
    .mainmenubutton:hover {
      cursor: pointer;
      color: red;
    }
          .fade {
            display:inline-block;
            background: -moz-linear-gradient(left, rgb(255,255,225) 0%, rgba(255,255,225,0) 100%);
            background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(255,255,225)), color-stop(1.00, rgba(255,255,225,0)));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1, endColorstr=#00ffffe1, GradientType=1);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1, endColorstr=#00ffffe1, GradientType=1)";
          }
     

Trả lời nhanh


  • Admin
    Admin

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

    Index_Body

    Code:
        {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 -->

    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>
                          <th class="tcl">{L_FORUM}</th>
                          <th class="tc2">{L_TOPICS}</th>
                          <th class="tc3">{L_POSTS}</th>
                          <th class="tcr">{L_LASTPOST}</th>
                      </tr>
                    </thead>
                    <tbody class="statused">
          <!-- END tablehead -->

          <!-- BEGIN forumrow -->
                      <tr>
                          <td class="tcl" style="padding-right: 0px; padding-left: 65px;">
        <span class="status" style="margin-right: -55px; margin-left: -55px;">

                                <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 class="tc2">Topics: <font color="blue">{catrow.forumrow.TOPICS}</font> <br> Posts: <font color="red">{catrow.forumrow.POSTS}</font></td>
                          <td class="tcr">
                            <span>
                            <!-- BEGIN switch_topic_title -->
                            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                            <!-- END switch_topic_title -->
                            {catrow.forumrow.USER_LAST_POST}
                            </span>
                          </td>
                      </tr>
          <!-- END forumrow -->

          <!-- BEGIN tablefoot -->
                    </tbody>
                </table>
              </div>
          <!-- 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 -->

    Trả lời nhanh
  • Admin
    Admin

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

    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 id="header-img"></div>
          <a id="top" name="top" accesskey="t"></a>

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

                    <div class="pun">

                      <div id="pun-intro" class="clearfix">
                          <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                          <!-- BEGIN switch_h1 -->
                          <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                          <!-- END switch_h1 -->

                          <!-- BEGIN switch_desc -->
                          <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                          <!-- END switch_desc -->
                      </div>
                      <div id="pun-head">
                                                  <font color="black">
        <div id="notice"><img src="http://cdn2.iconfinder.com/data/icons/function_icon_set/warning_16.png">Hello Guest, please <a href="/login">Log In</a> or <a href="/register">Register</a>.</div></font>
        <div id="backtotop"><img src="http://i43.servimg.com/u/f43/14/73/12/96/icon_t10.png"></div>
       
                          <ul id="nav"> <li class="current"><a href="/forum"><img src="http://cdn5.iconfinder.com/data/icons/bijou/10/House.png"> Home</a> </li> <li><a href="/faq"><img src="http://cdn5.iconfinder.com/data/icons/bijou/10/Cursor.png"> FAQ</a> </li> <li><a href="/memberlist"><img src="http://cdn5.iconfinder.com/data/icons/bijou/10/Person.png"> Users</a> </li><li><a href="/register"><img src="http://cdn5.iconfinder.com/data/icons/bijou/10/Quote.png"><blink>Register</blink></a> </li> <li><a href="/login"><img src="http://cdn5.iconfinder.com/data/icons/bijou/10/Switch.png"> Login</a> </li></ul>
                      </div>

                      <!-- BEGIN switch_ticker_new -->
        <div id="fa_ticker_block" style="padding-top: 4px; display: block; ">
                          <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
  • Cùi Mía
    Cùi Mía

    Bài gửi 23/12/2012, 3:43 pm Cùi Mía

    :1:

    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