مجموعة من اكواد html اخترتها لكم شخصيا تحتوي على كل ما يحتاجه منتداك

ادخل على لوحة الادارة ----مضهر المنتدى------الوان-------ورقة تصميم




/*-----كود وضع خلفية لأقسام المنتدى·-----*/

.alt1,.alt1Active,.alt2,.alt2Active,td.row1,td.row1.over:hover,td.row2,td.row3,td.row3.over:hover
{background-color:#FFFFFF;background-image:url(https://i.servimg.com/u/f70/15/40/37/88/24510.png);background-position:bottom;background-repeat:repeat-x;border:1px solid#FFFFFF}
.




/*-----كود وضع خلفية لكلمة إرسال و دخول و غيره·-----*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover {
color: #048ebb;}

#login_popup_buttons input{
background: #f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(https://i.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: #bfbfbf;
padding: 3px;}


/*-----كود تغيير لون تحديد الكلام·-----*/
*::-moz-selection {background-color:red;color:white;
}





.postdetails.poster-profile a img {
border:2px solid #EEE;
margin: 10px;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}



/*-----كود لجعل البيانات الشخصية إحترافية·-----*/
.postdetails{
background-image: url('');
background-repeat: repeat;
display: block;
overflow: auto;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}

.postdetails.poster-profile a img {
margin: 7px;
padding: 7px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}



/*-----كود تحديد حجم الصورة الشخصية فى المساهمات -----*/
.postbody img {
max-width:600px;
max-height:600px;
}




/* --------كود جعل المساهمات و البيانات الشخصية فى الوسط ------------ */
tr.post td {
text-align: center;
}



/* --------كود تكبير حجم الخط فى المساهمات ------------ */
td {
font-weight: bold;
}



/*-----كود تغيير خلفية تكبير الصورة و تصغير الصورة داخل المواضيع و جعلها صفراء مثل الفى بى·-----*/
.renklibar {
color : #000000;
background : #E8EDF0
url(https://2img.net/h/oi45.tinypic.com/14nfrjs.jpg) no-repeat 0 5px;
border : 1px
solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size
: x-small;
line-height : 1.4em;
}

.resize_process
.resizebox {
display : none;
margin-left : 15px;
}
.resizebox
div {
font-weight : normal;
font-style : normal;
margin : 0;
}
.resizebox.enlarged
a.enlarge {
display : none;
}
.resizebox.enlarged a.resize {
display
: inline-block;
}
.resizebox a.resize {
display : none;
}
.resizebox
{
background : #FFF9BF url("https://2img.net/h/oi43.tinypic.com/af9egz.gif")
no-repeat 7px 4px;
max-width : 100%;
line-height : 1.1em;
cursor
: default;
font-weight : normal;
font-style : normal;
margin :
0;
text-align : center;
display : inline-block;
}
.resizebox
.resize_border {
border : 1px solid #BDBDBD;
display : block;
}


.eklentiler {
color : #000000;
background : #ffffff;
border
: 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size
: x-small;
line-height : 1.4em;
}



div.topictitle:hover
{
color:#FF0000;
}

div.topictitle
{
color:#FF0000;
font-size: 14px;
}

.attachbox{
background-color: #191919;
background-image: url('https://i.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}

.attachbox dl.file{
background-color: #212121;
margin-top: 8px;
padding: 5px;
border: 1px solid #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}



/* --------كود الأكواد الخاص بطرقعة ------------ */
.code {
color : #000000;
background : #FFFFFF url(https://2img.net/r/hpimg4/pics/639107citation.png) no-repeat 0 5px;
border : 1px solid #aaa;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-moz-box-shadow: 2px 2px 2px #DCDCDC
}


/* --------كود الإقتباسات الخاص بطرقعة ------------ */
.quote {
color : #000000;
background : #FFFFFF url(https://2img.net/r/hpimg4/pics/639107citation.png) no-repeat 0 5px;
border : 1px solid #aaa;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-moz-box-shadow: 2px 2px 2px #DCDCDC
}



/*-----كود جعل أزرار المساهمات و المواضيع إحترافية و بشكل منحرف·-----*/

li.row {background-image: url('https://i.servimg.com/u/f66/13/46/75/82/a20.png');}

h3:before,.h3:before{
content: url(https://2img.net/r/ihimizer/img528/7339/1lhp.png);
padding-right: 3px;}

p em b a.gensmall{font-style: normal;
font-style: italic;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-transform: none;}

p em{font-style: normal;
font-size: 1.05em !important;
font-weight: bold;
color: #90AD0E;
background: url(https://2img.net/r/ihimizer/img528/7339/1lhp.png) no-repeat left;
padding-left: 15px;
padding-top: 1px;
font-family: Verdana,Arial,Helvetica,sans-serif !important;
text-transform: uppercase;}

.hierarchy {background: none;}
.hierarchy:before {content: url(https://2img.net/i/fa/empty.gif);}

.introduction, .panel {
margin: 3px;
background: #f0f0f0 url(https://i.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}

.post {
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background: url(https://i.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x;
}


/*-----كود مش عارفه·-----*/
h1 {
letter-spacing: 0px;
}

p {
letter-spacing: 0px;
}





.postdetails{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image:url(http://www.sno-sa.com/vb/sno2011/images/tawzee31.jpg);
border : 1px dotted #848484;
color : #000000;
border-top: medium solid #848484;
border-bottom: medium solid #848484;
font-size: 11px;
font-weight: bold;
essa_elgn;
display: block;
overflow: auto;
padding: 7px;
}



.glossymenu {
background: url("https://i.servimg.com/u/f70/15/40/37/88/etudia10.png") repeat-x scroll 0 0 transparent;
height: 26px;
list-style: none outside none;
margin: 0 auto;
padding: 0 0 0 34px;
position: relative;
text-align: center;
text-transform: uppercase;


}

.glossymenu li {
float: left;


}

.glossymenu li a {
color: #000000;
cursor: pointer;
display: block;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
height: 26px;
line-height: 26px;
padding: 0 0 0 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;


}

.glossymenu li a b {
display: block;
float: left;
padding: 0 24px 0 8px;
text-align: center;
text-transform: uppercase;


}

.glossymenu li a:hover, .glossymenu li.current a {
background-position: left center;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;


}

.glossymenu li a:hover b, .glossymenu li.current a b {
background: url("https://i.servimg.com/u/f60/15/40/37/88/0116.png") repeat scroll 0 0 transparent;
border: 1px solid #EEEEEE;
border-radius: 10px 10px 10px 10px;
color: #FFFFFF;


}



/*----- ???? ?????? ?????? ??????? -----*/
h1.cattitle{
color:#ff0000;
overflow : auto;
background-image: url("https://i.servimg.com/u/f68/11/88/59/12/gradie10.gif");
border : 1px solid #000000;
max-width : 800px;
max-height : 200px;
padding : 6px;
text-align : justify;
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}





/*-----M!Do x love وضع اطار احترافي على الصورة الشخصية -----*/
.postdetails.poster-profile a img {
border: 0;
padding: 35px 5px 5px 5px;
essa_elgn --- M!Do x love;
background-position: top;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border:1px solid #595959;
-moz-box-shadow: 1px 1px 6px 6px #595959}