بسم الله الرحمن الرحيم
قائمة بكل مواضيع الأكواد الإنسيابية CSS
طريقة الوضع الموحدة
- لوحة الإدارة
- مظهر المنتدى
- الصور و الألوان
- الألوان
- ورقة تصميم CSS
1-كود تزيين المنتدى:
body {
background-attachment:fixed;
background-repeat:no-repeat;
background-position:top center;
cursor: url("https://illiweb.com/Forum/cible.cur");
}
table.forumline {border:2px dashed;}
th{font-variant: small-caps;}
th.thCornerL, th.thTop, th.thCornerR{border:0px;}
td.bodyline{border:3px dotted;}
td.spaceRow{border:0px; background-color: transparent;}
td.catHead,td.catBottom{border:0px;}
td.catLeft{border:0px;font-variant: small-caps;text-align:center;}
td.row1,td.row2,td.row3{filter:Alpha(Opacity=80);}
span.cattitle,span.maintitle,span.mainmenu,span.nav{font-variant: small-caps;}
a{cursor: url("https://illiweb.com/Forum/cible_hand.ani");}
a.copyright{color: #00BFF3;}
a.copyright:hover{color: #CC6600;}
2- كود دعاء فى بيانات العضو:
/* كود ذكر الله في بداية الموضوع */
.thLeft {
background:
url(https://i.servimg.com/u/f63/12/73/86/96/30538310.gif) no-repeat
center;
border-top: thin groove;
padding: 20px;
font-size:
0px;
text-align: left;
color: Black;
border: medium double
#00CCFF;
background-color: #111111;
}
.thRight {
background:
url(http://www.smiles.s88s.com/smiles/50/92.jpg) no-repeat
right;
border-top:
thin groove;
padding: 50px;
color:
Black;
text-align:
left;
font-size: 1px;
border: medium double
#00CCFF;
background-color:
#111111;
}
3- كود روعة ومميزات عديدة للمنتدى ****
th {
height: 44px;
border:1px solid #586166;
background-image: url("https://i.servimg.com/u/f89/13/19/80/23/ususus10.jpg ");
}
a.mainmenu{
background:none;
border:0;
}
a.copyright
{
border:0;
background:none;
}
fieldset {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:7px;
border-radius: 3px;
width:90%;
}
span.postdetails
{
text-align:center;
}
fieldset.genmed
{
width:400px;
}
iframe[name="google_ads_frame"],
#add-google,
#add-google iframe,
#add-google iframe[name="google_ads_frame"]{
display:block!important;
visibility:visible!important;
}
input,textarea, #text_editor_iframe {
background: url();
font: 11px georgia !important;
border-color : #2DB9E3 !important;
border-width:1px !important;
border-style:solid !important;
-moz-border-radius: 9px !important;
}
a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
a:hover
{
text-decoration: none;
}
{
border:2px solid #586166;
}
/*كود وضع صورة جمب اسم العضو*/
a strong {
background: url(http://www.klamaraby.com/vb/images/rating/star3.gif) no-repeat right;
padding: 13px;
}
a:hover {
background-image: url(https://i.servimg.com/u/f62/13/42/24/54/icon2610.gif
);
border-bottom: 0px solid #105289;;
}
hr {
background: url(https://i.servimg.com/u/f83/12/73/86/96/bsm910.gif) no-repeat center;
border-top: thin groove;
padding: 48px;
line-height:10px;
}
/* كود ذكر الله في بداية الموضوع */
.thLeft {
background:
url(https://i.servimg.com/u/f63/12/73/86/96/30538310.gif) no-repeat
center;
border-top: thin groove;
padding: 20px;
font-size:
0px;
text-align: left;
color: Black;
border: medium double
#00CCFF;
background-color: #111111;
}
.thRight {
background:
url(http://www.smiles.s88s.com/smiles/50/92.jpg) no-repeat
right;
border-top:
thin groove;
padding: 50px;
color:
Black;
text-align:
left;
font-size: 1px;
border: medium double
#00CCFF;
background-color:
#111111;
}
4-وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد
/*-----essa_elgn -----*/
.row2 {
border:2px solid #E0C77E;
background: url(https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png) ;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
}
.row1 {
border:2px solid #E0C77E;
background: url(https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png) ;border:2px solid #E0C77E;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
}
.row3 {
border:2px solid #E0C77E;
background: url(https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png) ;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
}
5-كود تضليل اسم القسم عند المرور عليه بالماوس
/*----- ظل لروابط الأقسام عند مرور الماوس -----*/
a.forumlink:hover{
-moz- text-shadow: 4px 4px 4px #000;
-webkit- text-shadow: 4px 4px 4px #000;
text-shadow: 4px 4px 4px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=115, Strength=2);
zoom: 1;
}
6- كود وضع خلفيه بشكل مميز لمسميات المنتديات
span.forumlink {
display: block;
background-image:
url('https://i.servimg.com/u/f14/13/64/37/51/21511.png');
}
7-اخيرا كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
bodyline{
background:#ffffff url(goweto bilobed);
border:0;
padding:0;
margin:0;
}
body{
padding:0;
margin:0;
background-position:center;
}
a{
text-decoration:none;
}
لا اريد نكم الا الرد