Crazy Pro??????

[Trần Phong Anh Vũ]

Crazy Pro:[Only registered and activated users can see links]
Nuke Tin Học: [Only registered and activated users can see links]

Trên cái Thanh máy xanh lơ của crazypro có mấy cái chuyên mục nhưng của em thì không có? Làm sao để tạo vậy Admin?

[admin]

He he!!! Dark Knight share cho cái CSS khá đẹp nhỉ! Trông cũng rất Pro đó! Nhưng mà vào cái trang [Only registered and activated users can see links] có một cái làm mình cười vỡ cả bụng ra! :monkey43::monkey41:
Mình kéo xuống dưới thấy thống kê tình hình diễn đàn là có 3 người đang trực tuyến( 2 thành viên và 1 khách) vậy mà ở chuyên mục nào cũng có ( 13 đang xem, 12 đang xem, 6 đang xem, ...):monkey54::monkey22:
Về câu hỏi của Guler12 mình vẫn chưa hiểu ý lắm, bạn có nói rõ hơn đc ko??? Có thể chụp ảnh càng tốt!

[Cleopatra]

anh Admin cho em xin giao dien cua 4rum CrazyPro duoc ko :monkey95:

[Trần Phong Anh Vũ]

Bây giờ thì forum đó đã đổi skin rùi! Mình thì chỉ có skin nó lúc trước:
Bạn copy đoạn mã dưới đây và thay mã này vào tập stylesheet (thay toàn bộ ) ở trong phần kểu dáng của giao diện nhé:
/* Layout
------------ */
* {

margin: 0;
padding: 0;
}

html {
font-size: 100%;
}

body {
/* Text-Sizing with ems: [Only registered and activated users can see links] */
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
color: black;
width:1000 px
background-color: #BDBEBD;
font-size: 8pt; /* This sets the default font size to be equivalent to 10px */
margin: 0 auto;
padding: 50;
background-image: url('[Only registered and activated users can see links]');
background-attachment:fixed;
}

#wrapheader {
background-image: url('[Only registered and activated users can see links]');
margin: 0 auto;
height:621px;
clear: both;
width: 1000px;
padding: 0 30px 0 30px;
background-color: #CCFFFF;}
#wrapcentre { margin: 0 auto;
clear: both;
width: 902px;
padding: 0 55px 0 55px;}
#wrapfooter {
text-align:center;
height:403px;
margin: 0 auto;
clear: both;
width: 1000px;
padding: 0 30px 0 30px;
background-image: url('[Only registered and activated users can see links]');
}


#wrapnav {
width: 790px;
padding: 0 5px 0 5px;
margin: 0 90px 0 0;
background-color: white;
border-width: 1px;
border-style: solid;
border-color: #A9B8C2;

}
#logodesc {
margin-bottom: 5px;
padding: 5px 25px;
background: #FFFFFF;
border-bottom: 1px solid #4787A7;
}

#menubar {
}

#menubottom {
margin: 0 25px;
}

#datebar {
margin: 10px 25px 0 25px;
}

#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}

.forumrules {
background-color: #b8efae;
border: 0;
font-size: 0em;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
color: #b8efae;
}

#pageheader { }
#pagecontent {}
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/* Text
--------------------- */

h1 {
color: black;
font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}

h2 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}

h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
line-height: 120%;
}

h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0;
float: left;
color: black;
font-weight: bold;
}

.rtl p.moderators {
float: right;
}

p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.linkmcp {
float: left;
}


.redbar {
margin: 0;
text-align:center;
font-weight: bold;
font-size: 1.1em;
}
p.breadcrumbs {
float: left;
margin-top: 5px;
color: red;
font-weight: bold;
white-space: normal;
font-size: 1.1em;
padding-left: 30px;
background: url(uploads/xnk11f/images/1244703387.gif) top left no-repeat; height: 25px; width: 100%;
}
p.breadcrumbs a:link, p.breadcrumbs a:visited, p.breadcrumbs a:hover, p.breadcrumbs a:active {color: #008000;}

.rtl p.breadcrumbs {
float: right; color: red;
}

p.datetime {
margin: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}

.rtl p.datetime {
float: left;
}

p.searchbar {
padding: 2px 0;
white-space: nowrap;
}

p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.searchbarreg {
float: left;
}

p.forumdesc {
padding-bottom: 4px;
}

p.topicauthor {
margin: 1px 0;
}

p.topicdetails {font-size: 1.0em;
margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0;
color: red;
font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: #0099FF;
font-weight:bold;
}

.postapprove img, .postreported img {
vertical-align: bottom;
}

.postauthor {
color: #000000;
font-size: 1.4em;
font-family: courier new, tahoma;
}
.postauthor A:hover {
background: url('[Only registered and activated users can see links]') left no-repeat;
padding-left: 30px;}

.postdetails {
background:url([Only registered and activated users can see links]) top left no-repeat;
color: #0099FF;
border: 0px solid #fff;
padding-top:60px;
padding-left:15px;
padding-right:10px;
width:320px;
height:200px;
overflow: hidden;
margin:0;
}

.postbody {
font-size: 1.2em;
line-height: 1.4em;
font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
background-image: url('uploads/xnk11f/images/1237547462.gif');
}

.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}

.posthilit {
background-color: yellow;
}

.nav {
margin: 0;
color: black;
font-weight: bold;
font-size: 10px;
}

.pagination {
padding: 4px;
color: black;
font-size: 1em;
font-weight: bold;
}

.cattitle {

}

.gen {
margin: 1px 1px;
font-size: 1.2em;
}

.genmed {
margin: 1px 1px;
font-size: 1.0em;
color: #BF8040;
}

.gensmall {
margin: 1px 1px;
font-size: 10px;
}

.copyright, .copyright a:link {
color: #b8efae;
font-size: 0px;
}


a.titles , a.titles:link, a.titles:visited, a.titles:active {
color: #ff00bf; text-decoration: blink;
font-family: times new roman, courier new, Tahoma;
font-weight: bold;
font-size: 1.7em; width: 100%;
}
.error {color: red;}


/* Tables
------------ */
th {
color: #1742FE;
background-color: #0099FF;
height: 20px;
white-space: nowrap;
padding: 4px 5px;
background-image: url('[Only registered and activated users can see links]');
}

td {
padding: 2px;
}
td.profile {
padding: 4px;
}
.tablemusic {BORDER-RIGHT: #bf00ff 3px dotted;
BORDER-LEFT: #bf00ff 3px dotted;
BORDER-BOTTOM: #bf00ff 3px dotted;
BORDER-TOP: 0px;
background-color: #66CCFF;

}
.tablecm {BORDER-RIGHT: #FF7F00 1px dashed;
BORDER-LEFT: #FF7F00 1px dashed;
BORDER-BOTTOM: #FF7F00 1px dashed;
BORDER-TOP: 0px;
background: url([Only registered and activated users can see links]) top right no-repeat;

}

.tablebg {BORDER-RIGHT: #EED5D2 2px dotted;
BORDER-LEFT: #EED5D2 2px dotted;
BORDER-BOTTOM: #EED5D2 2px dotted;
BORDER-TOP: 0px;
background-color: #b8efae;
color: #000000;
}

.catdiv {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background: white url('styles/Autinhyeu/theme/images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
background: white url('styles/Autinhyeu/theme/images/cellpic2_rtl.jpg') repeat-y scroll top rtight;
}

.cat {
font-size: 15px;
color: #F0F8FF;
height: 108px;
margin: th0;
padding: 0;
border: 0;
background-color: #C7D0D7;
background-image: url([Only registered and activated users can see links]);
text-indent: 25px;}

.na {
color: black;
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #C7D0D7;
text-indent: 4px;
}

.row1 {
background-color: white;
padding: 4px;
background-image: url([Only registered and activated users can see links]);
}

.autinhyeu {
background-color: #0099FF;
color: white;
text-align:center;
background-image: url([Only registered and activated users can see links]);
padding: 4px;
font-size: 13px;
}

.row2 {
background-color: white;
padding: 4px;
}

.row3 {
background-color: #00CCFF;
padding: 4px;
}

.spacer {
background-color: #0099FF;
}

hr {
height: 1px;
border-width: 0;
background-color: #D1D7DC;
color: #D1D7DC;
}

.legend {
text-align:center;
margin: 0 auto;
}

/* Links
------------ */
a:link {
color: #0099FF;
text-decoration: none;
font-weight: bold
}

a:active,
a:visited {
color: #0099FF;
text-decoration: none;
}


a.forumlink {
color: #FF7F00;
font-weight: bold;
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 1.4em;
}

a.aulove {color: #F0F8FF;
font-family: Tahoma, Helvetica, Arial, sans-serif;font-weight: bold;
}

a.topictitle {
margin: 1px 0;
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.1em;
color: blue;
}
a.topictitle:visited {
color: blue;
}

th a,
th a:visited {
color: #FFFFFF !important;
text-decoration: none;
}

th a:hover {
color: #93CE6F;
text-decoration: underline;
}


/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}
input {
color: #8B4513;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
padding: 1px;
background: #CCFFFF;
}

textarea {
background-color: white;
color: black;
font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 1.2em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 2px;
}

select {
color: #333333;
background-color: #FAFAFA;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 1px;
}

option {
padding: 0 1em 0 0;
}

option.disabled-option {
color: graytext;
}

.rtl option {
padding: 0 0 0 1em;
}

input.radio {
border: none;
background-color: transparent;
}

.post {
background-color: white;
border-style: solid;
border-width: 1px;
border-color: black;
}
.btnbbcode {
color: blue;
font-weight: bold;
font-size: 1.0em;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
background: #CCFFFF;
border: 1px solid #999999;
}
.button2 {background: url([Only registered and activated users can see links]) center center repeat-x;color: blue;}
.btnmain {
font-weight: bold;
background: url([Only registered and activated users can see links]) center center repeat-x;
border: 1px solid;
cursor: pointer;
padding: 1px 5px;
font-size: 11px;
}

.btnlite {
font-weight: bold;
background: url([Only registered and activated users can see links]) center center repeat-x;
border: 1px solid;
cursor: pointer;
padding: 1px 5px;
font-size: 11px;
}

.btnfile {
font-weight: bold;
background-color: #FFC0CB;
border: 1px solid black;
padding: 1px 5px;
font-size: 1.1em;
}
.btnlite:hover, .btnmain:hover {color: #8000bf;border: 1px solid #bbb;}

.helpline {
background-color: white;
border-style: none;
}
.button2:hover {background: url([Only registered and activated users can see links]) center center repeat-x;border: 1px solid #bbb;cursor:help;top:2px;color: #8000bf;}


/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #42AA10;
color: white;
background-color: #0099FF;
font-size: 0.85em;
font-weight: bold;max-width: 803px;
}

.quotetitle .quotetitle {
font-size: 1em;max-width: 803px;
}

.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #42AA10;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: white;
color: black;
max-height: 350px;
max-width: 800px;
overflow: auto;
}
.quotecontent1{
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #42AA10;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
line-height: 1.4em;
background-color: white;
}

.attachcontent {
font-size: 0.85em;
}

.codetitle {
margin: 10px 5px 0 5px;
padding: 2px 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #42AA10;
color: white;
background-color: #0099FF;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;

max-width: 803px;

}

.codecontent {
direction: ltr;
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #42AA10;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: black;
font-size: 0.85em;
font-family: Tahoma, Monaco, 'Courier New', monospace;
background-color: white;
max-height: 200px;
max-width: 800px;
overflow: auto;
}

.syntaxbg {
color: #FFFFFF;
}

.syntaxcomment {
color: #FF8000;
}

.syntaxdefault {
color: #0000BB;
}

.syntaxhtml {
color: #000000;
}

.syntaxkeyword {
color: #007700;
}

.syntaxstring {
color: #DD0000;
}


/* Private messages
------------------ */
.pm_marked_colour {
background-color: #000000;
}

.pm_replied_colour {
background-color: #A9B8C2;
}

.pm_friend_colour {
background-color: #007700;
}

.pm_foe_colour {
background-color: #DD0000;
}


/* Misc
------------ */
img {
border: none;
}

.sep {
color: black;
background-color: #FFA34F;
}

table.colortable td {
padding: 0;
}

pre {
font-size: 1.1em;
font-family: Tahoma, Monaco, 'Courier New', monospace;
}

.nowrap {
white-space: nowrap;
}

.username-coloured {
font-weight: bold;
font-size: 0.9em;
background: url('[Only registered and activated users can see links]') center left no-repeat;
width: 24px;
padding-left: 18px;
}

.subforum.read {
background: url('uploads/xnk11f/images/1237548510.gif') center left no-repeat;
padding-left: 25px;
font-size: 1.2em;
font-weight: bold;
color: #8040FF;
}

.subforum.unread {
background: url('uploads/xnk11f/images/1237548510.gif') center left no-repeat;
padding-left: 25px;
font-size: 1.2em;
font-weight: bold;
color: #8040FF;
}

#thumbbox {
BORDER-RIGHT: 0px;
PADDING-RIGHT: 0px;
BORDER-TOP: #FF00FF 4px dotted;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
BORDER-LEFT: 0px;
WIDTH: 890px;
PADDING-TOP: 0px;
BORDER-BOTTOM: #FF00FF 4px dotted;
POSITION: relative;
TEXT-ALIGN: center;
}

#thumb_container {
MARGIN: 0 auto;
OVERFLOW: hidden;
WIDTH: 820px;
POSITION: relative;
HEIGHT: 60px
}

#thumbgall {
Z-INDEX: 1000;
LEFT: 0px;
WHITE-SPACE: nowrap;
POSITION: absolute;
TOP: 0px
}

#thumbs IMG {
VERTICAL-ALIGN: top;
MARGIN-RIGHT: 3px;
}
#thumbs A IMG {
BORDER-RIGHT: #333 0px solid;
BORDER-TOP: #333 0px solid;
BORDER-LEFT: #333 0px solid;
BORDER-BOTTOM: #333 0px solid;
}
#thumbs A:hover IMG {
BORDER: #ccc 1px solid;
}

#thumbs A:hover {
color: red;
}

#widthbox {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
POSITION: relative;
TOP: 0px
}

#back {
Z-INDEX: 1001; LEFT: 0px; FLOAT: left; POSITION: absolute; TOP: 0px
}

#leftmore {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 60px
}

#leftmore UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 60px; BORDER-BOTTOM-STYLE: none
}

#leftmore LI {
MARGIN: 0px; HEIGHT: 60px
}

#leftmore LI A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url([Only registered and activated users can see links]) no-repeat; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#leftmore LI A:hover {
BACKGROUND: url([Only registered and activated users can see links]) no-repeat; COLOR: #fff; HEIGHT: 60px
}

#more {
Z-INDEX: 1001; LEFT: 845px; FLOAT: right; POSITION: absolute; TOP: 0px
}

#rightmore {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #333; PADDING-TOP: 0px; HEIGHT: 60px
}

#rightmore UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; HEIGHT: 60px; BORDER-BOTTOM-STYLE: none
}

#rightmore LI {
MARGIN: 0px; HEIGHT: 60px
}

#rightmore LI A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url([Only registered and activated users can see links]) no-repeat; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#rightmore LI A:hover {
BACKGROUND: url([Only registered and activated users can see links]) no-repeat; COLOR: #fff; HEIGHT: 60px
}
fieldset {
margin-top:10px;
padding:5px;
border:1.5px dashed #000000;
}
legend {
background: url('[Only registered and activated users can see links]') left no-repeat;
padding-left: 30px;
font-size:12px;
padding:3px 10px 3px 10px;
border:2px solid #000000;
margin-left: 10px;
background:#868686;
color: #FFFFFF;
font-weight: bold;
}
.postlink {
background:url([Only registered and activated users can see links]) no-repeat right;
padding-right:16px;
}

.postlink:hover {
background:url([Only registered and activated users can see links]) no-repeat right;
padding-right:16px;
}
.chromestyle{
width: 701px;
font-weight: bold;
font-size: 14px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 701px;
color: #000;
background: url([Only registered and activated users can see links]) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #ADED7C;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ text-decoration: none;top: 0px;
background: url([Only registered and activated users can see links]) center center repeat-x;
}
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #ADED7C; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:14px;
z-index:100;
background-color: white;
width: 100%;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CA CACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #ADED7C; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #EAFADC;
}