Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by NgocPRO 6/11/2024, 8:37 am
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
No user |
[giúp] hiệu ứng bị lỗi![✔]
3 posters
Trang 1 trong tổng số 1 trang
[giúp] hiệu ứng bị lỗi![✔]
Demo: http://city-world.yourme.net/
CSS:
- Code:
.menu li:hover>a,.menu li:active>a,.menu li>ul a:hover{background:#6bbde8;color:#FFF;}
.bg-blue{background:#239adc;color:#fff;}
.banner{width:900px;height:400px;background:url(http://i1321.photobucket.com/albums/u542/sakura9991/PTS/mk41-Recoveredbanner_zps75c4693f.jpg) 100% 50% no-repeat transparent;background-size:100%;}
.pun{width:990px;background:#fff;padding-top:42px;border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;margin:0 auto;padding: 2px;}
.menu{left:0;#opacity:0.9;position:fixed;top:0;width:100%;z-index:999;#background:url(http://chauthanh.info/style/aoi/img/bg_top.png) repeat-x transparent;#border-bottom:1px solid #1C59B7;#border-top:0 solid #E6E6E6;height:42px;line-height:32px;margin:0 auto;padding:0;}
.menu_inside{width:990px;margin:0 auto;}
.menu li{float:left;width:auto;display:block;}
.menu li a{#background:url(http://chauthanh.info/style/aoi/img/separate.png) 100% 50% no-repeat transparent;line-height:42px;text-decoration:none;color:#FFF;display:block;font-weight:400;position:relative;z-index:100;padding:0 16px;}
.menu li>ul{display:inline-block;background:#FFF;border-bottom:medium none currentColor;border-top:medium none currentColor;#opacity:0.9;position:absolute;width:162px;z-index:999;visibility:hidden;opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;}
.menu li:hover>ul{visibility:visible;opacity:1;}
.menu li>ul a{background:#239ADC;color:#FFF;width:162px;height:40px;}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#Navigation{
height:50px;
width:100%;
background:url(http://i75.servimg.com/u/f75/14/65/61/19/bg-mai10.png) repeat-x top left;
}
#Navigation ul li{
border-left:1px solid #0ec6f0;
display:inline;
text-transform:uppercase;
font-weight:bold;
font-size:1.4em;
padding:10px 8px;
line-height:52px;
margin-right: 0;
}
.sub-menu{ background:#fff; box-shadow:1px 1px 5px #111;}
#Navigation ul li a{
color:white;
}
.entry-content{position:relative;}
#chatbox .chatbox_row_1 table,#chatbox .chatbox_row_2 table{position:relative!important;}
#smallrum{padding: 0.4em 1em;margin: 3px 1px;color: #ffffff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
.popmenubutton a {
/*display: block;
*/
padding: 2px 16px 2px 8px;
background-image: url('http://2img.net/i/fa/invision/menu_action_down.gif');
background-position: 98% 50%;
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
text-align: center;
white-space: nowrap;
text-decoration: none;
}
.popupmenu {
list-style: none;
min-width: 200px;
width:220px;
font-size: 11px;
}
.member .popupmenu {
position: absolute;
z-index: 999;
}
.popupmenu .avatar {
float: right;
margin: 5px;
width: 50px;
height: 50px;
background: url('http://2img.net/i/fa/invision/pp-blank-thumb-50px.png') no-repeat;
}
.popupmenu .avatar img {
display: block;
width: 50px;
height: 50px;
}
.popupmenu ul {
padding: 0.3em;
list-style: none;
}
.popupmenu li {
display: block;
padding: 0.1em 0.1em;
background-image: url('http://2img.net/i/fa/invision/menu_item.gif');
background-repeat: no-repeat;
background-position: 2px 50%;
text-decoration: none;
white-space: nowrap;
font-size:11px;
}
.popupmenu li a {
text-decoration: none;
}
.popup {
margin: 0.5em;
}
.popup .popup-msg {
margin: 0.5em;
}
/*Memberlist*/
.memberlist fieldset {
padding: 1em;
}
.borderwrap.member-list {
margin-bottom: 4em;
}
.member {
float: left;
width: 22%;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
}
.member-list .popmenubutton {
width: 100%;
height: auto;
}
* html .member span.membername {
float: left;
word-wrap: break-word !important;
}
* html .member span.membername {
float:left;
word-wrap: break-word !important;
white-space: normal;
}
.member-list .popmenubutton .mini-avatar {
display: block;
float: right;
margin: 5px;
background: url('http://2img.net/i/fa/invision/pp-blank-thumb-38px.png') no-repeat;
width: 38px;
height: 38px;
}
.member .popupmenu li {
background-image: none;
}
.member-list .popmenubutton .mini-avatar img {
width: 38px;
height: 38px;
}
.member p {
font-size: 10px;
height: 7em;
overflow: auto;
}
div.borderwrap .member-list {
padding: 5px;
border: none;
}
.popupmenu {
background-color: #fff;
border: 1px solid #d0d0d0;
}
.popupmenu .avatar {
border: 1px solid #666666;
background-color: #ffffff;
}
.popupmenu li {
background-color: #fff;
border-bottom: 1px solid #d0d0d0;
}
ul.popupmenu li.popupmenu-category {
background-color: #c4c4c4;
color: #464c55;
}
/*Memberlist*/
.member {
background-color: #fff;
border: 1px solid #979ba0;
height: 90px;
}
.member-list .popmenubutton .mini-avatar {
border: 1px solid #222222;
background-color: #fff;
}
.member p {
color: #808080;
}
div.borderwrap .member-list {
background-color: #c4c4c4;
}
.popmenubutton-new-out {
margin: 0 auto;
float: none;
padding: 0.3em 0;
}
.popmenubutton-new-out {
float: none;
width: 15em;
}
.popmenubutton-new-out a {
text-align: left;
}
.popmenubutton-new-out a {
background-color: #e4e6e9;
}
.member .popmenubutton-new-out a {
border: 1px solid #c6ccd4;
}
.popmenubutton {
margin: -1px auto;
}
.frm-info{background:#ffffe1;border:1px solid #E6E6E6;margin:1.7em;padding:1em}.main ul.frm-info{list-style-type:none}.main .frm-info li{background:url(blue.png) no-repeat top left;padding:0 0 1em 2em}
.Sname a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px 5px}.Sname a:active,.Sname a:hover{background-color:#2F98D9;color:#FFF}.Sname{text-align:right}
/*
* jQuery plugin zzImgUr ver 1.6 by zzbaivong
* http://devs.forumvi.com/
*/
.imgur_Zzbv,.imgur_Zzbv *{box-sizing:content-box;-moz-boxsizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}
.imgur_Zzbv{border:1px solid #333;background:#FFF;height:auto}
.imgur_Zzbv-iconError,.imgur_Zzbv-iconDevs,.imgur_Zzbv-delete,.imgur_Zzbv-remove,.imgur_Zzbv-iconSelect,.imgur_Zzbv-button div img,.imgur_Zzbv-iconComplete,.imgur_Zzbv-iconImage{display:inline-block;background:url(http://i.imgur.com/e9GpBzF.png) no-repeat center center;width:16px;height:16px;float:left;margin:7px!important}
.imgur_Zzbv-iconDevs{background-position:0 0}
.imgur_Zzbv-iconComplete{background-position:-32px -16px}
.imgur_Zzbv-status img{margin:0!important}
.imgur_Zzbv-iconError{background-position:0 -32px}
.imgur_Zzbv-iconSelect{background-position:0 -16px}
.imgur_Zzbv-iconUpload{background-position:-16px -16px}
.imgur_Zzbv-iconReset{background-position:-16px 0}
.imgur_Zzbv-iconImage{background-position:-16px -32px}
.imgur_Zzbv-iconImage.imgur_Zzbv-iconUrl{background-position:-32px -32px}
.imgur_Zzbv-mode{cursor:pointer;width:30px;height:30px;float:left;background-color:#FF475D}
.imgur_Zzbv-mode.imgur_Zzbv-zzURL{background-color:#0B704C}
.imgur_Zzbv-button div{cursor:pointer;background-color:#359BED;border:0;height:30px;display:none;padding:0 10px 0 0}
.imgur_Zzbv-button .imgur_Zzbv-reset{background-color:#01686D}
.imgur_Zzbv-delete,.imgur_Zzbv-remove{background-position:-32px 0;position:absolute;right:3px;top:3px;height:16px;width:16px;text-indent:-9999px;overflow:hidden;background-color:transparent;margin:0}
.imgur_Zzbv-control{position:relative;height:30px;line-height:30px;overflow:hidden;background:#333;color:#FFF}
.imgur_Zzbv-preview{overflow-y:auto;overflow-x:hidden}
.imgur_Zzbv-li{background:#f2f2f2;list-style-type:none;position:relative;height:68px;border-top:1px solid #DDD;overflow:hidden}
.imgur_Zzbv-li:first-child{border-top:0 none}
.imgur_Zzbv-li:nth-child(2n){background:#E7E6E6}
.imgur_Zzbv-li:hover{background:#007CEE;color:#FFF}
.imgur_Zzbv-li.imgur_Zzbv-success{background:#FFFFA1}
.imgur_Zzbv-image{width:100px;overflow:hidden;position:absolute;height:100%}
.imgur_Zzbv-image img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.imgur_Zzbv-info{position:absolute;left:100px;top:0;right:0;height:100%}
.imgur_Zzbv-info > *{white-space:nowrap}
.imgur_Zzbv-dl{line-height:34px}
.imgur_Zzbv-dl > div{height:34px}
.imgur_Zzbv-dt{float:left;width:70px;font-weight:300;font-size:12px}
.imgur_Zzbv input.imgur_Zzbv-input{width:calc(100% - 84px)!important;height:16px!important;line-height:16px!important;margin:8px 0!important;padding:0!important}
.imgur_Zzbv-status{position:absolute;width:16px;height:16px;line-height:16px;left:5px;top:7px;display:none}
.imgur_Zzbv-add{cursor:pointer;position:absolute;width:100px;height:30px;overflow:hidden;background:orange;left:30px;top:0;z-index:10}
.imgur_Zzbv-upload-URL.imgur_Zzbv-add{background:#C100E6}
.imgur_Zzbv-textSelect{position:absolute;width:100%;left:30px;height:30px;line-height:30px}
.imgur_Zzbv-choose{cursor:pointer;z-index:10;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;font-size:300px;height:1000px;right:0;top:0;position:absolute}
.imgur_Zzbv-length{position:absolute;width:50px;text-align:center;top:0;left:50%;margin-left:-25px;display:none}
.imgur_Zzbv-button{position:absolute;width:90px;right:0;top:0;white-space:nowrap;z-index:10}
.imgur_Zzbv-mode:hover,.imgur_Zzbv-button div:hover,.imgur_Zzbv-add:hover{background-color:#666}
.imgur_Zzbv-devs-icon{position:absolute;right:0;top:0;line-height:16px}
.imgur_Zzbv-tip{height:24px;font-size:13px;font-style:italic;line-height:26px}
.imgur_Zzbv-tip img{vertical-align:middle;float:none;margin:-4px 0 0}
.imgur_Zzbv-wrap-progress{background:#FFF;height:3px;border:0;position:absolute;bottom:0;left:-100px;right:0}
.imgur_Zzbv-progress{height:3px;background:red;width:1px}
.imgur_Zzbv-errorURL{color:red}
.imgur_Zzbv input.imgur_Zzbv-imageURL{width:calc(100% - 11px)!important;border:0 none!important;box-shadow:0 0 0 1px #DDD!important;height:16px!important;line-height:16px!important;margin:0 0 0 1px !important}
.imgur_Zzbv-mini .imgur_Zzbv-button,.imgur_Zzbv-mini .imgur_Zzbv-add{width:30px}
.imgur_Zzbv-mini .imgur_Zzbv-info{left:10px}
.imgur_Zzbv-mini .imgur_Zzbv-wrap-progress{left:-10px}
.imgur_Zzbv-upload-URL,.imgur_Zzbv-mini .imgur_Zzbv-image{display:none}
/* Tổng Thể */
a {text-decoration:none!important}
body {font-family: sans-serif;0px!important;overflow-x:hidden!important;height:100%;background:url(http://bglabs.evade.netdna-cdn.com/wp-content/themes/shots/assets/images/dark/bg.png)}
.pun {padding:0!important}
.somethinglikethat {background:#d2d1d0}
/* Thông Điệp Index */
#thongdiepne {position: absolute;background: #fff;width: 180px;height: 55px;right: 280px;top: 120px;border: 1px solid #d7d7d7;overflow:hidden;overflow-y:auto;padding:10px}
.module .main-content{opacity: 0.1;}
ul#pun-legend, ul.pun-legend {
display:none;
}
::-webkit-scrollbar{height:13px;overflow:visible;width:13px}
::-webkit-scrollbar-button{height:0;width:0}
::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 1px}
::-webkit-scrollbar-track:horizontal{border-width:1px 0 0 0}
::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}
::-webkit-scrollbar-track:horizontal:hover{box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}
::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-track:horizontal:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;border:solid transparent;min-height:28px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);border-width:1px 1px 1px 2px;padding:100px 0 0}
::-webkit-scrollbar-thumb:horizontal{box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);border-width:2px 1px 1px;padding:0 0 0 100px}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)}
::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.5);box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)}
::-webkit-scrollbar-corner{background:transparent;background-clip:padding-box;border:solid #fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,.14);border-width:1px 0 0 1px}
body::-webkit-scrollbar{height:16px;width:16px}
body::-webkit-scrollbar-track-piece{background-clip:padding-box;background-color:#f5f5f5;border:solid #fff;box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);border-width:0 0 0 1px}
body::-webkit-scrollbar-track-piece:horizontal{box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);border-width:1px 0 0 0}
body::-webkit-scrollbar-thumb{border-width:0 0 0 1px}
body::-webkit-scrollbar-thumb:horizontal{border-width:1px 0 0 0}
body::-webkit-scrollbar-corner{background-color:#f5f5f5}
body{background-attachment:fixed;background-color:#FEFEFE;background-image:url(http://wallpaperswiki.org/wallpapers/2012/11/Wallpaper-Abstract-Circles-Patterns-Dots-Light-Colors-Bokeh-Abstraction-1080x1920.jpg);background-position:50% 0;background-repeat:repeat-x;}
a{color:#239ADC;text-decoration:none;transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out;-webkit-transition:color .25s ease-in-out;}
.bg-blue>div,.bg-blue>p,.w,#content .boxtitle h3,#content-full .boxtitle h3{color:#fff;}
.logo{width:890px;height:120px;display:block;padding:50px;}
.nav{list-style:none;overflow:hidden;margin:0 0 0 10px;}
.nav li a{color:#FFF;text-decoration:none;background:#239ADC;position:relative;display:block;float:left;padding:7px 0 7px 45px;}
.nav li a:after{content:" ";display:block;width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #239ADC;position:absolute;top:50%;margin-top:-50px;left:100%;z-index:2;}
.nav li a:before{content:" ";display:block;width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #FFF;position:absolute;top:50%;margin-top:-50px;margin-left:1px;left:100%;z-index:1;}
.nav li:first-child a{padding-left:10px;}
.nav li:nth-child(2) a{background:#3DA3DA;}
.nav li:nth-child(2) a:after{border-left-color:#3DA3DA;}
.nav li:nth-child(3) a{background:#5EB1DE;}
.nav li:nth-child(3) a:after{border-left-color:#5EB1DE;}
.nav li:nth-child(4) a{background:#81C2E5;}
.nav li:nth-child(4) a:after{border-left-color:#81C2E5;}
.nav li:nth-child(5) a{background:#A7D2E9;}
.nav li:nth-child(5) a:after{border-left-color:#A7D2E9;}
.nav li a:hover{background:#C7E0EE!important;}
.nav li a:hover:after{border-left-color:#C7E0EE!important;}
.fl,.nav li{float:left;}
.pun table .tcr {
overflow: hidden;
padding: .5em !important;
text-align: left;
width: 30%;
}
.lastpost-avatar {
float: left;
padding: 2px;
}
.lastpost-avatar img {
width: 38px;
height: 38px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.pun .frm dd.frm-input input {
width: 82%;
height: 20px;
}
/* SKin Plusvn Blue Ver 2.0
Design by: Dang0123
Forum: Plusvn.net*/
.keytags{text-align: center;font-size: 10px;}
.main .main-foot,.main .main-head{background-color:#239adc;color:#fff;font-weight:700;padding:.7em 1.3em;}
.pun .main-content{background-color:#fff;border:1px solid #239adc;margin-bottom:10px;}
.pun table.table tr td {border-color: #F2F2F2;box-shadow:0 0 0px 0 transparent;transition: 0s!important;} .pun table.table tr:hover td {border-color: #36CEFC;box-shadow:0 0 10px 0 #36CEFC;transition: all .5s ease-in-out!important;} #pun-info dd:hover {background-color: #F5F5F5!important;}
.pun table.table td{background-color:#fbfbfb;line-height:130%;border-color:#239adc;border-style:solid none none solid;border-width:1px;padding:.6em 0 .7em;}
.plusbox{color:#888;font-size:12px;padding-right:10px;}
#smallrum{color:#FFF;width:360px;margin:3px 1px;padding:.8em 1em;}
#smallrum a.gensmall{display:inline-block;text-align:left;width:160px;}
/* User action */
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:20}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
/*chuyenmuc sidebar*/
.bd-green{border:1px solid #89c550;}
.bd-orange{border:1px solid #e4613a;}
.widget h3{display:block;padding:7px 10px;}
.widget{margin:0 0 10px;}
.bg-orange{background:#e4613a;color:#fff;}
.bg-green{background:#89c550;color:#fff;}
#thongbao{min-height:10px;padding:7px;}
#thongbao li{display:block;text-decoration:none;border-bottom:1px solid #efefef;transition:background .25s ease-in-out;-moz-transition:background .25s ease-in-out;-webkit-transition:background .25s ease-in-out;padding:10px 7px;}
#thongbao li:hover{background:#efefef;}
#event{min-height:10px;padding:7px;}
#event li{display:block;text-decoration:none;border-bottom:1px solid #efefef;transition:background .25s ease-in-out;-moz-transition:background .25s ease-in-out;-webkit-transition:background .25s ease-in-out;padding:10px 7px;}
#event li:hover{background:#efefef;}
#gunny{min-height:10px;padding:7px;}
#gunny li{display:block;text-decoration:none;border-bottom:1px solid #efefef;transition:background .25s ease-in-out;-moz-transition:background .25s ease-in-out;-webkit-transition:background .25s ease-in-out;padding:10px 7px;}
#gunny li:hover{background:#efefef;}
#anime{min-height:10px;padding:7px;}
#anime li{display:block;text-decoration:none;border-bottom:1px solid #efefef;transition:background .25s ease-in-out;-moz-transition:background .25s ease-in-out;-webkit-transition:background .25s ease-in-out;padding:10px 7px;}
#anime li:hover{background:#efefef;}
#anime1{min-height:10px;padding:7px;}
#anime1 li{display:block;text-decoration:none;border-bottom:1px solid #efefef;transition:background .25s ease-in-out;-moz-transition:background .25s ease-in-out;-webkit-transition:background .25s ease-in-out;padding:10px 7px;}
#anime1 li:hover{background:#efefef;}
/* Footer */
#pun-about{background:inherit;border:0;text-align: center;}
#pun-about #qjump, #pun-about > fieldset{display:none}
#pun-about ul li,.vietnamese{font-size:11px}
#pun-about ul li a{color:#6f6f6f;font-weight:300}
#pun-foot{color:#666}
#totop{background:url(//i56.servimg.com/u/f56/18/59/49/93/totop10.png) no-repeat top left;width:81px;height:81px;display:block}
#totop:hover{background-position:top right}
/* Latest topics */
#content-container div#main{margin-bottom:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
#content-container div#left{float:none;width:100%}
#left{margin:30px 0}
#left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
#left a{text-decoration:none}
#left td{width:25%;vertical-align:top;border-width:0 1px}
#left .double{border-left:0;width:50%}
#left li{position:relative;width:100%;list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
#left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a{width:80%}
#left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
#left ul,#left th{padding-left:34px;padding-right:10px;margin:0}
#left ul{height:114px}
#left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
#left .changeLast,#left th h2{color:#777}
#left th{width:25%;vertical-align:middle}
th.topicLast{border-top:1px solid #F3F3F3!important}
th.double{text-align:left}
#recent_topics li{margin:.5px 0}
#left #recent_topics .lastRight{width:20%!important}
.half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
/* Tooltip */
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
/* sotrang*/
.pun .paging b{color:#f60;font:bold 12px Tahoma;line-height:15px!important;height:15px!important;border:1px solid #e6913c;background-color:#ffedcf;margin:3px;padding:4px 6.5px;}
.pun .paging a{background-image:url(http://i28.servimg.com/u/f28/16/18/15/10/untitl12.png);background-repeat:repeat-x;background-position:bottom left;background-color:#FFF;font:12px Tahoma;color:#000;line-height:15px!important;height:15px!important;border:1px solid #ccc;margin:3px;padding:4px 6.5px;}
.pun .paging a:hover{border:1px solid #417394;}
.pun .paging{color:#FFF;display:inline-block;font-size:0;padding:0;}
#qjump select{background-color:#FFF;font:11px Arial;width:110px;position:absolute;top:88px;margin-left:618px;border:0;border-left:1px solid #b0b0b0;color:#000;padding:9px 7px!important;}
/* Tabs + profile */
#tabs ~ form,#tabs ~ div{margin-left:155px;border-left:1px solid #359bed;padding-left:10px}
#tabs + form,#tabs + div{margin-top:30px}
#tabs ~ div.main-head:before{content:" ";display:block;width:10px;height:5px;position:absolute;background:#FFF;margin-top:30px;margin-left:-10px}
#tabs{position:absolute;margin-top:33px}
#new-message #tabs{margin-top:0}
#tabs:before{content:" ";position:absolute;z-index:10;width:5px;height:32px;background:#FFF;margin-left:152px;margin-top:-33px}
#new-message #tabs:before{content:none}
#tabs ul{padding:0}
#tabs ul li{display:block;float:none;padding:0;border-right:1px solid #359BED}
#tabs ul li.activetab{border-right:1px solid #FFF}
#tabs ul li a{float:none;color:#333;display:block;width:140px;border:1px solid #D2E4FF;border-right:0 none;background:#F2F9FF;margin:-1px 0 0;padding:0 7px}
#tabs ul li.activetab a{text-decoration:none;color:#359bed;background:#FFF;border:1px solid #359bed;position:relative;border-right:0 none;z-index:10}
#tabs ul li a:hover,#tabs ul li.activetab a:hover{background:none}
#profile-advanced-left{margin-left:154px;position:relative;z-index:10;margin-right:0}
#profile-advanced-left .main{padding-left:10px;border-left:1px solid #359bed;min-height:350px}
#profile-advanced-layout #tabs{bottom:0;position:absolute;top:205px;left:-15px;margin-left:-151px}
#profile-advanced-details .message-header{border-top:0}
#profile-advanced-add{position:absolute;width:100%;top:4px;height:34px;z-index:20}
.avatar img{width:48px}
.message-block{border:1px solid #F3F3F3}
.message-text{padding:0 4px}
#profile-advanced-details .message-footer li:after{content:""}
#profile-advanced-details .message-footer li a{background:none no-repeat center center transparent;display:inline-block;height:20px;margin-bottom:-14px;overflow:hidden;width:20px;text-decoration:none;text-indent:9999px;padding:4px}
#profile-advanced-details .message-footer li a[href^="/u"]{background-image:url(//r19.imgfast.net/users/1911/13/87/62/album/th/andanh10.png)}
#profile-advanced-details .message-footer li a[href*="wall?s="]{background-image:url(//i56.servimg.com/u/f56/18/59/49/93/save10.png)}
#profile-advanced-details .message-footer li a[href*="?d="],#profile-advanced-details .message-footer li a[href*="&remove="]{background-image:url(//i56.servimg.com/u/f56/18/59/49/93/delete10.png)}
#profile-advanced-details .bottom + .top{margin-bottom:0;margin-top:10px}
#new-message-link,.pagination.top:first-child{display:none}
#profile-advanced-add a{background:none no-repeat center center transparent;position:absolute;top:0;width:20px;right:0;height:20px;text-indent:9999px;overflow:hidden}
#profile-advanced-add a[href*="friend="]{background-image:url(//i56.servimg.com/u/f56/18/59/49/93/16-add10.png)}
#profile-advanced-add a[href*="foe="]{background-image:url(//i56.servimg.com/u/f56/18/59/49/93/16-rem10.png);right:30px}
.friend-block{width:100%;text-align:left;line-height:25px;border:1px solid #F3F3F3;padding:5px}
.friend-block .avatar{float:left;width:auto;height:50px;margin-right:5px}
#profile-advanced-right{margin-top:20px;float:none;position:absolute;width:155px}
#profile-advanced-right .module.main{display:none;width:155px}
#profile-advanced-add + .module.main{font-size:0}
#profile-advanced-right > .module.main:first-child, #profile-advanced-add + .module.main{display:block;font-size:0;width:150px;height:230px;overflow:hidden;color:transparent}
#profile-advanced-right > .module.main:first-child .main-head, #profile-advanced-add + .module.main .main-head{border-bottom:0}
#profile-advanced-right > .module.main:first-child br, #profile-advanced-add + .module.main br{display:none}
#profile-advanced-right > .module.main:first-child img, #profile-advanced-add + .module.main img{margin-bottom:10px;max-width:100%;max-height:150px}
#profile-advanced-right > .module.main:first-child img[src^="//illiweb.com/itest/"], #profile-advanced-add + .module.main img[src^="//illiweb.com/itest/"]{position:absolute;left:6px;top:197px}
#profile-advanced-details{margin-top:-32px}
#profile-advanced-layout{margin-top:32px}
.new-message.bottom a,.new-message.bottom a:visited,.new-message.bottom a,.new-message.bottom a:hover,.new-message.bottom a,.new-message.bottom a:focus{display:block;border:1px solid #f2f2f2;height:70px;border-left-color:red}
.new-message.bottom a img{display:none}
.new-message.bottom a:after{content:"Gửi tin nhắn";color:#999;display:block;padding:5px 10px}
#main-content > div:nth-child(21) > form > div.main-content.frm > fieldset.frm-set.multi > dl:nth-child(1) > dd > select:nth-child(4) {margin-top: 10px;}
/* Khung soạn thảo */
.editorfmvi{background-color:#B86E00;float:none!important;font-weight:700!important}
#smiley-box iframe{height: 150px;}
#textarea_content dd {margin-left: 0!important}
input[type="submit"],input[type="reset"]{float: none !important}
#smilies_categ{padding: 10px 0}
#smiley-box{border:1px solid #DDD;width:98.5%;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;}
.frm-set button.button2,.frm-set input.button2{background:none repeat scroll 0 0 #D0D0D0!important;border:1px outset #B0B0B0!important;color:#000!important;cursor:pointer!important;float:none!important;font-size:11px!important;height:25px!important;vertical-align:middle!important;width:auto!important;margin:2px 0!important;padding:1px 2px!important}
Re: [giúp] hiệu ứng bị lỗi![✔]
à cái này là do bị che thôi chứ nó vẫn hiện bt và đầy đủ để coi đã :v
Re: [giúp] hiệu ứng bị lỗi![✔]
- 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: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
<span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
<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 -->
<div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</td>
<td class="tc2">{catrow.forumrow.TOPICS}</td>
<td class="tc3">{catrow.forumrow.POSTS}</td>
<td class="tcr">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<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 -->
Re: [giúp] hiệu ứng bị lỗi![✔]
h mình chỉ có cách thêm <br> sau đoạn <tr>...</tr> thôi, thử thêm đi nó bị mất che chứ không phải bị lỗi
Re: [giúp] hiệu ứng bị lỗi![✔]
Thay đoạn này
- Code:
.pun table.table tr:hover td {
border-color: #36CEFC;
box-shadow: 0 0 10px 0 #36CEFC;
transition: all .5s ease-in-out!important;
}
- Code:
.pun table.table tr:hover td {
border-color: #36CEFC;
box-shadow: 0 0 10px 0 #36CEFC;
transition: all .5s ease-in-out!important;
position: relative;
}
Similar topics
» [2]Giúp đỡ thiết kế logo
» [Thắc mắc]Giúp mình sửa lại chữ này...
» [Thắc mắc] Ai Giúp Em Về Phần Liên Kết Với
» [help] sửa giúp cái ảnh này giúp[✔]
» Cần Giúp Đở
» [Thắc mắc]Giúp mình sửa lại chữ này...
» [Thắc mắc] Ai Giúp Em Về Phần Liên Kết Với
» [help] sửa giúp cái ảnh này giúp[✔]
» Cần Giú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