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 » [Share] Skin Blue Demon

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]

thienthanden
  • Member

thienthanden

Member


thienthanden
[Share] Skin Blue Demon Empty

[Share] Skin Blue Demon

on 16/10/2012

thienthanden
loading...

Demo:

http://dreamworld.forumvi.com/forum


[Share] Skin Blue Demon 825189-1215201285501am

CSS:



an

vn-answer

Trả lời nhanh


  • thienthanden
    thienthanden

    Bài gửi 16/10/2012, 9:53 pm thienthanden

    Index box:

    Code:
    <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <!-- Start Forum tcat Heading ForumThemes -->
    <div class="tcatBar">
      <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
          <h2>
      <span class="forumtitle"><a href="forumdisplay.php?1-CompletevB-Forum"><font color="#ffffff">{catrow.tablehead.L_FORUM}</a></font>
          </span>
           
         
          </h2>
         
            <a class="collapse tcatCollapse" id="collapse_c_cat1" href="forum.php?styleid=6#top"><img src="http://www.completevb.com/demovb4/images/styles/FunkyFresh/buttons/collapse_tcat.png" alt="" title="Collapse this Category" /></a>
         
      </div></div>
    </div>
    <!-- End Forum tcat Heading ForumThemes -->
    <!-- Start Forum thead Heading ForumThemes -->
    <div class="forumbitBody">
    <div class="thead_bar">
      <div class="theadrow table">
          <div class="foruminfo td">
            <div class="forumdata">

                <div class="datacontainer">
                Title
                </div>
            </div>
          </div>
          <div class="forumactionlinks td">
             
          </div>
          <div class="forumstats td" align="center">

             
          </div>
          <div class="forumlastpost td">
            Last Post
          </div>

      </div>
    </div>
    <!-- endForum thead Heading ForumThemes -->


      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
          </td>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <ol id="c_cat1" class="childforum">
          <li id="forum2" class="forumbit_post L2">

      <div class="forumrow table">
          <div class="foruminfo td">
            <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="forumicon" id="forum_statusicon_281" alt="" />
            <div class="forumdata">
                <div class="datacontainer">
                  <div class="titleline">
                      <h2 class="forumtitle">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </h2>
                     
                  </div>
                  <p class="forumdescription">

          {catrow.forumrow.FORUM_DESC} </p>
           
                </div>
            </div>
          </div>
         

          <ul class="forumactionlinks td">
           
           
          </ul>

     

          <ul class="forumstats td">
            <li>Threads:{catrow.forumrow.TOPICS} </li>
            <li>Posts:{catrow.forumrow.POSTS}</li>
          </ul>

          <!-- BEGIN forum_link_no -->
              <div class="forumlastpost td">

            <div>
               
      <p class="lastposttitle">
      <div class="lastpostby">

     
        {catrow.forumrow.LAST_POST}
      </p>

       
     

          <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
          <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
          <!-- END forum_link -->
      </tr>
      <!-- END forumrow -->
     
     <!-- BEGIN catfoot -->
      <tr>

          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->

          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
    </tr>
      <!-- END catfoot -->
     
      <!-- BEGIN tablefoot -->
      <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
                  <style>/* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .tcatBar {
      background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/tcatBG.gif) repeat-x left top;
      float: left;
      width: 100%;
      color: #fff;
      height:44px;
      clear:both;
      margin-top: 8px;
      border:0;
      position:relative;
    }
    .tcatLeft {
      background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/tcatLeft.gif) no-repeat left top;
      height:44px;
    }
    .tcatRight {
      background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/tcatRight.gif) no-repeat right top;
      height:44px;
    }
    .tcatBar .forumtitle {
      font-weight:700;
    }
    .tcatBar .tcatDesc {
      font-size:11px;
      font-weight:400;
    }
    .tcatBar h2 {
      padding-left:16px;
      font:  bold 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
      line-height:44px;
      float:left;
    }
    .tcatBar a:link, .tcatBar a:visited {
      color:#fff;
    }
    .tcatBar a:hover {

    }
    .tcatBar .tcatCollapse {
      position:absolute;
      top:10px;
      right:10px;
    }
    /* tcat Thread List Controls - Forumdisplay */
    .tcat_threadlist_controls {
      float:right;
      padding-right:8px;
    }
    .forumdisplaypopups, #forumdisplaypopups {
      clear:both;
    }
    .tcat_threadlist_controls h6 {
      height:44px;
      line-height:44px;
      padding:0;
      display:block;
      font-size:10pt;
    }
    .forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
    .postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl {
      background:none;
      display:block;
      _display:44px;
      height:44px;
      line-height:44px;
      font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
      font-weight:bold;
      font-size:11px;
      font-weight:700;
      color:#fff;
      padding:0 10px;
      border: 0;
      float: left;
      clear: right;
    }
    .forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
    .postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl {
      border: 0;
      color:#fff;
      text-decoration:underline;
    }
    #postlist_popups a, .postlist_popups a {
      color: #fff;
      _border: none;
    }
    #postlist_popups a:hover, .postlist_popups a:hover {
      color: #fff;
      text-decoration:underline;
    }
    #postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
      border: 0;
    }

    #postlist_popups ul li {
      color: #3E3E3E;
    }
    #postlist_popups ul li a, .postlist_popups ul li a {
      color: #3E3E3E;
      _border: none;
    }

    #postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
      color: #3E3E3E;
      text-decoration:underline;
    }

    #forumdisplaypopups ul a, .forumdisplaypopups ul a {
      color:#3E3E3E;
    }

    /* Thead Bars (Forum Home, Forum Display & Postbit)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .thead_bar .theadrow {
      background:#002850 url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/theadBG.gif) repeat-x left top;
      display:block;
      width: 100%;
      float: left;
      position:relative;
      font:  normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
      border:1px solid #0d4674;
      border-top:0;
      color:#fff;
      line-height:23px;
    }
    .thead_bar .padding {
      padding-left:12px;
    }
    .thead_bar .forumhead span.forumlastpost {
      width: 23%;
    }
    .thead_bar .theadrow .forumdata  {
      float: left;
    }
    .thead_bar {
      float: left;
      position:relative;
      width: 100%;
      display:block;
    }
    .thead_bar .forumhead .forumtitle {
      width: 76%;
    }
    .thead_bar .foruminfo {
      width: 53%;
      min-width: 30%;
      float: left;
      clear: right;
    }
    .thead_bar .foruminfo .forumdata {
      padding: 0;
      width: 100%;
      _width: 99%;
    }
    .thead_bar .forumstats, .thead_bar .forumstats_2 {
      display: block;
      float: left;
      clear: right;
      width: 16%;
      margin-right: 2%;
    }
    .thead_bar .foruminfo .forumdata .datacontainer {
      float: left;
      width: 86%;
      padding:0;
      padding-left: 72px;
    }
    .thead_bar .forumactionlinks {
      width: 5%;
      display:block;
      float:left;
      clear:right;
    }
    .thead_bar .forumactionlink {
      display:block;
      width:18px;
      overflow:hidden;
      float: right;
      clear: left;
      background:transparent none no-repeat;
      position: relative;
    }
    .thead_bar .forumstats li, .thead_bar .forumstats_2 li{
      font-size: 12pxpx;
      text-align: right;
      padding-right: 20px;
      display:block;
    }
    .thead_bar .forumlastpost {
      display:block;
      float: left;
      clear: right;
    }
    .thead_bar .theadrow .forumlastpost {
      width: 22%;
    }
    .forumbitBody {
      padding-right:2px;
      z-index:1;
      clear:both;
    }
    #post {
      z-index:1;
    }
    .threadlist {
      margin-top:0;
    }
    #threadlist .threadlisthead {
      background:#002850 url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/theadBG.gif) repeat-x left top;
      display:block;
      width: 100%;
      float: left;
      position:relative;
      border:1px solid #0d4674;
      border-top:0;
      color:#fff;
      padding:4px 0px 4px 0px;
      font:  normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
      margin: 0;
    }
    #threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
      color:#fff;
    }
    #forums .L1 .forumhead a {
      font:  bold 12px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
    }

    #forums .L1 .forumhead .forumdescription {
      display:none;
    }

    #forums .L1 .L2 {
      display:block;
      clear: both;
    }

    #forums a.username {
      color: #008ed2;
    }

    #forums a.username:hover {
      color: #3c7091;
    }

    .forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {

      -moz-box-shadow: -2px 2px 2px #c8c8c8;
      -webkit-box-shadow: -2px 2px 2px #c8c8c8;
      box-shadow: -2px 2px 2px #c8c8c8;

    }

    .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
      color: #4e4e4e;
      background: rgb(255, 255, 255) url(images/gradients/grey-up.png) repeat-x left bottom;
      _background-image: none;
      display:block;
      width: 100%;
      float: left;
      min-height: 62px; /* 48px is the icon size */
      position:relative;
      border-bottom: 1px solid #c2d2df;
      border-left: 1px solid #c2d2df;
      border-right: 1px solid #c2d2df;
    }

    .forumbit_nopost .forumbit_nopost .forumrow .forumicon {
      position: absolute;
      left: 10px;
      top: 5px;
    }

    .forumbit_nopost .forumbit_nopost .forumrow .forumdata {
      display: inline-block;
      width:100%;
    }

    .forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
      margin-left: 72px;
    }

    .forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
      margin-left: 0;
    }

    /* forumbit nopost */
    .forumbit_post .foruminfo .forumdata {
      padding: 4px 0;
      font-size: 12px;
    }

    .forumbit_nopost .forumhead .forumtitle {
      font-size: 13px;
      min-width: 64%;
    }

    .forumbit_nopost .forumhead .forumtitle a {
      color: #ffffff;
      margin-left: 10px;
    }

    .forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
      font-size: 12px;
    }

    .forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
      width: 21%;
    }

    .forumbit_nopost .forumhead a.collapse img {
    /* values are based on the image */
      position:absolute;
      top: -15px;
      right: -6px;
      display:block;
      width:13px;
      height:13px;
      overflow:hidden;
      float: right;
      clear: left;
    }

    .forumbit_nopost:hover .forumhead  a.collapsegadget {
      visibility:visible;
    }

    .forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata  {
      padding: 5px 10px;
      padding-left: 0;
      font-size: 11px;
    }

    /* Removed for VBIV-14010
    .forumbit_nopost .forumbit_nopost .foruminfo .subforums {
      margin-left: 10px;
      position: relative;
      top: -10px;
    }
    */

    /* forumbit post */
    .forumbit_post {
      float: left;
      position:relative;
      width: 100%;
      display:block;
    }

    .forumbit_post .forumhead span {
      padding: 0;
    }

    .forumbit_post .forumhead .forumlastpost {
      top: 0;
      margin-top: 0;
    }

    .forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
      padding: 5px 0;
    }

    .forumbit_post .forumhead .forumtitle {
      font-size: 13px;
      min-width: 64%;
    }

    .forumbit_post .forumhead .forumtitle span {
    padding: 0;
    padding-left: 10px;
    }

    .forumbit_post .foruminfo {
      width: 57%;
      min-width: 30%;
      float: left;
      clear: right;
      min-height: 52px;
    }

    .forumbit_post .foruminfo .forumicon{
      position: absolute;
      left: 10px;
    }

    .forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
      float: left;
      clear: right;
    }

    .forumbit_post .foruminfo .viewing {
            white-space:nowrap;
    }

    .forumbit_post .foruminfo .forumdata {
      padding: 0;
      width: 100%;
      _width: 99%;
    }

    .forumbit_post .foruminfo .forumdata .datacontainer {
      float: left;
      width: 88%;
      padding-left: 72px;
    }

    .forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {

    font-size: 13px;
      margin-right: 10px;
    }

    .forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
      font-weight:bold;
    }
    .childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
            padding-left:1.8em;
            background:url('images/styles/FunkyFresh/misc/child_forum.png') top left no-repeat;
    }

    .forumbit_post .foruminfo .forumdata .viewing {
      font-style: italic;
      margin-right:10px;
      margin-top: 3px;
      font-size: 11px;
    }

    .forumbit_post .forumactionlinks {
      width: 5%;
      display:block;
      float:left;
      clear:right;
    }

    .forumbit_post .forumactionlinks li {
      display: inline;
    }

    .forumbit_post .forumactionlink {/* values based on icon size */
      display:block;
      width:18px;
      height:12px;
      overflow:hidden;
      float: right;
      clear: left;
      background:transparent none no-repeat;
      position: relative;
      margin: 3px 10px 0 0;
    }.forumactionlink a {
    /* values based on icon size */
      display:block;
      padding-left:18px;
    }

    .forumactionlinks .rsslink {
      background-image:url(images/styles/FunkyFresh/misc/rss_40b.png);
    }

    .forumactionlinks .subslink {
      background-image:url(images/styles/FunkyFresh/misc/subscribed_40b.png);
    }
    .forumactionlinks .unsubslink {
      background-image:url(images/styles/FunkyFresh/misc/unsubscribed_40b.png);
    }
    .forumbit_post .forumdescription {
      display:block;
      clear:both;
      padding-right: 10px;
    }

    .forumbit_post .unsubscribe {
      display:block;
      right: 0;
      top: 2px;
    }

    .forumbit_post .forumstats, .forumbit_post .forumstats_2 {
      display: block;
      float: left;
      clear: right;
      width: 12%;
      margin-right: 2%;
    }

    .forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
      font-size: 12px;
      text-align: right;
      padding-right: 20px;
      display:block;
    }


    .forumbit_post .forumlastpost {
      display:block;
      float: left;
      clear: right;
    }

    .forumbit_post .forumrow .forumlastpost {
      width: 24%;
      font-size: 12px;
      padding-top: 5px;
    }

    .forumbit_post .forumlastpost .lastpostdate {
      font-size: 11px;
    }

    .lastpostlabel {
      display: none;
    }

    .forumlastpost .lastposttitle .postimg {
      vertical-align:middle;
      margin-top:-2px;
    }

    .forumlastpost p.lastposttitle {
      overflow: hidden;
    }




    /* bảng thống kê vbb */
    .wgo_block {
    margin: 0;
    }
    .wgo_block {
    display: block;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-box-shadow: -2px 0px 2px #C8C8C8;
    -webkit-box-shadow: -2px 0px 2px #C8C8C8;
    box-shadow: -2px 0px 2px #C8C8C8;
    margin-bottom: 0px;
    }
    .block {
    background: transparent none;
    clear: both;
    padding: 0;
    color: ;
    font: ;
    }
    #forums *, #wgo *, #forumbits * {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    }
    .wgo_block .blockbody {
    border: 1px solid #C4C4C4;
    background: #FDFEFF url(http://forum.vipautopro.com/images/gradients/gradient-greytowhite.png) repeat-x;
    _background-image: none;
        width: 969px;
    }
    .formcontrols {
    border-right: 1px solid #B9C4CD;
    border-left: 1px solid #B9C4CD;
    border-bottom: 1px solid #B9C4CD;
    }
    .wgo_block .section {
    display: block;
    padding: 0 0 0.5em;
    font: 12px;
    color: #3E3E3E;
    clear: both;
    width: 100%;
    background: #FDFEFF url(http://forum.vipautopro.com/images/styles/ShinyBlue/style/forumRowBG.gif) repeat-x left bottom;
    font-size: 9pt;
    }
    .formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
    border-top: none;
    }
    .wgo_block .section div, .wgo_block .section ol {
    padding-left: 20px;
    }
    .blocksubhead {
    font: normal 12px;
    color: #3E3E3E;
    background: #E9E9E9 none repeat-x;
    padding: 4px 10px 4px 10px;
    border-top: 1px solid #CECECE;
    }
    .wgo_block .blocksubhead {
    font: normal 13px;
    color: #3E3E3E;
    background: transparent;
    }

    .floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
        }</style>

    Trả lời nhanh
  • mixa
    mixa

    Bài gửi 17/10/2012, 9:28 pm mixa

    xem

    Trả lời nhanh
  • Agustin'a™
    Agustin'a™

    Bài gửi 24/10/2012, 3:34 am Agustin'a™

    aver

    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]

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Kho Skin » Punbb » [Share] Skin Blue Demon

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