Trường THPT Số 1 Mộ Đức
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

Trường THPT Số 1 Mộ Đức

Diễn đàn trường THPT số 1 Mộ Đức
 
Trang ChínhGalleryLatest imagesTìm kiếmĐăng kýĐăng Nhập

Share | 
 

 [Sưu Tầm]CSS giao diện tết của diễn đàn

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Helios
Administator
Administator
Helios

Tổng số bài gửi : 972
Reputation : 61
20/07/1991
Join date : 04/10/2009
Age : 33
Đến từ : HCMUS - cntt
MD1coin : 1798

[Sưu Tầm]CSS giao diện tết của diễn đàn _
Bài gửiTiêu đề: [Sưu Tầm]CSS giao diện tết của diễn đàn   [Sưu Tầm]CSS giao diện tết của diễn đàn Icon_minitimeThu Mar 04, 2010 12:41 am

Code:
body {background-color: #ffffff;background-image: url("http://2img.net/i/fa/empty.gif");background-attachment: scroll;}* html {scrollbar-face-color: #;scrollbar-highlight-color: #;scrollbar-shadow-color: #;scrollbar-3dlight-color: #;scrollbar-arrow-color: #;scrollbar-track-color: #;scrollbar-darkshadow-color: #;}*+ html {scrollbar-face-color: #;scrollbar-highlight-color: #;scrollbar-shadow-color: #;scrollbar-3dlight-color: #;scrollbar-arrow-color: #;scrollbar-track-color: #;scrollbar-darkshadow-color: #;}th,td,p { font-family: Verdana,Arial,Helvetica,sans-serif }a img { border: none; }a:link,a:active,a:visited { color : #20b6fb; }a:hover{ text-decoration: underline !important; color : #20b6fb; }hr{ height: 0; border: solid #ffffff 0; border-top-width: 1px;}.bodyline{ background-color: #ffffff; border: 1px #ffffff solid;}.bodylinewidth {width:80%}.forumline{ background-color: #ffffff; border: 2px #ffffff solid; }td.row1,td.row3.over:hover { background-color: #ffffff; }td.row2,td.row1.over:hover { background-color: #ffffff; }td.row3{ background-color: #ffffff; }td.rowpic {background-color: #ffffff;background-image: url("http://i14.servimg.com/u/f14/14/04/65/68/tcat_b10.png");css}th {color: #000000;font-size: 11px;font-weight : bold;background-color: #ffffff;height: 25px;background-image: url("http://i901.photobucket.com/albums/ac214/ltthien/i_back_catg.gif");padding: 2px 3px;}td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {background-image: url("http://i901.photobucket.com/albums/ac214/ltthien/i_back_catg.gif");background-color:#ffffff; border: #ffffff; border-style: solid; height: 28px;}td.cat,td.catHead,td.catBottom {height: 29px;border-width: 0;}th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {font-weight: bold; border: #ffffff; border-style: solid; /*height: 20px;*/}td.row3Right,td.spaceRow {background-color: #ffffff; border: #ffffff; border-style: solid;}td.pourcentback { background-color : #ffffff; }th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0 1px; }th.thSides,td.catSides,td.spaceRow { border-width: 0 1px; }th.thRight,td.catRight,td.row3Right { border-width: 0 1px 0 0; }th.thLeft,td.catLeft { border-width: 0 0 0 1px; }th.thBottom,td.catBottom { border-width: 0 1px 1px 1px; }th.thTop { border-width: 1px 0 0; }th.thCornerL { border-width: 1px 0 0 1px; }th.thCornerR { border-width: 1px 1px 0 0; }.maintitle, .maintitle h1{font-weight: bold; font-size: 22px; font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;text-decoration: none; line-height : 120%; color : #000000;}.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {padding: 2px 3px;}.forumline td.pagination {padding:0; }.maintitle h1 {margin: 0; padding: 0; display: inline; }.gen { font-size : 12px; }.genmed { font-size : 11px; }.gensmall { font-size : 10px; }.gen,.genmed,.gensmall { color : #000000; }a.gen,a.genmed,a.gensmall { color: #20b6fb; text-decoration: none; }a.gen:hover,a.genmed:hover,a.gensmall:hover{ color: #20b6fb; text-decoration: underline; }.mainmenu{ font-size : 11px; color : #000000 }a.mainmenu{ text-decoration: none; color : #20b6fb;}a.mainmenu:hover{ text-decoration: underline; color : #20b6fb; }.cattitle{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #20b6fb}h1.cattitle {margin:0; padding: 0; display:inline;}a.cattitle{ text-decoration: none; color : #20b6fb; }a.cattitle:hover{ text-decoration: underline; }.forumlink{ font-weight: bold; font-size: 12px; color : #20b6fb; }a.forumlink { text-decoration: none; color : #20b6fb; }a.forumlink:hover{ text-decoration: underline; color : #20b6fb; }.nav{ font-weight: bold; font-size: 11px; color : #000000; }a.nav{ text-decoration: none; color : #20b6fb; }a.nav:hover{ text-decoration: underline; }.topictitle,h1,h2{ font-weight: bold; font-size: 11px; color : #000000; }div.topictitle {display: inline;}h2.topic-title {display: inline; margin: 0; padding: 0;}a.topictitle:link{ text-decoration: none; color : #20b6fb; }a.topictitle:visited{ text-decoration: none; color : #2730e6; }a.topictitle:hover{ text-decoration: underline; color : #20b6fb; }.name{ font-size : 11px; color : #000000;}.name a{ text-decoration:none; }.postdetails{ font-size : 10px; color : #000000; }.postbody{ font-size : 12px; line-height: 18px}a.postlink:link{ text-decoration: none; color : #20b6fb }a.postlink:visited{ text-decoration: none; color : #2730e6; }a.postlink:hover{ text-decoration: underline; color : #20b6fb}.code{ font-family: Courier,CourierNew,sans-serif; font-size: 11px; color: #1856ed;background-color: #ffffff; border: #ffffff; border-style: solid;border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}.quote{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #e90696; line-height: 125%;background-color: #ffffff; border: #ffffff; border-style: solid;border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}a.copyright{ color: #20b6fb; text-decoration: none;}a.copyright:hover { color: #20b6fb; text-decoration: underline;}.coloradmin { color: #db2be5}.colormod { color: #1856ed}.vote {float: right;width: 10px;margin-left: 4px;}.vote .vote-button {text-align: center;font-weight: bold;margin-left: -1px;}.vote .vote-button a {text-decoration: none !important;}.vote .vote-bar {width: 3px;height: 50px;margin: 0 auto;border: 1px solid #000000;font-size: 0;}.vote .vote-no-bar {letter-spacing:-2px;margin-left:-2px;white-space:nowrap;}.vote .vote-bar-plus {background-color: #0f0;}.vote .vote-bar-minus {background-color: #f00;}h1.pagetitle {display: inline;margin: 0;padding: 0;font-size: 12px;color: #000000;}h1.title2 {font-size: 11px;}.secondarytitle,.secondarytitle h2 {margin: 0;padding: 0;color: #000000;}.secondarytitle h2 {display:inline;}.nav h1 {display: inline;}.hierarchy {display: inline;margin: 0;padding: 0;text-transform: none;border: none;font-size: 10px;}.mod-text {font-weight: bold;}img{border:0}input,textarea, select {color : #000000;font: normal 11px Verdana,Arial,Helvetica,sans-serif;border-color : #000000;}input.post, textarea.post, select { background-color : #ffffff; }.post-options {text-align: right;}.post-options img {cursor: pointer;vertical-align: middle;}input { text-indent : 2px; }input.button {background-color : #ffffff;color : #000000;font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif;}input.mainoption {background-color : #ffffff;font-weight : bold;}input.liteoption {background-color : #ffffff;font-weight : normal;}.helpline { background-color: #ffffff; border-style: none; }input { background-color: #ffffff; }button.button2, input.button2 {font-size: 0.7em;border: 1px solid #BCBCBC;width: auto !important;padding: 1px 0;font-family: Verdana,Arial,Helvetica,sans-serif;color: #000000;background-repeat: repeat-x;background-color: #FAFAFA;background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');background-position: top;overflow: visible;vertical-align:middle;}button.button2:hover, input.button2:hover {border: 1px solid #20b6fb;color: #20b6fb;background-position: 0 100%;}* html button.button2, * html input.button2 {padding-bottom: 0;margin-bottom: 1px;height: 24px;padding-right: 3px;padding-left: 3px;}*+html button.button2, *+html input.button2 {height: 24px;padding-right: 3px;padding-left: 3px;}*+html button.button2 img { vertical-align: middle; }* html button.button2 img { vertical-align: middle; }button.bbcode {border: 1px solid #e3adad;background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");}.select {background-color: #FFF;border: 1px solid #BCBCBC;position: absolute;z-index: 999;top: 0;left: 0;overflow: hidden;width: 0;}.select p {padding: 4px 6px;font-size: 0.7em;margin: 0;white-space: nowrap;text-align: left;}.select button {padding: 4px;font-size: 0.9em;margin: 0;background-color: #FFF;border: none;text-align:left;}.select button.button2 {border:1px solid #BCBCBC;padding: 0;}* html .select button.button2 {padding-right: 3px;padding-left: 3px;}.select button.button2:hover {border: 1px solid #20b6fb;color: #20b6fb;background-position: 0 100%;}.select button:hover,.selectHover {cursor: pointer;background-color: #EEE;}textarea#text_editor_textarea { width: 100% !important; }iframe#text_editor_iframe {width: 100%;height: 200px;}form#quick_reply textarea#text_editor_textarea {width: 100% !important;height: 100%;}form#quick_reply iframe#text_editor_iframe { width: 100%; }* html form#quick_reply iframe#text_editor_iframe { width: 600px; }*+html form#quick_reply iframe#text_editor_iframe { width: 600px; }#page-footer .gen strong {font-weight: normal;}@import url("form_ie.css");@media print {body {background-image: none;background-color: #fff;color: #000;}table.bodylinewidth span.maintitle {display: block;text-align: left;}table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {display:none;}td.catHead, .t-title {text-align: left;}table.bodylinewidth .cattitle {letter-spacing: normal; font-size: 1em;}.thLeft,.thRight {color: #000; border: none; text-align:left;}.hr hr { visibility: hidden; }.hr {border-top: 1px dotted #ddd !important; }tr.post td {vertical-align: top;border-bottom: 1px solid #ccc;}tr.post td td {border: none;}span.gen {display: none;}}ul.abuse {list-style: none;line-height: 1.5em;font-size: 0.9em;}.rtl-spacer:before {content: " ";white-space: pre;}.rtl-spacer:after {content: " ";white-space: pre;}.warning {color:#ff3333;}.captcha div.captcha-img {float: left;margin: 0 1em 0 0;}.captcha .inputbox {margin-top: 0.5em;}.center {text-align: center;}.right {float: right;}.left {float: left;}/* TGF Clearfix */.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}*+ html .clearfix {min-height: 1px;}* html .clearfix {position: relative; height: 1%; clear: both;}#page-footer, .clear {clear: both;}#page-footer h3 { margin-top: 20px; }#content-container #left {width: 180px;margin-right: 3px;}#content-container #right {width: 0px;margin-left: 3px;}.module-title {font-weight: bold;margin: 0 auto;text-align: center;display: block;}/* Chatbox */#frame_chatbox {border: none !important;}body.chatbox {min-width: 550px !important;background-image: none;padding: 0;margin: 0;background-color: #ffffff;}#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {font-size: 12px;}.chatbox-options {text-align:right;}#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {float:right;}#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;height: 30px;}#chatbox_footer table.text-styles {float: right;}#chatbox_footer .text-field {float: left;}#chatbox_header {height: 30px;background-color: #ffffff;}#chatbox p {line-height: 1.2em;}.chatbox_row_1 {padding: 4px;background-color: #ffffff;}.chatbox_row_2 {padding: 4px;background-color: #ffffff;}.chatbox_row_3 {padding: 4px;background-color: #ffffff;}.memberlist_row_1 {padding: 2px 2px 2px 10px;background-color: #ffffff;}#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #ffffff;color : #20b6fb;font-family: Verdana,Arial,Helvetica,sans-serif;}#chatbox_members ul {list-style: none;margin: 0 0 0 10px;}#chatbox_members ul li {margin: 2px 2px 2px 0;}#message,#submit_button{border-width: 1px;}.fontbutton {padding: 1px;cursor: pointer;text-align: left;}.fontbutton_normal {background: #E1E1E2;}.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}#chatbox .user {font-weight: bold;}div#chatbox {color: #000000;}#chatbox_contextmenu { background-color: #ffffff; border:1px solid #aaa;}#chatbox_contextmenu p {margin:0; padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #;border-bottom:1px solid #777; }#chatbox_contextmenu p.hover { background: #; }#chatbox_contextmenu p.close {background: #ddd; padding: 1px; font-size: 70%; color:#fff; background: url(''); }#chatbox_contextmenu p.close img { vertical-align: middle; padding-left: 20px;}#chatbox_contextmenu a { color: #; text-decoration: none; font-size: 70%;}#chatbox_contextmenu a:hover { color: #; }.fontbutton{border:0;}* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}/* poll */.poll-result td {padding: 2px 4px; text-align: left;}.poll-result td.poll-title,.poll-result td.poll-results {text-align: center;}.progress-bar td {padding: 0 !important;}.poll-ballot {text-align: left;}/* Advanced profile */#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {margin-right: 3px;}#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {margin-bottom: 3px;}#profile-advanced-button {padding: 1px;}#profile-advanced-details {overflow: hidden;}#profile-advanced-details ol {margin: 0;padding: 0;list-style: none;}#profile-advanced-details ol li {display: block;margin-bottom: 4px;}#profile-advanced-details .avatar {float: left;}.avatar {width: 50px;border: 1px solid #ffffff;background-color: #fff;}.avatar img {width: 50px;}.friend-block .avatar {margin: 0 auto;cursor:pointer;}.avatar.mini, .avatar.mini img {width: 38px;height: 38px;}.friend-block {float: left;width: 70px;margin: 1px;text-align: center;overflow: hidden;}.friend_list_online_status {line-height: 11px;font-size: .9em;}.friend_list_online_status img {vertical-align: middle;}.friends-foes-list {float: left;width: 200px;height: 2em;}#profile-advanced-details .message-block {margin-left: 57px;}#profile-advanced-details .message-header {border-top: 1px solid #ffffff;background: #ffffff;padding: 4px;margin-bottom: 4px;}#profile-advanced-details .message-date {float: right;}#profile-advanced-details .message-body {margin-bottom: 4px;}#profile-advanced-details .message-footer {text-align: right;}#profile-advanced-details .message-footer li {display: inline;margin: 0 0.25em; /* Spacing between generation dot */}#profile-advanced-details .message-footer li:after {content: ' .'; /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */}#profile-advanced-details .message-footer li a {margin-right: 0.25em; /* Spacing between generation dot */text-decoration: underline;}#profile-advanced-details .message-footer li.last:after {content: normal;}#profile-advanced-add {margin-right: 4px;padding: 8px 0;text-align: right;}#profile-advanced-details .stats-field {margin: 4px 0 10px 4px;padding: 0 10px 6px;}#profile-advanced-details .stats-field legend {font-weight: bold;}#profile-advanced-details .stats-field ul {list-style-type:none;text-indent: 10px;padding: 0;}#profile-advanced-details .stats-field li {margin: 4px 0;}#login_popup {position: absolute;z-index: 999;display: none;}#login_popup_buttons {position: absolute;height:19px;bottom: 6px;right: 6px;}#login_popup_buttons input {margin-left: 6px;}ul.profile_field_list {padding:0;margin:0}html ul.profile_field_list li {list-style-type: none;}ul.profile_field_list > li {list-style-type: none;}.inputURL {font-size:10px;font-family:"Courier New", "Times New roman";letter-spacing:-1px;}.middleline {line-height:2em;}.invisible{display:none;visibility:hidden;}.visible{display:block;visibility:visible;}/* ajax profil */.ajax-profil_hover{background:transparent}.ajax-profil_parent{position:relative;zoom:1;}.ajax-profil_edit{cursor:pointer;position:absolute;top:0;left:-18px}.ajax-profil_edit img{margin-left:4px}.ajax-profil_valid{cursor:pointer;margin-left:4px;vertical-align:middle}#profile-advanced-details dl{padding:8px 10 8px 0;width:98%;margin:10px 0 0;}#profile-advanced-details dl dt{float:left;display:block;width:10em;}#profile-advanced-details dl dd{margin-left:10em;padding-left:12px;}#profile-advanced-details div.separator{clear:both;font-size:1px;line-height:1px;border-bottom:1px solid #dcdcdc;padding-top:10px;}#profile-advanced-details .ajax-profil_edit{left:-4px;}/* jqModal */.jqmWindow {display: none;position: fixed;left: 50%;width: 450px;margin-left: -225px;top: 50%;margin-top: -125px;background-color: #ffffff;border: 1px solid #ffffff;}.jqmOverlay {background-color: #000;}.jqDrag {cursor: move;}/* Blog */.blog_cal-border {display: inline;float: left;border: 1px solid #ffffff;background: #ffffff;padding: 1px;font-size: 0.9em;margin-right: 10px;}.blog_cal-content {width: 2.9em;background: #ffffff;padding: 1px;line-height: 1.4em;text-align: center;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;color: #ffffff;}.blog_cal-content span {display: block;}.blog_cal-day {padding-left: 0.2em;font-size: 1.6em;letter-spacing: 0.2em;}.blog_cal-month {line-height: 0.7em;font-size: 2em;font-weight: bold;}.blog_cal-year {line-height: 1.2em;font-size: 0.8em;}.blog_title {padding-top: 5px;font-size: 16px;}.blog_title img {vertical-align: middle;}.blog_title .topictitle {font-size: 16px;}.blog_message {margin-top: 12px;font-size: 12px;}.blog_comments {margin-bottom: 2px;text-align: right;}.blog_comments img {vertical-align: middle;}#blog_comments {width: 90%;margin: 0 auto;}#blog_comments .postbody {width: 96%;}.blog_comment-avatar {float: left;}.blog_comment-avatar img {background-color: #fff;border: 1px solid #ffffff;vertical-align: middle;width: 38px;margin: 5px 5px 0 0;}#blog_comments table {margin-bottom: 2px;}#blog_comments .h3 {overflow: hidden;margin-top: 0;margin-left: 45px;padding: 0;min-height: 22px;}.blog_comment-title {float: left;min-height: 12px;margin-top: 7px;}.blog_comment-title a {text-decoration: none;}#blog_comments .profile-icons {float: right;margin-bottom: 5px;}/* Social bookmarking */#bookmarks {float: right;}#bookmarks a img {width: 20px;height: 20px;background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;vertical-align: middle;}#bookmarks a img.twitter {width: 16px;height: 16px;margin: 2px;background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;}#bookmarks img.delicious {background-position: -10px -10px;}#bookmarks img.digg {background-position: -10px -50px;}#bookmarks img.excite {background-position: -9px -90px;}#bookmarks img.facebook {background-position: -9px -128px;}#bookmarks img.furl {background-position: -10px -166px;}#bookmarks img.google {background-position: -10px -206px;}#bookmarks img.live {background-position: -9px -246px;}#bookmarks img.netscape {background-position: -9px -284px;}#bookmarks img.newsvine {background-position: -9px -322px;}#bookmarks img.reddit {background-position: -10px -360px;}#bookmarks img.slashdot {background-position: -10px -400px;}#bookmarks img.smarking {background-position: -9px -440px;}#bookmarks img.stumbleupon {background-position: -10px -478px;}#bookmarks img.technorati {background-position: -10px -518px;}#bookmarks img.yahoo {background-position: -10px -558px;}/* wysiwyg */.mceContentBody{background: #ffffff;color: #000000;}.align_right{text-align: right;}/* resize image */.resize_process .resizebox {display: none;}.resize_process img.resize_img {display: none;}.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {display: inline-block;zoom: 1;*display: inline;}.resizebox.enlarged a.enlarge {display: none;}.resizebox.enlarged a.resize {display: inline-block;}.resizebox a.resize {display: none;}.resizebox {background-color: #ffffff;max-width: 100%;line-height: 1.1em;cursor: default;font-weight: normal;font-style: normal;margin: 0;text-align: left;display: inline-block;}.resizebox div {font-weight: normal;font-style: normal;margin: 0;}.resizebox .resize_border {border: 1px solid #ffffff;display: block;}.resizebox .resize_content {padding: 5px 10px;display: inline-block;zoom: 1;*display: inline;}.resizebox .resize_filler {border: none;padding: 0;width: 40px;display: inline-block;zoom: 1;*display: inline;}/* Design style by vietvui */
#banner{
background:url(http://i901.photobucket.com/albums/ac214/ltthien/suoi%20tien%204/Hinh%20tu%20jokerboy/Hinh%20tap%20the%2012a1/skin%20tet%202010/8_3_ok.jpg) top center no-repeat;
width: 936px;
height: 470px;
margin:auto;
padding: 0px;
}
body
{
background: #FF0000 url(http://i901.photobucket.com/albums/ac214/ltthien/snow_bg3.gif) left top repeat;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: auto;
padding: 0px;
}
a:link
{
color: #FF6600;
text-decoration:none;
}
a:visited
{
color: #FF6600;
text-decoration:none;
}
a:hover, a:active
{
color: #FF6600;
text-decoration:none;
}
#content{
width: 854px;
margin: auto;
padding:0px;
}
#main{
background:#FF0000 url(http://c.uploadanh.com/upload/2/153/0.4773414_1_1.gif) top center repeat-y;
margin:auto;
width: 936px;
padding: 0px;
}
.page
{
width: 854px;
margin: auto;
padding: 0px;
background: #FFFFFF;
color: #000000;
}
#bg_footer{
background:#FF0000 url(http://i901.photobucket.com/albums/ac214/ltthien/skin%20tet/gradient_thead.gif) top center no-repeat;
width: 936px;
height: 164px;
padding:0px;
margin: auto;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{

color: #000000;
border: 1px solid  #FF9900;
}
.tcat
{
background: url(http://c.uploadanh.com/upload/2/153/0.4773449_1_1.gif) top left repeat-x;
height: 20px;
padding: 0px 0px 0px 15px;
color: #FFFFFF;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link
{
color: #ffffff;
text-decoration: none;
}
.tcat a:visited
{
color: #ffffff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active
{
color: #FFFF66;
text-decoration: underline;
}
.thead
{
background: url(http://i18.servimg.com/u/f18/13/18/45/07/gradie11.gif) repeat-x top left;
height: 20px;
padding: 0px;
margin: auto;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link
{
color: #FFFFFF;
}
.thead a:visited
{
color: #FFFFFF;
}
.thead a:hover, .thead a:active
{
color: #FFFFFF;
}
.tfoot
{
background:  #FF6600;
color: #FFFFFF;
}
.tfoot a:link
{
color: #E0E0F6;
}
.tfoot a:visited
{
color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active
{
color: #FFFF66;
}
.alt1, .alt1Active
{
background:  #FFFFFF;
color: #000000;
border: 1px solid  #FF9900;
}
.alt2, .alt2Active
{
background:  #FFFFFF;
color: #000000;
border: 1px solid  #FF9900;
}
td.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #F5F5FF;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #666686;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background:  #FF6633;
color: #FFFFFF;
}
.fjdpth0
{
background: #F7F7F7;
color: #000000;
}
.panel
{
background: #CCCC66 url(images/gradients/gradient_panel.gif) repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #FF0000 url(images/bg.gif) repeat-x top left;
color: #000000;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background:  #FF0000;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:visited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active
{
color: #FFFFFF;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #FF9900;
}
.vbmenu_option
{
background: #CCCC66;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:visited
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite
{
background: #8A949E;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active
{
color: #FFFFFF;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.inlinemod
{
   background: #FFFFCC;
   color: #000000;
}
.wysiwyg
{
   background: #F5F5FF;
   color: #000000;
   font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 5px 10px 10px 10px;
   padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #002B77;
   text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #002B77;
   text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #FF4400;
   text-decoration: none;
}
textarea, .bginput
{
   font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
   font-size: 10pt;
   font-family: Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
   font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
   font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
   font-size: 11px;
   font-family: Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
   font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
   color: #FF4400;
}
.navbar
{
   font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
   color: #FF0000;
   font-weight: bold;
}
.fjsel
{
   background: #3E5C92;
   color: #E0E0F6;
}
.fjdpth0
{
   background: #F7F7F7;
   color: #000000;
}
.panel
{
   background: #E4E7F5 url(http://i84.servimg.com/u/f84/14/04/65/68/gradie11.gif) repeat-x top left;
   color: #000000;
   padding: 10px;
   border: 2px outset;
}
.panelsurround
{
   background: #D1D4E0 url(http://i84.servimg.com/u/f84/14/04/65/68/gradie12.gif) repeat-x top left;
   color: #000000;
}
legend
{
   color: #002B77;
   font: 10pt Segoe UI, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
#wrapper
{
   background: transparent url(http://i84.servimg.com/u/f84/14/04/65/68/conteu10.png);
   text-align: left;
   width: 1000px;
   padding: 0px;
   margin: 0 auto;
}

#wrapper2
{
   background: transparent;
   text-align: left;
   width: 960px;
   margin: 4px auto;
}

#wrapper3
{
   padding: 0 8px;
}
#submenu
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: transparent url(http://demo.vietvbb.vn/styles/windows_vista/layout/submenu_bg.gif) no-repeat;
   width: 100%;
   text-align: left;
   height: 31px;
}

.bordure_haut {   
      padding: 3px 10px 3px 10px;
      margin: 0px 0px 0px 0px;   
      background: url(http://i84.servimg.com/u/f84/14/04/65/68/haut_m10.png) repeat-x top left;   
      width: 100%;   
      text-align: center;                                               
      color: #000000;     
      font-weight: bold;     
      font-size: 11px;
      font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; }

.bordure_bas {   
      padding: 0px 0px 0px 0px;     
      margin: 0px 0px 0px 0px;   
      background: url(http://i84.servimg.com/u/f84/14/04/65/68/bas_m10.png) repeat-x top left;   
      width: 100%; }

.bordure_gauche {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      background: url(http://i84.servimg.com/u/f84/14/04/65/68/bordur10.png) repeat-y top left;
      width: 34px; }

.bordure_droite {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      background: url(http://i84.servimg.com/u/f84/14/04/65/68/bordur11.png) repeat-y top left;
      width: 34px; }







 .quote {
border-style: dashed;color : #000000;font: normal 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif;border-color : #000000;background-color: #ffffb4;padding-left: 5px;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;}

 .code {
border-style: dashed;color : #000000;font: normal 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif;border-color : #000000;background-color: #ffffb4;padding-left: 5px;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;}



.rate{background: #F3E4EB;color: #000;border: 1px solid #000;}
.ratetext{font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}
.border_img{
background: #ffffff; border: 1px #1b1b1b solid; }
.t2border{
background: #f3f3f3; border: 1px #ededed solid; }
.avatar_forumdisplay {
padding:0px 5px 0px 0px;
}

.onlinetest {
background: #F7F7F7 url(http://img402.imageshack.us/img402/883/offline.png) ;
height: 38px;
width: 135px;
border: 0px;
}



/* Chatbox */
body.chatbox {
  min-width: 550px !important;
  background-image: none;
  padding: 0;
  margin: 0;
  background-color: #fffffff;
  background-image: url(http://img210.imageshack.us/img210/6485/back02af1.gif);
  }
#chatbox_members {
  position: absolute;
  top: 35px;
  overflow: hidden;
        height: 30px;
  border-right: 0px solid ;
  }
#chatbox {
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0;
  bottom: 30px;
  overflow: auto;
  line-height: 10px;
  }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
  font-size: 12px;
  }
#chatbox_members .member-title {
  text-align: right;
  padding: 0em 0em;
        height:10px;
        background-image: url();
  background-position: bottom left;
  background-repeat: no-repeat;
  font-size: 0px;
  background-color: transparent;
  color : transparent;
        width: 800px;
  }
#chatbox_members ul {
        list-style-image: url();
    margin: 0 0 0 0px;
        height:0px;
  overflow: hidden;
  }
#chatbox_members ul li {
padding-left: 0;
  margin-left: 20px;
  }
#chatbox_footer {
  position: absolute;
  bottom: 0;


  left: 0;
  right: 0;
  background-color: #CCCCCF;
  height: 30px;
  }
#chatbox_footer table.text-styles {

  float: right;
  }
#chatbox_footer .text-field {
  float: left;
  }
#chatbox_footer .chatfootertable {
  margin: 0px;
  background-color: #E1E1E2;
  }
#chatbox_header {
  height: 30px;
  background-color: #70a5cc;
  background-image: url();
  background-position: bottom right;
  background-repeat: no-repeat;
  }
#chatbox p {
  line-height: 1.2em;
  }
.chatbox_row_1 {
  padding: 4px;
  background:transparent;
  }
.chatbox_row_2 {
  padding: 4px;
  background:transparent;
  }
.chatbox_row_3 {
  padding: 4px;
  background:transparent;
  }
.memberlist_row_1 {
  padding: 2px 2px 2px 10px;
  background-color: #efefef;
  }
#message,#submit_button{
  border-width: 1px;
  }
.fontbutton {
  padding: 1px;
  cursor: pointer;
  text-align: left;
  }
.fontbutton_normal {
  background: #E1E1E2;
  }
.fontbutton_selected {
  background: #BBC7CE;
  border: 1px solid #22229C;

  }
.fontbutton_clicked {
  background: #959595;
  border: 1px solid #22229C;
  }
.fontbutton_hover {
  background: #E1E1E2;
  border: 1px solid #22229C;
  }
#chatbox .user {
  font-weight: bold;
  }

/* Edit did */
div#chatbox {
  color: #000000;
  }
#chatbox_contextmenu {
    background-color: #d1d7dc;
    border:1px solid #aaa;
  }
#chatbox_contextmenu p {
  margin:0;
    padding: 1px 4px;
  font-family: verdana, arial, sans-serif;
  background: #;
  border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
  background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    }
#chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
  }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
  border:0;
  }

/* End Edit did */

/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height:
expression(( document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight) - (
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) +
"px");
  }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height:
expression(( document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight) - (
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) +
"px");
 width: expression(( document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth) - (
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) )
+ "px");
  }
* html #chatbox-footer {
 
/* IE expressions helping IE work in Standards mode */
width:
expression(( document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth) - (
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) +
"px");
  }

.userinfo_bg {
background: #ededed url(http://i77.servimg.com/u/f77/12/97/61/61/bgpage10.gif) ;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.khung
{
background:#FFFAF0;
font-size: 8pt;
color: #000000; font-family: Verdana,Tahoma, Helvetica, Arial, sans-serif;
padding:2px 10px 2px 10px;
margin-bottom: 2px;
border: 1px dashed #FC4400;
}
#footer {
   clear: both;
   float: left;
   width: 950px;
   padding-top: 14px;
   font-size: 11px;
   color: #f2cf8b;
   background-color: #4e3121;
   background-image: url(http://i455.photobucket.com/albums/qq272/chanpin/alo8/footer-top.gif);
   background-position: top;
   background-repeat: no-repeat;
   margin-top: 22px;
   min-height: 200px;
}
.footer-box
{
background:#FFFAF0;
float: left;
   width: 280px;
   margin-left: 9px;
   margin-bottom: 10px;
padding:2px 10px 2px 10px;
margin-bottom: 2px;
border: 1px dashed #FC4400;
}
.footer-box ul {
   list-style: none;
   margin: 0px;
   padding-left: 0px;
}
.footer-box li {
   background-image: url(hhttp://i455.photobucket.com/albums/qq272/chanpin/alo8/small-arrow-2.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   padding: 5px 0px;
}
.footer-box h3 {
   color: #000000;
   margin-bottom: 5px;
   font-size: 18px;
   background-image: url(http://i455.photobucket.com/albums/qq272/chanpin/alo8/line-bg-2.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   padding-bottom: 10px;
   margin-top: 5px;
}
#footer a:link, #footer a:visited {
   color: #f2cf8b;
   font-size: 11px;
}
.footer-box a:link, .footer-box a:visited {
   color: #de1111;
   background-image: url(http://i455.photobucket.com/albums/qq272/chanpin/skinnhac/icon/lastpost1.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 20px;
}
.footer-box a:hover {
   color: #fff !important;
}
.credits {
   clear: both;
   padding-bottom: 20px;
   margin-top: 20px;
   float: left;
   font-size: 11px;
   width: 950px;
   color: #f2cf8b;
}
.credits a:link, .credits a:hover, .credits a:visited {
   color: #fff;
   font-weight: bold;
}
a{text-decoration:none}





HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/appletm.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/apple-tm.gif"), auto;}





Code:#topbar {
 
  MARGIN-LEFT: 300px; Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 355px;
MARGIN-TOP:200px; POSITION: absolute; BACKGROUND-COLOR: transparent;
}
Về Đầu Trang Go down
https://www.facebook.com/profile.php?id=100000140091173&a
 

[Sưu Tầm]CSS giao diện tết của diễn đàn

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
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
Trường THPT Số 1 Mộ Đức :: CUỘC SỐNG QUANH TA  :: 
Thế Giơí Công Nghệ Thông Tin
 :: Chinh phục Forumotion :: Skin - Homepage và Giao diện forum
-
Chuyển đến 
Múi giờ GMT +7.
Powered by Forumotion® Version phpBB2
Copyright ©2009 - 2010, Skin by SLOL, SKIN4U & DDTH
Diễn đàn trường THPT số 1 Mộ Đức - Huyện Mộ Đức - Tỉnh Quảng Ngãi. Điện thoại: 055.3857256 .
MoDuc1.com là diễn đàn mở, nội dung do các thành viên đưa lên.Truy cập, sử dụng website này nghĩa là bạn đã chấp nhận Quy định của diễn đàn.

Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Cookies | Thảo luận mới nhất