C5ZONE
CHÀO MỪNG BẠN ĐÃ GHÉ THĂM DIỄN ĐÀN C5Zone


Bạn nên đăng nhập hoặc đăng ký thì mới xem được những nội dung chính của DIỄN ĐÀN. Việc đăng nhập hoặc đăng ký làm thành viên không tốn phí gì đâu. bạn yên tâm.
Bạn cũng có thể cứ làm khách vẫn xem được một phần nội dung của Diễn đàn, nhưng bị nhiều hạn chế hạn chế ở các chuyên mục như: không xem được ảnh, không nhìn thấy link ...

< /form>< /div>< /div>
C5ZONE
CHÀO MỪNG BẠN ĐÃ GHÉ THĂM DIỄN ĐÀN C5Zone


Bạn nên đăng nhập hoặc đăng ký thì mới xem được những nội dung chính của DIỄN ĐÀN. Việc đăng nhập hoặc đăng ký làm thành viên không tốn phí gì đâu. bạn yên tâm.
Bạn cũng có thể cứ làm khách vẫn xem được một phần nội dung của Diễn đàn, nhưng bị nhiều hạn chế hạn chế ở các chuyên mục như: không xem được ảnh, không nhìn thấy link ...

< /form>< /div>< /div>
C5ZONE
Would you like to react to this message? Create an account in a few clicks or log in to continue.

C5ZONELog in

We Share


Một số CSS style phong cách CP

2 posters

descriptionMột số CSS style phong cách CP EmptyMột số CSS style phong cách CP31/12/2012, 11:34

more_horiz
Stt góc phải màn hình

Code:

/*Stt góc phải màn hình*/
[alt]:hover::after, [title]:hover::before, .post-entry a:hover::after {
border-right: 2px solid #F40;
border-left: 2px solid #7CBA2C;
min-height: 30px;
max-width: 500px;
font-size: 15px;
text-shadow: 0 0 0 black;
position: fixed;
bottom: 10px;
right: 10px;
background: rgba(255, 255, 255, 0.9);
padding: 5px 10px;
color: #00A5CD;
}
[alt]:hover::after{
z-index:998;
content:attr(alt)
}
[title]:hover::before{
z-index:999;
content:attr(title)
}
.post-entry a:hover::after{
content:attr(href) 
}

code quote spoiler

Code:

.codebox.contcode{
background:white;
padding:5px;
border:2px solid #DDD;
border-right:2px solid #F40;
max-width:100%;
box-shadow:2px 2px 5px #EBEADD
}
.hidecode dt+dd dt {
display: block;
}
.codebox dt{
color:#F40!important;
background:#FFF!important;
border-bottom:2px solid #F40;
}
.codebox dd{
border:0;
}
.hidecode > dd {
max-height: 5000px;
}
blockquote {
border:2px solid #DDD;
border-left:2px solid #7CBA2C;
background:#FFF;
box-shadow:2px 2px 5px #EBEADD
}
blockquote cite {
background:#FFF;
margin:0;
border-bottom:2px solid #7CBA2C;
padding:0;
}
.spoiler{
background:#FFF;
border:2px solid #DDD;
border-left:2px solid #00A5CD;
box-shadow:2px 2px 5px #EBEADD
}
.spoiler dt{
background:transparent;
border-bottom:2px solid #00A5CD;
color:#00A5CD;
}
.spoiler>dt:after{
content:"▼ Click để xem";
float:right;
}

CSS hóa button

Code:

/*CSS hóa button*/
#scroll a{
display:inline-block;
border-radius:50px;
margin-right: 3px;
width: 10px;
height: 10px;
}
#scroll a:hover{opacity:.5}
.post-icon>a[href*="/privmsg?mode=post"],a[href*="topic?thank"],.post a[href="#top"],a[href*="mode=post_profile"],a[href*="mode=reply"],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"]{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
white-space:nowrap;
color:#DDD!important;
padding: 5px;
margin: 3px; 
font-weight: bold;
}
a[href*="mode=post_profile"]:hover,.post-icon>a[href*="/privmsg?mode=post"]:hover,a[href*="topic?thank"]:hover,.post a[href="#top"]:hover,a[href*="mode=post_profile"]: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{
color:#F40!important; 
}
a[href*="mode=post_profile"],.post-icon>a[href*="/privmsg?mode=post"],a[href*="mode=reply"],a[href*="mode=newtopic"]{
font:bold 14px Arial,sans-serif!important;
background:rgba(255,68,0,.68);
}
a[href*="mode=post_profile"]:hover,.post-icon>a[href*="/privmsg?mode=post"]:hover{background:rgba(255,68,0,.2)}
a[href*="mode=newtopic"]{background:rgba(0,165,205,.68)}
a[href*="mode=newtopic"]:hover{
background:rgba(0,165,205,.2);
color:#00A5CD!important
}
a[href*="mode=reply"]{background:rgba(124,186,44,.68)}
a[href*="mode=reply"]:hover{
background:rgba(124,186,44,.2);
color:#7CBA2C!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"}
a[href*="mode=unlock&p"]:before{content:"✓ Cho phép báo xấu"}
a[href*="cp?mode=delete"]:before{content:"✘ Xóa chủ đề"}
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 chủ đề"}
a[href*="cp?mode=split"]:before{content:"✂ Tách bài viết"}
a[href*="merge?t="]:before{content:"✁ Gộp bài viết"}
a[href*="cp?mode=unlock"]:before{content:"☑ Mở khóa chủ đề"}
a[href*="mode=post_profile"]:after{content:"✍ Viết lên tường"}
a[href*="mode=newtopic"]:before{content:"✑ Tạo chủ đề mới"}
a[href*="mode=reply"]:before{content:"✏ Trả lời chủ đề"}
.post a[href="#top"]:before{content:"▲ Lên"}
a[href*="topic?thank"]:after{content:"★ Chọn làm câu trả lời hay nhất ❤"}
.post-icon>a[href*="/privmsg?mode=post"]:after{content:"✉ Viết thư mới"}
[src="http://2img.net/i/fa/invision/icon_multiquote_on_en.png"],
[src="http://2img.net/i/fa/invision/icon_multiquote_off_en.png"] {
background:transparent;
content: "";
margin-top: 1px;
width: 81px;
height: 17px;
display: block;
}
[src="http://2img.net/i/fa/invision/icon_multiquote_on_en.png"]::after,
[src="http://2img.net/i/fa/invision/icon_multiquote_off_en.png"]::after{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
content: "❝ + Trích dẫn";
font-size: 11px;
color:#DDD
}
[src="http://2img.net/i/fa/invision/icon_multiquote_on_en.png"]::after{
content: "- ❞ Trích dẫn"; 
}
[src="http://2img.net/i/fa/invision/icon_multiquote_off_en.png"]:hover::after,
[src="http://2img.net/i/fa/invision/icon_multiquote_on_en.png"]:hover::after{
color:#F40!important
}
#profile-advanced-add a,.borderwrap a,.posting-buttons a,.post a,#mudimPanel{
-webkit-transition:All .3s ease;
-moz-transition:All .3s ease;
-o-transition:All .3s ease;
}
.post-footer {padding:4px}
.post-icon a {padding: 12px 25px!important;margin:7px}
.posting-options {margin: 2.5em 0}
#left .module:first-child{margin-bottom:10px}
form .row2.centered, form .row1.centered {float:none}
.imageshackiframe {width:542px!important;height:232px!important}
.topic-desc{max-width:500px}
#field_id9 .field_uneditable{height:20px;overflow:hidden}
.post-entry blockquote a{display:inline!important}
.signature_div{max-height:180px;overflow:hidden}
.signature_div:hover{max-height:320px}
.enlarge,.resize,.fullsize{font-size:0}
.resize::before{content:"Click để thu nhỏ ảnh"!important}
.enlarge::before{content:"Click để phóng to ảnh"!important}
.enlarge::before,.resize::before,.fullsize::before{
font-size:12px;
display:inline-block;
}

descriptionMột số CSS style phong cách CP EmptyRe: Một số CSS style phong cách CP31/12/2012, 14:48

more_horiz
submenu trên đầu 4r

Code:

#submenu {
background:url(http://i44.servimg.com/u/f44/15/64/85/86/cp12.png) 10px 0px no-repeat,url(http://i12.servimg.com/u/f12/15/64/85/86/idxlat10.png) 0 0 repeat-x #EEE;
left: 0;
width: 100%;
z-index: 999;
position: fixed;
top: 0;
border-bottom: 2px solid #DDD;
}
#submenu ul li a:hover{
background-color:rgba(255, 68, 0, 0.7)!important;
color:#FFF!important;
padding-top:10px;
padding-bottom:10px;
}
#submenu .clearfix{
text-align:center;
}
.clearfix a{
color:#F40!important
}

descriptionMột số CSS style phong cách CP EmptyRe: Một số CSS style phong cách CP6/2/2013, 20:54

more_horiz
Thanh Submenu và Logotrip
Skin CP vào CSS tìm #submenu xóa hết đoạn đó đi và tháy =

Code:

 #logostrip{
z-index:10;
border:2px solid #DDD;
margin-top:22px;
position:absolute;
top:0;
width: 0;
border: 0;
}
#logo img{
border-radius:3px;
background:rgba(255,255,255, .92);
margin:39px 0 0 -10px;
width:248px;
padding:10px 28px;
border-left:5px solid #F7F7F7!important;
}
#logo img:hover{background:rgba(255,255,255,.75)}
#i_icon_mini_index,#i_icon_mini_portal,#i_icon_mini_members{
height: 32px;
margin: -20px 0 -15px 0px;
}
.mainmenu[href="/forum"], .mainmenu[href="/"], .mainmenu[href="/memberlist"]{
float:left
}
.mainmenu {
margin: 0!important;
float: right;
}
#submenu {
width:948px;
border-bottom: 1px solid #CCC;
position: fixed;
z-index: 999;
border-top: 5px solid #EEE;
background: rgba(238, 238, 238, 0.75);
top:0;
width: 948px;
padding:0;
}
#submenu::after {
content: "";
background: white;
height: 1px;
margin-top: 1px;
position: absolute;
width: 948px;
}
#submenu ul li a {
color:#FFF!important;
padding-top: 10px!important;
padding-bottom: 10px!important;
text-shadow: 1px 1px 1px #888;
font-weight: bold!important;
}
#submenu ul li a:hover{
background-color:rgba(248,90,2,.7)!important;
color:#FFF!important;
padding-top:10px;
padding-bottom:10px;
}
#submenu .clearfix{
text-align:center;
}
.clearfix a{
color:#F40!important
}
.postprofile .blog_cal-border{
position:absolute;
}
.row2.centered.blog_icon+.row2.centered.blog_icon+.row2,.row1.centered.blog_icon+.row1.centered.blog_icon+.row1{
width:100%!important
}
.box-content{
border:0!important
}
#navstrip li {
text-transform: uppercase;
padding-left: 0;
background: none!important;
margin-left: 0;
}

descriptionMột số CSS style phong cách CP EmptyRe: Một số CSS style phong cách CP

more_horiz
privacy_tip Permissions in this forum:
You cannot reply to topics in this forum