حصريا كود css لجعل حدود جداول المنتدى تلمع

رابط الصوره

https://i.servimg.com/u/f63/12/73/86/96/u9iaxs10.gif

لجعل الحدود متقطعه



الصوره





رابط الصوره

https://i.servimg.com/u/f62/13/42/24/54/jhgjgh10.png

اطلب لون لي تريده وحنا انشاء الله انجيبه لك بتفويق لجيمع

وديه بعض الاوان

مجموعه للوان الجميله

http://www.bloggif.com/img/glitter/100.gif http://www.bloggif.com/img/glitter/120.gif http://www.bloggif.com/img/glitter/89.gif http://www.bloggif.com/img/glitter/108.gif

ضع الرابط للصورة التي تريدها أن تكون خلفية لموضوع لمنتدى



الخطوة الرابعة



اضغط على زر "قدم" كما هو موضح في الصورة

/* This is the CSS for the top part of the theme */
.header {
background: url(images/colortheory/misc/headerbg.gif) repeat-x;
height: 135px;
}

.search-quick {
background: url(images/colortheory/misc/searchbbg.gif) repeat-x;
height: 18px;
width: 164px;
border: #c8daea 1px solid;
}

.searchtext {
font-family: verdana;
font-size: 12px;
color: #179ed9;
font-weight: bold;
height: 18px;
line-height: 18px;
float:right;
}

.searchfield {
float:right;
margin-right: 7px;
}

.search {
float:left;
background: url(images/colortheory/misc/searchbg.gif) no-repeat top right;
width: 352px;
height: 37px;
margin-top: 6px;
padding-right: 31px;
padding-top: 8px;
}

.headerimg {
background: url(images/colortheory/misc/headerimgbg.gif) no-repeat top right;
height: 78px;
clear:both;
padding-right: 61px;
}

.advert {
float:left;
padding-top: 6px;
padding-left: 6px;
width: 468px;
}

.pageheader {
padding:0;
margin:0;
background:url(images/colortheory/misc/header.gif) no-repeat;
width: 207px;
height: 78px;
}

h1 span {
display:none;
}

.pageheader a:link, .pageheader a:link, .pageheader a:visited {
display: block;
height: 78px;
}

.welcometl {
background:url(images/colortheory/misc/welcometl.gif) no-repeat bottom right;
height: 10px;
}

.welcomet {
background: url(images/colortheory/misc/welcomet.gif) repeat-x bottom right;
}

.welcometr {
background:url(images/colortheory/misc/welcometr.gif) no-repeat bottom left;
height: 10px;
}

.welcomel {
background: url(images/colortheory/misc/welcomel.gif) repeat-y top right;
}

.welcomelimg {
background: url(images/colortheory/misc/welcomelimg.gif) no-repeat top right;
width: 9px;
height: 50px;
}

.welcome {
background: #ffffec url(images/colortheory/misc/welcomebg.gif) repeat-x top right;
padding: 10px 70px;
text-align: center;
line-height: 1.3;
font-family: verdana;
font-size: 12px;
color: #005376;
}

.welcome a:link, .welcome a:hover, .welcome a:active, .welcome a:visited {
color: #0089c2;
font-family: verdana;
font-size: 13px;
font-weight: bold;
}

.welcomer {
background: url(images/colortheory/misc/welcomer.gif) repeat-y top left;
}

.welcomerimg {
background: url(images/colortheory/misc/welcomerimg.gif) no-repeat top left;
width: 9px;
height: 51px;
}


.welcomeb {
background: url(images/colortheory/misc/welcomeb.gif) repeat-x top right;
}

.welcomebr {
background:url(images/colortheory/misc/welcomebr.gif) no-repeat top left;
height: 8px;
}

.welcomebl {
background:url(images/colortheory/misc/welcomebl.gif) no-repeat top right;
height: 8px;
}

/* This is the CSS for the navigation and breadcrumb */

.navigation {
background: #e6f0f9 url(images/colortheory/misc/navigationbg.gif) repeat-x;
padding: 0 11px;
font-family: verdana;
font-size: 12px;
color: #0089c2;
font-weight: bold;
height: 26px;
}

.vbmenu_c {
color: #FFF;
font-size: 13px;
font-family: verdana;
font-weight:bold;
text-decoration: none;
padding: 0 3px;
height:36px;
}

.navitem {
height: 38px;
line-height: 38px;
}

.vbmenu_c a:link, .vbmenu_c a:hover, .vbmenu_c a:active, .vbmenu_c a:visited {
color: #FFF;
font-size: 13px;
font-family: verdana;
font-weight:bold;
text-decoration: none;
}

.navigation a:link, .navigation a:hover, .navigation a:active, .navigation a:visited {
font-family: verdana;
font-size: 13px;
color: #0089c2;
font-weight: bold;
text-decoration: none;
}

.navigationbar {
background: url(images/colortheory/misc/navigationright.gif) repeat-x;
text-align: right;
}

.breadcrumb {
background: url(images/colortheory/misc/breadcrumbbg.gif) repeat-x;
}

.breadcrumbl {
background: url(images/colortheory/misc/breadcrumbl.gif) no-repeat top right;
height: 32px;
padding-right: 13px;
color: #0089c2;
font-size: 11px;
font-family: verdana;
font-weight: bold;
text-decoration: none;
}

.breadcrumbl a:link, .breadcrumbl a:hover, .breadcrumbl a:active, .breadcrumbl a:visited {
color: #0089c2;
font-size: 13px;
font-family: verdana;
font-weight: bold;
text-decoration: none;
}

.breadcrumbr {
background: url(images/colortheory/misc/breadcrumbr.gif) no-repeat top left;
height: 30px;
}

/* This is the CSS for the main body of the page */

.pageleft {
background: #f9fbfe url(images/colortheory/misc/pageleftbg.gif) repeat-y;
width: 10px;
}

.pageleftimg {
background: url(images/colortheory/misc/pageleftimg.gif) no-repeat top right;
width: 10px;
height:124px;
}

.pagemid {
background: #f9fbfe url(images/colortheory/misc/pagemidbg.gif) repeat-x;
}

.pageright {
background: #f9fbfe url(images/colortheory/misc/pagerightbg.gif) repeat-y;
width: 10px;
}

.pagerightimg {
background: url(images/colortheory/misc/pagerightimg.gif) no-repeat top right;
width: 10px;
height:124px;
}

.tcat_hp {
background: #0584bf url(images/colortheory/misc/tcat_hp.gif) repeat-x top right
}

.tcat_bg {
background: url(images/colortheory/misc/tcat_right.gif) no-repeat top left;
height: 36px;
}

.tcat_left {
background: url(images/colortheory/misc/tcat_left.gif) no-repeat top right;
padding-right: 23px;
padding-top: 12px;
font-family: verdana;
font-size: 13px;
font-weight: bold;
color: #fff;
height: 24px;
}

.tcat_left a:link, .tcat_left a:hover, .tcat_left a:active, .tcat_left a:visited {
font-family: verdana;
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

.pagebot {
background: url(images/colortheory/misc/pagebotbg.gif) repeat-x;
}

.pagebl {
background: url(images/colortheory/misc/pagebl.gif) no-repeat top right;
height: 9px;
}

.pagebr {
background: url(images/colortheory/misc/pagebr.gif) no-repeat top left;
height: 9px;
}

.pbbox {
background:url(images/crystalclean/gradients/postgrad.gif) repeat-x bottom right;
font-size: 12px;
color: #3a3a3a;
font-family: Verdana;
width: 175px;
text-align: right;
border: 1px solid #ced5d9;
margin-bottom:2px;
margin-left: 9px;
margin-right: 9px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.pbh {
color: #3a3a3a;
font-weight: bold;
}

/* This is the CSS for the right-hand side side bar */

.lbutton {
background: url(images/colortheory/misc/loginb.gif) no-repeat top right;
width: 98px;
height: 27px;
border: 0;
}


.sidebar_footer {
background: url(images/colortheory/misc/sidebar_footer.gif) no-repeat top right;
width: 216px;
height: 11px;
}

.sidebar_alt {
background: #fff url(images/colortheory/misc/sidebar_alt.gif) repeat-x bottom right;
padding: 11px 22px;
border-left: #c5d5e7 1px solid;
border-right: #c5d5e7 1px solid;
width: 170px;
font-family: verdana;
font-size: 13px;
color: #546c7e;
}

.sidebar_alt p {
font-family: verdana;
font-size: 13px;
color: #546c7e;
margin: 0px;
padding: 0 0 20px 0;
}

.sidebar_alt a:link, .sidebar_alt a:hover, .sidebar_alt a:active, .sidebar_alt a:visited {
font-family: verdana;
font-size: 13px;
color: #546c7e;
font-weight:bold;
text-decoration: underline;
}

.sidebar_tcat {
background: #fff url(images/colortheory/gradients/gradient_tcat_sb.gif) repeat-x bottom right;
font-family: verdana;
font-size: 13px;
color: #ffffff;
font-weight: bold;
}

.sidebar_left {
background: url(images/colortheory/misc/tcat_sb_left.gif) no-repeat top right;
height: 25px;
padding-top: 12px;
padding-right: 14px;
}

.sidebar_right {
background: url(images/colortheory/misc/tcat_sb_right.gif) no-repeat top left;
height: 37px;
}

.bginput2 {
background: #fff url(images/colortheory/misc/bginput2.gif) repeat-x bottom right;
border: #a8c3d3 1px solid;
width: 184px;
height: 14px;
padding: 2px 4px;
font-family: verdana;
font-size: 13px;
color: #546c7e;
}

/* This is the CSS for the footer */
img {
border:0;
}

.footertop {
background: url(images/colortheory/misc/footerbg.gif) repeat-x top right;
height: 8px;
}

.footer {
background: url(images/colortheory/misc/footerleftbg.gif) repeat-x top right;
height: 83px;
}

.copyright {
text-align: center;
padding-right: 20px;
line-height: 1.5;
font-family: verdana;
font-size: 12px;
color: #3a3a3a;
padding-top: 15px;
}

.footerleft {
height: 83px;
width: auto;
}

.footerright {
float: left;
position: relative;
width: 256px;
}
/* Postbit_Userinfo
****************************************************/
.infouser {
font: normal 10px "MS Sans Serif";
color: #000;
background-color: #FFF;
letter-spacing: 0px;
vertical-align: middle;
padding: 1px 4px;
border:1px dashed #c5d5e7;
margin: 0px 0px 2px;
_margin: 0px 0px 0px;
}
.avataruser img {
border:1px dashed #c5d5e7;
margin: 10px auto 0;
padding: 5px;
}
****************************************************/

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

/* ***** small padding on 'thead' elements ***** */


/* ***** 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; }

/* ***** 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; }