demo: [You must be registered and logged in to see this link.]

thông tin: tất cả những gì đang hiện trước mắt bạn và những thứ chỉ khi đăng nhập vào bạn mới thấy
Đơn giản là tổng hợp những thứ cần thiết bao gồm cả lastopic

donload:

Code:

https://www.box.com/s/6pa2vy7ky8me76zodl7q

thông điệp yêu thương thì làm theo cái này

Code:

http://www.hotrofm.com/t1839-topic

thanh chia sẻ bên trái thì bạn cập nhật widget likes/tweet/+1 và xếp bên dưới Recent topics

update Css 7/12/2012

Code:

#tooltip .tiplFMvi{border-bottom:2px dotted #ddd;padding-bottom:5px;margin-bottom:5px}#tooltip{max-width:550px;position:absolute;border:0;border-radius:3px;color:#000;z-index:99;padding:0;border:1px solid #ddd;font:12px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;background:#fff url(http://i36.servimg.com/u/f36/17/76/06/16/white_10.png)}.entry-content img{max-width:350px}.starsTitle{background:url(http://i36.servimg.com/u/f36/17/76/06/16/thead110.gif);border:0 solid #ddd;color:#f8ff04;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;height:14px;text-shadow:1px 1px 1px #000;padding:4px}.top-vi,.viewrep{min-height:160px}#most_active,#active_starters,#users_week,#users_month{display:none}.leftr,.leftrecent,.rightrecent,.viewfmvi,.repfmvi,.lastcate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute}.leftrecent{width:42%}.leftr{width:80%;margin-left:-3px}.rightnumber{padding:10px}.imgstatus{background-color:#FFF;left:-32px;position:absolute;padding:2px 7px}.rightrecent{right:240px;text-align:left;width:150px}.showpost{font-size:9px;left:-12px;line-height:18px;position:absolute}.viewfmvi{right:195px;text-align:right;width:50px;font-style:italic}.repfmvi{right:155px;text-align:right;width:50px;font-style:italic}.lastcate{right:0;text-align:right;width:145px;margin-right:-4px}.latest_topics{list-style:decimal-leading-zero outside none;text-align:left;margin:0!important;padding:0 5px 0 27px}.latest_topics li{line-height:16.1px;position:relative}.toppost_width{float:left;width:0px}.recentWidth{float:left;width:100%}.recentWidth .main-head{position:relative;height:1.3em;overflow:hidden}.recentWidth h3{marign-left:10px}.loaddinng{background-image:url();background-position:center center;background-repeat:no-repeat;height:350px;width:440px}#checktip{position:absolute;right:10px;top:3px;z-index:300}#numRecent{display:none;position:absolute;right:12px;top:7px}.numtopF{margin-right:-10px!important}.fancybox-title{display:none}.pun .main-contentr{border:0;padding:5px!important;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;background-color:#fff}

#pun-intro {
background-color: #304154;
background-image: url(http://i43.servimg.com/u/f43/14/53/79/27/backgr10.png);
background-repeat: repeat-x;
padding: 1.5em 1em 1em;
text-align: left;
box-shadow: rgba(0, 0, 0, 0.74902) 0px 0px 5px inset;
margin-bottom: 10px;
border: 1px solid #273749;
border-image: initial;
border-radius: 4px;
height: 85px;
}

#pun-head #pun-navlinks {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    background-color: #304154;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/pun-na10.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #1E2831;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#pun-navlinks ul {
    text-align: center;
}
#pun-navlinks li {
    display: inline;
    font-size: 15px;
    line-height: 30px;
}
#pun-navlinks li a {
    margin-left: -8px;
    margin-right: -8px;
    color: #fff;
    font-family: tahoma,helvetica,arial,sans-serif
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
}
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}
.main .main-head {
    background-color: #304154;
    background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/backgr10.png");
    background-position: 50% 50%;
    background-repeat: repeat-x;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
    color: white;
    font-size: 14px;
    font-weight: bold !important;
    margin-top: 15px;
    padding-bottom: 13px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}






.contactF {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: 0 0 4px black, 1px 1px white inset, -1px -1px white inset;
color: #300;
cursor: pointer;
font-size: 14px;
font-weight: 700;
height: 21px;
overflow: hidden;
padding: 5px 5px 0 30px;
position: fixed;
text-shadow: 1px 1px white;
top: 0;
width: 60px;
}

.status {
    margin-left: -38px !important;
    margin-top: 5px;
}
 .pun .user-ident .username a[href="/u1"], a.gensmall[href="/u1"], #onlinelist [href="/u1"], .statused a[href="/u1"], #stats [href="/u1"], #chatbox_members a[href="/u1"], #chatbox a[href="/u1"],  #onlinechat a[href="/u1"], #profile-advanced-right div.h3 strong, .module a[href="/u1"] {
        background: url("http://i41.servimg.com/u/f41/16/81/39/81/icon_v10.gif") no-repeat;
        padding-left: 26px;
    }

a[href="/g1-group"] {
    background: url("http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/crown-icon.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g2-group"] {
    background: url("http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-2/16/help-desk-icon.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

a[href="/g7-group"] {
    background: url("http://icons.iconarchive.com/icons/kyo-tux/ginux/16/Start-Menu-Prorgrams-icon.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

#pun-title {
color: #32570f!important;
font-family: monospace;
font-size: 33px;
font-weight: 700;
padding: 15px;
text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.8);
text-transform: uppercase;
z-index: 1;
}


#pun-desc{
color: #AA0000!important;
font-family: monospace;
font-size: 18px;
font-weight: 700;
padding: 15px;
text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.8);
text-transform: uppercase;
z-index: 1;
}
/* Search box
----------------------------------------------- */
#user_bar {
    background: #DFF1FF;
    border: 1px solid #316AC5;
    border-radius: 3px 3px 3px 3px;

}
#user_navigation {
    color: #1D374A;
    float: left;
    font-size: 10.8px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}
#user_navigation a {
    border-right: 1px solid #316AC5;
    color: #316AC5;
    float: left;
    height: 36px;
    line-height: 36px;
    outline: medium none;
    padding: 0 12px;
}
#user_navigation li:first-of-type a {
    border-radius: 3px 0 0 3px;
}
#user_navigation a:hover {
    background: #F0F6FA;
}

#user_navigation #f_rules img, #user_navigation #register_link img {
    margin: 10px 2px 0 0;
    position: relative;
    vertical-align: top;
}

#user_navigation li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

#search {
    margin: 4px 4px 0 0;
}
#main_search {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 12px;
    outline: 0 none;
    padding: 6px 0 0;
    width: 600px;
}
#main_search.inactive {
    color: #BCBCBC;
}

.hide{
  display:none;
}

#search_wrap {
    background: #FFFFFF;
    border: 1px solid #A6BBCB;
    display: block;
    height: 26px;
    line-height: 25px;
    min-width: 650px;
    padding: 0 26px 0 4px;
    position: relative;
}
#adv_search {
    background: url("http://i34.servimg.com/u/f34/17/64/51/34/advanc10.png") no-repeat scroll 50% 50% #85A4B9;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    height: 28px;
    margin-left: 3px;
    text-indent: -3000em;
    width: 28px;
}
#adv_search:hover {
    background-color: #7494AA;
}

#search .submit_input {
background:#114d77 url('http://i34.servimg.com/u/f34/17/64/51/34/search10.png') no-repeat 50%;
text-indent: -3000em;
padding:0;
border:0;
display:block;
width:28px;
height:28px;
position:absolute;
border:1px solid #063b5f;
border-left:0;
right: -1px;
top: -1px;
bottom: -1px;
}


#search .submit_input:hover {
    background-color: #1D5D8A;
}


#forums-stats {
background: white;
border: 1px solid #CCC;
border-right-width: 0px;
padding: 6px;
border-radius: 3px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}


    #mudimPanel {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: url('http://i35.servimg.com/u/f35/14/65/61/19/bogo10.png') 333px 0 no-repeat,url('http://i35.servimg.com/u/f35/14/65/61/19/bogo110.png') center right no-repeat, url('http://i35.servimg.com/u/f35/14/65/61/19/bogo210.png') repeat-x 0 center !important;
buttom: 0px!important;
    left: -333px!important;
    width: 330px!important;
    height: 45px!important;
    padding: 11px 48px 11px 5px !important;
    font-size: 9px!important;
    font-weight: bold;
    vertical-align: middle;
    border: none !important;
    }
    #mudimPanel:hover {
    left: 0!important;
    }


#FM_widget_share
{
position: fixed;
top: 150px;
left: 50%;
width: 50px;
background-color: white;
margin-left: -565px;
border: 5px solid #ababab;
border-right:0;
border-radius: 0px 0 0 0px;
padding: 10px;
}
#FM_widget_share iframe {
width: 50px!important;
margin-top: 10px;
}



/*---CHATBOX---*/



#chatbox_members .online-users li{background-image:url(http://r23.imgfast.net/users/2814/19/23/98/smiles/950107039.gif);
background-position:left;background-repeat:no-repeat;background-size:13%;padding-left:20px}

#zzadfooter, #pun-legend{display: none;}


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

   
}



.pun {
    margin: 10 px;
    width: 980px;
}

.wrap_t {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/t-110.png") repeat-x scroll 0 0 #fff;
}
.wrap_r {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/r10.png") repeat-y scroll 100% 0 transparent;
}
.wrap_b {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/b10.png") repeat-x scroll 0 100% transparent;
}
.wrap_l {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/l14.png") repeat-y scroll 0 0 transparent;
}
.wrap_tl {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/l-t10.png") no-repeat scroll 0 0 transparent;
}
.wrap_tr {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/t-r10.png") no-repeat scroll 100% 0 transparent;
}
.wrap_br {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/b-r10.png") no-repeat scroll 100% 100% transparent;
}
.wrap_bl {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/l-b10.png") no-repeat scroll 0 100% transparent;
    padding: 30px 20px 5px;
    margin-top: 10px;
}

/*HEADER-------------------------------------------------*/



#pun-logo:hover { opacity: 0.5; }



/*ẩn phần ko quan trọng*/
#pun-about #qjump {
    display: none;
}


#pun-announcement

{display: none;
}

#text_editor_textarea, #chatbox, #chatbox_members, #simple-wrap{
background-color: #fff;
}
select, textarea {
border-width: 1px;
}






.pun .paged-head, .pun .paged-foot {
    border: 0px solid !important;
    background-color: !important;
    padding: 0.6em 1.3em 0.3em 1.3em;

}

.pun .frm-form {
   background: !important;
   border: none;

}

 
.main .main-foot{
    background-color: #fff;
    color: #666;
    font-weight: 400;
    padding-bottom: 0.7em;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0.7em;
}

.pun a:link { color: #105289;text-decoration: none;}
.pun a:visited { color: #105289;}
.pun a:hover { color: #ff6600; text-decoration: none;}
.pun a:active { color: #990000;}



.paging b {
background:#373D48 url(http://nintendopipeline.net/forum/public/style_images/pipeline/skin_galaxy/maintitle.png) repeat-x top;color:#fff;text-shadow:0 1px 0px rgba(0,0,0,0.3);border:1px
solid #232830;border-radius:2px;font-weight:bold;font-size:12px;padding:8px;margin: -3px 0;box-shadow:0px 1px 0px rgba(0,0,0,0.05)
}

.paging {
text-decoration:none;
font-family: arial, sans-serif!important;
border-width:1px;
border-style:solid;
padding:5px;
cursor:pointer;
font-size: 12px!important;
border-width:1px;border-style:solid;border-radius:2px;box-shadow:0px 1px 0px rgba(0,0,0,0.05);
box-shadow:0px 1px 0px rgba(255,255,255,0.75)
background:#f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-color:#ccc;color:#666;text-shadow:0px 1px 0px #fff
}


#pun-qpost, #fa_ticker_block, .postfoot, .paged-foot clearfix{
    background:#E8F3F6;
  background-image: url("http://i44.servimg.com/u/f44/12/24/45/65/backgr10.png");
border:1px solid #D0E7ED;
color:#666;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:140%;
margin-bottom:10px;
padding:10px;
}
#pun-about ul {
    list-style-type: none;
}
#pun-about ul li {
    display: inline;
}
#pun-about ul li a {
    font-weight: normal;
    text-decoration: none;
}

#pun-visit, .main-box {
    background-color: #F4F4F4;
    border: 1px solid #B9C4CD;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;

}



/* nut bam dang text */

a[href*="mode=post_profile"],a[href*="mode=reply"],a[href*="mode=ip"],a[href*="mode=newtopic"],a[href*="merge?t="],a[href*="cp?mode=split"],a[href*="cp?mode=lock"],a[href*="cp?mode=move"],a[href*="cp?mode=trash"],a[href*="cp?mode=delete"],a[href*="cp?mode=unlock"],a[href*="mode=unlock&p"],a[href*="mode=lock&p"],a[href*="mode=report"],a[href*="&mode=delete"],a[href*="mode=editpost"],a[href*="mode=quote"]{background:#474747;color:#FFF!important;border-radius:3px;font:11px Arial,sans-serif;margin:4px;padding:4px 9px}
a[href*="mode=post_profile"]:hover,a[href*="mode=reply"]:hover,a[href*="mode=ip"]:hover,a[href*="mode=newtopic"]:hover,a[href*="cp?mode=unlock"]:hover,a[href*="merge?t="]:hover,a[href*="cp?mode=split"]:hover,a[href*="cp?mode=lock"]:hover,a[href*="cp?mode=move"]:hover,a[href*="cp?mode=trash"]:hover,a[href*="cp?mode=delete"]:hover,a[href*="mode=unlock&p"]:hover,a[href*="mode=lock&p"]:hover,a[href*="mode=report"]:hover,a[href*="&mode=delete"]:hover,a[href*="mode=editpost"]:hover,a[href*="mode=quote"]:hover{background:#B35A9C;border:1px solid #FFF}
a[href*="mode=reply"],a[href*="mode=newtopic"]{font:13px Arial,sans-serif!important}

a[href*="mode=quote"]:before{content:"Trích dẫn"}
a[href*="mode=editpost"]:before{content:"Sửa"}
a[href*="&mode=delete"]:before{content:"Xóa"}
a[href*="mode=report"]:before{content:"Báo xấu"}
a[href*="mode=lock&p"]:before{content:"Chặn báo xấu"}
a[href*="mode=unlock&p"]:before{content:"Cho phép báo xấu"}
a[href*="cp?mode=delete"]:before{content:"Xóa bài"}
a[href*="cp?mode=trash"]:before{content:"Cho vào sọt"}
a[href*="cp?mode=move"]:before{content:"Di chuyển"}
a[href*="cp?mode=lock"]:before{content:"Khóa"}
a[href*="cp?mode=split"]:before{content:"Tách bài"}
a[href*="merge?t="]:before{content:"Gộp bài"}
a[href*="cp?mode=unlock"]:before{content:"Mở khóa"}
a[href*="mode=post_profile"]:before{content:"Gửi tin nhắn"}
a[href*="mode=newtopic"]:before{content:"+ Tạo chủ đề mới"}
a[href*="mode=reply"]:before{content:"+ Trả lời chủ đề"}
a[href*="mode=ip"]:before{content:"Xem ip"}







/* Style khung code */
.codebox{background-color:#fff;border:1px dotted #ddd;margin:1em}.codebox dt{border-bottom:1px dotted #ddd;padding:.25em}.codebox dd{background-color:#fff;margin:.5em;padding:.5em}.faq dd ul{margin:0 2em}.codebox + blockquote{background-color:#fff;border:1px dotted #ddd;margin:.5em 3em;padding:.5em}.codebox dd.cont_code{max-height:200px;overflow:auto}

blockquote {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #E4E3E3;
    color: #909090;
    font-size: 12px;
    font-style: italic;
    margin: 10px auto;
    max-width: 600px;
    padding: 10px 1%;
}
blockquote div {
    background: url("http://z5.ifrm.com/30015/146/0/p1049280/QuoteL.png") no-repeat scroll left top, url("http://z5.ifrm.com/30015/146/0/p1049281/QuoteR.png") no-repeat scroll right bottom #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    min-height: 25px;
    text-indent: 35px;
}

blockquote code, blockquote div {
    clear: both;
    margin: 0;
    padding: 5px;
}
.spoiler_closed:before{content:"Click để xem"}



/* Khung soạn thảo */
.editorfmvi{background-color:#B86E00;float:none!important;font-weight:700!important}
#smiley-box iframe{height: 150px;}
#textarea_content dt {display:none}
#textarea_content dd {margin-left: 0!important}
input[type="submit"],input[type="reset"]{float: none !important}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;width:99%;margin:10px 0!important;padding:5px}
div.posting-block{border:1px solid #DDD;float:left;width:100%;margin:0;padding:0}
div.posting-block #text_editor_iframe,div.posting-block #text_editor_textarea{height:255px;width:100%!important}
#text_editor_controls {margin:0 !important;width: 100% !important}
#quick_reply .frm-buttons {text-align: center;}
#quick_reply #text_editor_controls {
border-radius: 5px 5px 0 0;
margin-bottom: -6px;
margin-left: -113px;
width: 100%;
background:
whiteSmoke;
border: 1px solid
solid 1px #CCC;
padding: 5px;
}

#quick_reply #text_editor_textarea {
border: 0;
font-size: 1.2em;
max-height: 136px;
max-width: 910px;
width: 100%;
}
#quick_reply fieldset.frm-set dl dd {
background: white;
border: solid 1px #CCC;
margin: 0 auto;
}
#quick_reply .frm-buttons {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color: #EEE;
border: solid 1px #CCC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
}




/*xóa ghạch chân*/
a:hover {
text-decoration: none!important;
text-shadow: 0 0 .2em black, 0 0 .2em black, 0 0 .2em black;
}

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}





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

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


.chupy {
  margin: 0px;
background-color: #ffffff;
border: 1px solid #dfdfdf;
color: #3a3a3a;
margin-top: 2px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 3px;
padding-top: 3px;
text-align: left;
width: 120px;
 }


.avatarthum img {
width: 125px;
background-color: white;
border-bottom: 2px solid;
border-radius: 3px;
border-right: 2px solid;
padding: 5px;
}


.user-basic-info img:hover {
    opacity: 0.5;
}


.user-basic-info img {
width: 120px;
background-color: white;
border-top: 1px solid;
border-bottom: 1px solid;
border-radius: 1px;
border-right: 1px solid;
border-left: 1px solid; 
padding: 5px;
}



.pun .post .user {
float: left;
margin-left: -13em;
margin-top: -1.8em;
position: relative;
}
.pun .postmain {
background-color: #FDFEFF;
border-left: 1px solid #CBDAEA;
margin-left: 14em;
}
.pun .user {
display: inline;
overflow: hidden;
padding-top: 1.6em;
white-space: normal;
width: 11em;
}
.postfoot { background: #F4FAFF; border-top: 1px solid #CBDAEA; clear: both; margin-left: -13em; padding: .5em 1em; text-align: right; }

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

/*bảng thống kê*/
#tabs_container {
    border-bottom: 1px solid #ccc;
}
#stabs {
    list-style: none;
    padding: 5px 0 4px 0;
    margin: 0 0 0 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
}
#stabs li {
    display: inline;
}
#stabs li a {
    border: 1px solid #ccc;
    padding: 4px 6px;
    text-decoration: none;
    background-color: #eeeeee;
    border-bottom: none;
    outline: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
#stabs li a:hover {
    background-color: #dddddd;
    padding: 4px 6px;
}
#stabs li.active a {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding: 4px 6px 5px 6px;
    border-bottom: none;
}
#stabs li.active a:hover {
    background-color: #eeeeee;
    padding: 4px 6px 5px 6px;
    border-bottom: none;
}
 
#tabs_content_container {
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px;
}
.tab_content {
    display: none;
}

#stabs li a {
margin: 4px;
}

#pun-about, .main .main-foot, .pun-crumbs {
  background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%)!important;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee))!important;background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 )!important;background:linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;
border: 1px solid #e3e3e3!important;
    border-radius: 3px 3px 3px 3px;
  width: auto!important;
}

#pun-about a {
text-decoration: none;
}
 
/*END---STATISTICS-------------------------------------------------*/





/* Bloque Login Flotante Style LightBox ©Copyright by giObanii - toxigeek.com. */
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto;  width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ©Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("http://cdn4.iconfinder.com/data/icons/secureicons/png/48/PadLock.png") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("http://i49.tinypic.com/eumpmp.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
/* ©Copyright by giObanii - toxigeek.com. All Rights Reserved. */

/* Fancybox2 */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-prev,.fancybox-next{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url(http://i48.servimg.com/u/f48/16/58/89/73/blank10.gif);z-index:1003}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-prev span,.fancybox-next span{position:absolute;top:50%;left:-9999px;width:36px;height:36px;margin-top:-18px;cursor:pointer;z-index:1003}
.fancybox-prev span{background-position:0 -36px}
.fancybox-next span{background-position:0 -72px}
.fancybox-prev:hover span{left:20px}
.fancybox-next:hover span{left:auto;right:20px}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
#fancybox-buttons{position:fixed;left:0;width:100%;z-index:1005}
#fancybox-buttons.top{top:10px}
#fancybox-buttons.bottom{bottom:10px}
#fancybox-buttons ul{display:block;width:170px;height:30px;list-style:none;-webkit-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);background:#111 0 0 50% 50% 100%;border-radius:3px;margin:0 auto;padding:0}
#fancybox-buttons ul li{float:left;margin:0;padding:0}
#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb11.png);background-repeat:no-repeat;outline:none}
#fancybox-buttons a.btnPrev{width:32px;background-position:6px 0}
#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}
#fancybox-buttons a.btnPlay{background-position:0 -30px}
#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}
#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}
#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}
#fancybox-buttons a.btnClose{border-left:1px solid #111;width:38px;background-position:-57px 0}
#fancybox-buttons a.btnDisabled{opacity:0.5;cursor:default}
.fancybox-prev:hover,.fancybox-next:hover,.fancybox-opened .fancybox-title{visibility:visible}
.post-entry .entry-content img{max-width:350px; display:none}
.iconPlayer{background:url(//ssl.gstatic.com/s2/tt/images/play-overlay.png) no-repeat scroll center center transparent;left:140px;opacity:0.8;position:absolute;top:-155px;z-index:99;padding:40px !important}







cho demo :cái logo thay ở đâu nhỉ [You must be registered and logged in to see this image.]

css

1.sao sink này tạo chuyên mục con mà nó ko hiển nhỉ noenl vui vẻ không
2.hình ảnh của sink có phải up lại ko vậy sink đẹp mình muốn dùng lâu dài sợ bị die

nếu bạn thích thì up lại ko thì cũng ko sao đâu. chuyên mục con bạn phải cài đặt lại DISPLAY/Homepage/Structure and hierarchy/Hierarchy/ Sub-level links on index :/ With pics

mình làm thế nào nó cũng không hiện cả zualuoi ah
demo: [You must be registered and logged in to see this link.]
với cái phần js đó lưu lại là được ah hay còn phải thay vào đâu nửa

js chỉ lưu vào thôi. ok rồi đấy bạn

còn cái làm cho nó hiện chuyên mục con thì sao bạn

bạn cho cái demo minh mới giúp được

demo là cái [You must be registered and logged in to see this link.] đó mình muốn nó hiện chuyên mục con nửa là được mà làm thế nào nó cũng ko hiện [You must be registered and logged in to see this image.]

ý mình là cái demo chuyen mục con. bạn thích nó dạng bình thường hay đổ xuống

bình thường để thế này nó cũng hiện chuyên mục con rồi

With pics

nhưng sink này để vậy nó ko hiện j cả

vớ vỉn.

Code:

http://www.xaydungthanhhoa.com/t1191p10-topic#.UNkKOuQz3W4

đọc bài viết 14 nằm trong trang 3 nhé

mình làm rồi nè nó cũng ko hiện bạn vào thử xem mình cái xem nó bị lổi j với
[You must be registered and logged in to see this link.]
nick tex:demo
pas:2112012

sao mình tìm cái lo go trong css ko thấy ta

thử tìm trong mục quản lý hình ảnh xem. chắc trong đó