تسعدني مشاركاتكم في استايل اليوم الوطني 1444

السلام عليكم
ومساكم الله بالخير جميعا

حابه تشاركوني وتعطوني ملاحظاتكم واضافااتكم
على الاستايل المجاني لهاي السنه الخاص باليوم الوطني

صراحة الى الان ما صممته فا حابه اقتبس الفكره
من مشاااركتكم
في الانتظار مقدمااا

توقيع : [center] اللهم اجعلنا ممن توكل عليك فكفيته واستهداك فهديته واستغفرك فغفرت له واستنصرك فنصرته ودعاك فأجبته [فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]

عليكم السلام

هلابك ام هتان



مجرد اقتراح ان يضاف للستايل بعض المقتطفات من رؤية المملكة 2030 مثل بعض التطورات والمشاريع مثل نيوم ومشروع البحر الاحمر والقديه تعكس صورة النهضة والتطور



وان شاء الله اكون وفقت في الاقتراح



وربي يعطيك الف عافيه على مجهودك ومبادرتك الرائعة

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

ويعافيك يارب نورت المووضوع
واقتراح في محله
وان شاء الله تكون هناك فكره مناسبه لذالك
الف شكر يانواف لاعدم

اهلا ام هتان من رئيي تقطيع الصور تكون اقل
من المرات السابقه حتا يكون اجميل صور الفئات تكون بثماني صور
هدا قصدي تمنياتي لكي بالموفقيه

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

مرحبا يالعراقي
المعذرة معاد امداني اعمل لهذه السنه
...
وبخصوص فكرتك احاول اوصلها
خصوصاً في التوزيع الا تتكلم عنه
اما تقليل تقطيع الصور فا صدقت حتى يكون خفيف الاستايل في التصفح
....
اذا عندك اكواد تظهر
الجداول بطريقة مرتبه
بحيث لا استخدم التعديل ع القوالب
بمعنى استخدمها
في خانة

تعاريف CSS الإضافية/Additional CSS Definitions

العراقي الطائي معجب بهذا

نعم موجود كي اس اس

سوف اقوم بنسخها من نفس منتداكي
كي تكون شغاله تمام على المنتدى تستطيعين
التحكم بكل كي اس اس من هده الاكواد واي شي تريدين تغيرين عليه قوليلي

هده الاكواد ام هتان الخاصه بمنتداكي كي اس اس
ادا تريدين اغيرلك عليها حتا تكون مثل الفكره اللي قلتلك عليها قوليلي
وتقدرين انتي كمان تغيرين حاولي ادا ما قدرتي بلغيني اعدلك عليهم

body
{
	background: #1f0619;
	color: #FFCCCC;
	font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
a:link, body_alink
{
	color: #a9a192;
}
a:visited, body_avisited
{
	color: #a9a192;
}
a:hover, a:active, body_ahover
{
	color: #FFFFFF;
}
.page
{
	background: #1f0619;
	color: #a9a192;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.page a:link, .page_alink
{
	color: #660066;
}
.page a:visited, .page_avisited
{
	color: #660066;
}
td, th, p, li
{
	color: #660066;
	font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #000000;
	color: #a9a192;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.tcat
{
	background: #11020d url(../../hpop/s.png) repeat-x;
	color: #FFFFFF;
	font: bold 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.tcat a:link, .tcat_alink
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFF66;
	text-decoration: underline;
}
.thead
{
	background: url(../../hpop/ss.png);
	color: #FFFFFF;
	font: bold 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00;
}
.tfoot
{
	background: url(../../hpop/ss.png);
	color: #a9a192;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.tfoot a:link, .tfoot_alink
{
	color: #E0E0F6;
	text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #E0E0F6;
	text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #FFFF66;
}
.alt1, .alt1Active
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FFCCCC;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #a9a192;
	text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #a9a192;
	text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color: #FFFFFF;
}
.alt2, .alt2Active
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FFCCCC;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #a9a192;
	text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #a9a192;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color: #FFFFFF;
}
.inlinemod
{
	background: #FFFFCC;
	color: #660066;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.inlinemod a:link, .inlinemod_alink
{
	color: #FF99CC;
}
.inlinemod a:visited, .inlinemod_avisited
{
	color: #FF99CC;
}
.wysiwyg
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FFCCCC;
	font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.wysiwyg a:link, .wysiwyg_alink
{
	color: #a9a192;
	text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
	color: #a9a192;
	text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
	color: #FFFFFF;
}
textarea, .bginput
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FFCCCC;
	font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	background: #000000;
	color: #FFCCCC;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
select
{
	background: #000000;
	color: #FFCCCC;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
option, optgroup
{
	font-size: 11px;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	color: #6699FF;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #669966;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar
{
	color: #660066;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar a:link, .navbar_alink
{
	color: #660066;
}
.navbar a:visited, .navbar_avisited
{
	color: #660066;
}
.highlight
{
	color: #990099;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-weight: bold;
}
.fjsel
{
	background: #11020d url(../../hpop/s.png) repeat-x;
	color: #CC66FF;
}
.fjdpth0
{
	background: #11020d url(../../hpop/s.png) repeat-x;
	color: #CC66FF;
}
.panel
{
	background: #11020d url(../../hpop/s.png) repeat-x;
	color: #FFCCFF;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.panel a:link, .panel_alink
{
	color: #660066;
}
.panel a:visited, .panel_avisited
{
	color: #660066;
}
.panelsurround
{
	background: url(../../hpop/ss.png);
	color: #FF99CC;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
legend
{
	color: #22229C;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: url(../../hpop/ss.png);
	color: #FFFFFF;
	font: bold 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFCCCC;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFCCFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #663366;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #660066;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.vbmenu_option
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FF99CC;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #FFCCCC;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #0099FF;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: url(../../hpop/ss.png);
	color: #FFFFFF;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* ***** 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; }
.gh1{
       background-image:url('../../hpop/gh1.png');
   	background-repeat:repeat-x;
	height:141px;
}
.gh2{
          background-image:url('../../hpop/gh2.png');
     background-repeat:no-repeat;
	 height:141px;
	 width:96px;
	 float:right;
	
}
.gh3{
       background-image:url('../../hpop/gh3.png');
 	background-repeat:no-repeat;
	height:141px;
	width:174px;
	  float:left;



	
}
.gh4{
       background-image:url('../../hpop/gh4.png');
 	background-repeat:no-repeat;
	height:141px;
	width:507px;
	   margin:auto;

}
.gf1{
    background-image:url('../../hpop/gf1.png');
    background-repeat:repeat-x; 
    height:94px;
 	  
}
 .gf2{
        background-image:url('../../hpop/gf2.png');
      	background-repeat:no-repeat;
	height:94px;
	 width:156px;
	  float:right;
	 
	
	 
}
.gf3{
    background-image:url('../../hpop/gf3.png');
	background-repeat:no-repeat;
    	height:94px;
	   width:223px;
	   float:left;	
	

}
.gf4{
     background-image:url('../../hpop/gf4.png');
	background-repeat:no-repeat;
    	height:94px;
	   width:407px;
 margin:auto;	
	

}

.g{
	background:transparent;
	color:#ffffff;
}

.ga{
    background: url('../../hpop/ga.png') repeat-y  right center;
   padding-right:20px;

   
}
	 
.gaa{
     background:url('../../hpop/gaa.png') repeat-y  left center; 
      padding-left:19px;
}




.hd1{
       background-image:url('../../hpop/hd1.gif');
   
		background-repeat:repeat-x;
	height:425px;
}

.hd2{
	   background-image:url('../../hpop/hd2.gif');
	background-repeat:no-repeat;
	height:425px;
	width:56px;
	 float:right;

}

.hd3{
	      background-image:url('../../hpop/hd3.gif');
	background-repeat:no-repeat;
	height:425px;
	width:89px;
	  float:left;
}

.hd4{
	       background-image:url('../../hpop/hd4.gif');
	background-repeat:no-repeat;
	height:425px;
	width:673px;
	 margin:auto;
}

.fo1{
   background-image:url('../../hpop/fo1.png');
		background-repeat:repeat-x;
	height:128px;
}
.fo2{
	     background-image:url('../../hpop/fo2.png');
	background-repeat:no-repeat;
	height:128px;
	width:618px;
 margin: auto;

}
/*
* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}

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

وهده اكواد جبتها من منتدى عشق الليالي
تقدري تستفادي منها ادا صعب عليكي الامر ابلغيني
باخد من هدول الاكواد وعدلك على اكواد منتداكي

/**
* vBulletin 3.8.8 CSS
* Style: 'إستايلَ منتديات عشق الليالي (7) CSS | DES‘ E7SAS / 2022'; Style ID: 18
*/
body
{
	background: #0f070c;
	color: #b3587f;
	font: Bold 13pt 'Droid Arabic Kufi';
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
a:link, body_alink
{
	color: #307b94;
	text-decoration: none;
}
a:visited, body_avisited
{
	color: #307b94;
	text-decoration: none;
}
a:hover, a:active, body_ahover
{
	color: #b3587f;
	text-decoration: none;
}
.page
{
	background: #0f070c;
	color: #307b94;
	font: Bold 13pt 'Droid Arabic Kufi';
}
.page a:link, .page_alink
{
	color: #b3587f;
	text-decoration: none;
}
.page a:visited, .page_avisited
{
	color: #b3587f;
	text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
	color: #307b94;
	text-decoration: none;
}
td, th, p, li
{
	font: 13pt 'Droid Arabic Kufi';
}
.tborder
{
	background: #000000;
	border: 1px solid #2f1625;
}
.tcat
{
	background: url(ESHQLAYALY-2022/back.gif);
	color: #b3587f;
	font: bold 18pt 'Droid Arabic Kufi';
}
.tcat a:link, .tcat_alink
{
	background: #000000;
	color: #b3587f;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #b3587f;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #307b94;
	text-decoration: none;
}
.thead
{
	background: url(ESHQLAYALY-2022/back2.gif);
	color: #b3587f;
	font: bold 13px 'Droid Arabic Kufi';;
}
.thead a:link, .thead_alink
{
	color: #307b94;
	text-decoration: none;
}
.thead a:visited, .thead_avisited
{
	color: #b3587f;
	text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #307b94;
	text-decoration: none;
}
.tfoot
{
	background: #0f070c;
	color: #b3587f;
	font: bold 13px 'Droid Arabic Kufi';;
}
.tfoot a:link, .tfoot_alink
{
	color: #307b94;
	text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #307b94;
	text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #b3587f;
	text-decoration: none;
}
.alt1, .alt1Active
{
	background: #000000;
	color: #b3587f;
	font: bold 14px 'Droid Arabic Kufi';;
	border-bottom:1px #29131e  dashed;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #307b94;
	text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #b3587f;
	text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color: #b3587f;
	text-decoration: none;
}
.alt2, .alt2Active
{
	background: #000000;
	color: #307b94;
	font: bold 13px 'Droid Arabic Kufi';;
	border-bottom:1px #29131e  dashed;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #b3587f;
	text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #307b94;
	text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color: #307b94;
	text-decoration: none;
}
.inlinemod
{
	background: #b3587f;
	color: #000000;
}
.wysiwyg
{
	background: #000000;
	color: #307b94;
	font: bold 15pt 'Droid Arabic Kufi';;
	border-bottom:1px #29131e dashed;
}
.wysiwyg a:link, .wysiwyg_alink
{
	color: #307b94;
	text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
	color: #307b94;
	text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
	color: #b3587f;
	text-decoration: none;
}
textarea, .bginput
{
	font: 10pt 'Droid Arabic Kufi';;
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: 'Droid Arabic Kufi';;
}
.button
{
	background: url(ESHQLAYALY-2022/back3.gif);
	color: #b3587f;
	font: bold 11px 'Droid Arabic Kufi';;
	text-shadow: 1px 1px 0px #000000;
	border:1px solid #000000;
	border-bottom:2px solid #000000;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
select
{
	background: #000000;
	color: #b3587f;
	font: bold 11px 'Droid Arabic Kufi';;
	text-shadow: 1px 1px 0px #000000;
	border:1px solid #000000;
	border-bottom:2px solid #000000;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
option, optgroup
{
	font-size: 11px;
	font-family: 'Droid Arabic Kufi';;
}
.smallfont
{
	font: 12px 'Droid Arabic Kufi';;
}
.time
{
	background: url(ESHQLAYALY-2022/back3.gif);
	color: #b3587f;
	font: 12px 'Droid Arabic Kufi';;
	text-shadow: 1px 1px 0px #000000;
	border:1px solid #000000;
	border-bottom:2px solid #000000;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.navbar
{
	font: 12px 'Droid Arabic Kufi';;
}
.navbar a:link, .navbar_alink
{
	text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
	text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
	text-decoration: none;
}
.highlight
{
	color: #b3587f;
	font-weight: bold;
}
.fjsel
{
	background: #000000;
	color: #b3587f;
}
.fjdpth0
{
	background: #000000;
	color: #307b94;
}
.panel
{
	background: #000000;
	color: #b3587f;
	font: bold 11px 'Droid Arabic Kufi';;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #000000;
	color: #307b94;
	font-family: 'Droid Arabic Kufi';;
}
legend
{
	color: #b3587f;
	font: 11px 'Droid Arabic Kufi';;
}
.vbmenu_control
{
	background: url(ESHQLAYALY-2022/back.gif);
	color: #FFFFFF;
	font: bold 11px 'Droid Arabic Kufi';;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	background: #000000;
	color: #307b94;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #b3587f;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #307b94;
	text-decoration: none;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #b3587f;
	border: 1px solid #d70f14;
}
.vbmenu_option
{
	background: #0f070c;
	color: #307b94;
	font: 11px 'Droid Arabic Kufi';;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	background: #000000;
	color: #b3587f;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #b3587f;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #307b94;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #0d0c0c;
	color: #FFFFFF;
	font: 11px 'Droid Arabic Kufi';;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/*  * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess   */ @font-face {   font-family: 'Droid Arabic Kufi';   font-style:  normal;   font-weight: 400;   src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);    src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix)  format('embedded-opentype'),         url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2)  format('woff2'),         url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff)  format('woff'),         url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf)  format('truetype'); } @font-face {   font-family: 'Droid Arabic Kufi';    font-style: normal;   font-weight: 700;   src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);    src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix)  format('embedded-opentype'),         url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2)  format('woff2'),         url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff)  format('woff'),         url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf)  format('truetype'); }  

/* ***** 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; }
.ht {
	background-image:url('ESHQLAYALY-2022/images/ht.png');
	background-repeat:repeat-x;
	height:648px;	
}
.h1 {
	background-image:url('ESHQLAYALY-2022/images/h1.gif');
	background-repeat:repeat-x;
	height:648px;
	width:1122px;
	float:right;
}
.h2 {
	background-image:url('ESHQLAYALY-2022/images/h2.gif');
	background-repeat:repeat-y;
	height:648px;
	width:150px;
	float:left;
}
.zt1 {
	background-image:url('ESHQLAYALY-2022/images/zt1.png');
	background-repeat:repeat-x;
	height:409px;
}
.z1 {
	background-image:url('ESHQLAYALY-2022/images/z1.gif');
	background-repeat:no-repeat;
	height:409px;
	width:673px;
	float:right;
}
.z2 {
	background-image:url('ESHQLAYALY-2022/images/z2.png');
	background-repeat:no-repeat;
	height:409px;
	width:162px;
	float:left;	
}
.zt2 { 
       background-image:url('ESHQLAYALY-2022/images/zt2.png');
       background-repeat:repeat-x;
       height:220px;	
}
.z3 {
	background-image:url('ESHQLAYALY-2022/images/z3.gif');
	background-repeat:no-repeat;
	height:220px;
	width:673px;
	float:right;	
}
.z4 {
	background-image:url('ESHQLAYALY-2022/images/z4.png');
	background-repeat:no-repeat;
	height:220px;
	width:162px;
	float:left;
}
.backg {
	background:transparent;
	color:maroon;
}
.a1 {
	background-image:url('ESHQLAYALY-2022/images/a1.png');
	background-repeat:repeat-y;
	background-position:left; 
	padding-left:21px;	
}
.a2 {
	background-image:url('ESHQLAYALY-2022/images/a2.png');
	background-repeat:repeat-y;
	background-position:right;
	padding-right:25px;
}
.ft {
	background-image:url('ESHQLAYALY-2022/images/ft.png');
	background-repeat:repeat-x;
	height:648px;
}
.f1 {
	background-image:url('ESHQLAYALY-2022/images/f1.gif');
	background-repeat:no-repeat;
	height:648px;
	width:1100px;
	float:left;	
	position:relative;
}
a.s1 {
    position:absolute;
     height:0px;
     width:0px;
     left:0px;
     top:0px
}  


.quo-H-t {
    background-image:url('ESHQLAYALY-2022/quote/quotes-ht.jpg');
  	background-repeat: repeat-x;
 	height:246px;
 }
 
 .quo-H-r {
    background-image:url('ESHQLAYALY-2022/quote/quotes-h1.jpg');
    background-repeat: no-repeat;
 	float: right;
 	width:128px;
 	height:246px;
 }
  	
 .quo-H-l {
    background-image:url('ESHQLAYALY-2022/quote/quotes-h2.jpg');
    background-repeat: no-repeat;
 	float:left;
 	width:365px;
 	height:246px;
 }

	
.quote_bg {
    background-image:url('ESHQLAYALY-2022/quote/quotes-pt.jpg');
	text-align: justify;
}

.quote_Col-l {
	padding-left: 81px;
    background-image:url('ESHQLAYALY-2022/quote/quotes-p1.jpg');
	background-repeat:repeat-y;
	background-position:left;
}
.quote_col-R {
	padding-right:77px;
    background-image:url('ESHQLAYALY-2022/quote/quotes-p2.jpg');
	background-repeat:repeat-y;
	background-position:right;
}

 .quo-F-t {
    background-image:url('ESHQLAYALY-2022/quote/quotes-ft.jpg');
 	background-repeat: repeat-x;
 	height:113px;
 }
 .quo-F-r{
    background-image:url('ESHQLAYALY-2022/quote/quotes-f1.jpg');
  	background-repeat: no-repeat;
 	height:113px;
 	width:128px;
 	float: right;

}
 .quo-F-l{
    background-image:url('ESHQLAYALY-2022/quote/quotes-f2.jpg');
  	background-repeat: no-repeat;
 	height:113px;
 	width:187px;
 	float: left;
}

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

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