الحمدالله الذي أنزل على عبده الفرقان , الفارق بين الحلال والحرام
والسعداء والأشقياء , والحق والباطل
وجعله برحمته هُدى للناس عموماً , وللمتقين خصصوصاً فمن ضلال الكفر والمعاصي والجهـل أنـار دروب طريقهـم
إلى نور الأيمان والتقوى والعلم وأنزلة شفاء للصدور من أمراض الشبهات والشهوات ويحصل به اليقين والعلم في
المطالب العاليـات , وشفآء للأبـدان من أمراضها و عللها وأخبـر بأنـه لا شك ولا ريب فيه بوجـه من الوجـوه وذلك
لإشتمالة على الحـق العظيـم في أخبارة وأوامرة ونواهيـه وأنزلة مباركاً فية الخير الكثير والعلم الغزير النافع الجليل
::مقدمة الدرس::
مرحباً ,, أعود أليكم أيها الكرام الأكارم يامن عشقتم الأبداع وأضفتم اجمل اللمسات في صرحنا المبارك إنه صرح
الموهوبين الصرح الذي أسس لكي يكون منار الباحثين والتائهين والمتخبطين في العالم الرقمي بدون أي فوائد تذكر
إلى كل نبض عربي أقبل ألى هنا فنحن نعمل جاهدين للرقي والعلو من مكانتك بين جميع الأمم ولا يغرك من هم قبلنا
أو الذين يطلقون على أنفسهم لقب [الرقي بالمستوى العربي ] فهو خاصتنا وأساس معهدنا فلا تكن في مصائدهم أبداً
فنحن الأصل والبقية هم التقليد وكما يقولون للأبداع حكاية نحن من يرويها وليكن في علمك الخاص أخي المبارك قبل
الدخول إلى الموضوع بأننا : لا نتابـع ولا نتتبـع الجديد !!! لأننا مصـدر كل جديد ومفيد لجميع المنتديات العربيـة أجمع
::اهداف الدرس::
الرقي بمستوي المنتديات العربية من حيث جمالية التصميم والتكويد
::متطلبات الدرس::
التركيز جيدا في الموضوع
دعوة صالحة في ظهر الغيب بأن يوفق جميع العرب في مواقعهم والرقي بها إلى أعلى المعالي
::امثلة الدرس كاملة::
1/فوتر مميز جدا بتقنية css,xhtml
2/اعلانات في الهيدر مميزة بتقنية css,xhtml
3/المواضيع المميزة والحصرية في الهيدر بتقنية css,xhtml
::هدايا الدرس المقدمة مني::
قوائم متحركة بتقنية css
قوائم متحركة + زر بحث بتقنية css
يمكنك تغيير الصور علي مزاجكولكن انتظر الشرح ..
::شرح الدرس::
اولا قالب الفوتر :
ادخل علي قالب footer
ثم ضع الكود التالي في اخر القالب
رمز PHP:
من نحن
حمودي حمودي حمودي حمودي حمودي حمودي حمودي
حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي
حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي
حمودي حمودي حمودي حمودي حمودي حمودي حمودي
اقسام الموقع
ترايدنت
ترايدنت
ترايدنت
ترايدنت
ترايدنت
اقسام الموقع2
ترايدنت
ترايدنت
ترايدنت
ترايدنت
ترايدنت
اقسام الموقع3
ترايدنت
ترايدنت
ترايدنت
ترايدنت
ترايدنت
ثم ضع الكود التالي في تعاريف css الاضافية
رمز PHP:
#sidebar {
width:900px;/*ط§ظ„ط¹ط±ط¶*/
margin:auto;/*ظ„ط?ظˆط³ظ?ط· ط§ظ„ط¬ط²ط، ط§ظ„ظ„ظ‰ ظ‡ظ†ط´ط?ط؛ظ„ ط¹ظ„ظ?ظ‡*/
background-color:#102930;
color:#FFF;
border-radius:7px;/*ظ„ط¹ظ…ظ„ ط§ظ„ط*ظˆط§ظپ ط§ظ„ط¯ط§ط¦ط±ظ?ط©*//*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ط§ظˆط¨ط±ط§*/
-moz-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ظپظ?ط± ظپظˆظƒط³*/
-wibkit-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط¨ط§ظ‚ظ‰ ط§ظ„ظ…ط?طµظپط*ط§ط?*/
clear:both;
height:100%;
overflow:hidden;
margin-bottom:20px;
}
.hamody {
float:right;
width:180px;
padding:22px;
border-left:1px solid #787655;/*ظ„ط¹ظ…ظ„ ط®ط· ظپط§طµظ„ ظ…ظ† ظ†ط§ط*ظ?ظ‡ ط§ظ„ظ?ط³ط§ط± ط¨ط¹ط¯ ظƒظ„ ط¬ط²ط،*/
}
.hamody h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
border:1px solid #000;
background-color:#193940;
padding-right:10px;
margin-bottom:7px;
}
.hamody ul li {
list-style-type:square;
padding:5px;
background:url(images/dot_sidebar.gif) repeat-x 50% bottom;
}
.hamody ul {
}
.hamody ul li:hover {
background-color:#193940;
border:1px solid #000;
padding:4px;
}
.hamody ul li a {
display:block;
color:#FFF;
}
.hamody ul li a:hover {
color:#ccc;
}
#sidebar p {
margin-right:7px;
}
.auto-style2 {
text-align: center;
}
.auto-style3 {
text-align: right;
font-family: Tahoma;
font-size: small;
}
.auto-style4 {
font-family: Tahoma;
font-size: medium;
font-weight: bold;
text-align: right;
}
.auto-style5 {
text-decoration: none;
}
width:900px;/*ط§ظ„ط¹ط±ط¶*/
margin:auto;/*ظ„ط?ظˆط³ظ?ط· ط§ظ„ط¬ط²ط، ط§ظ„ظ„ظ‰ ظ‡ظ†ط´ط?ط؛ظ„ ط¹ظ„ظ?ظ‡*/
background-color:#102930;
color:#FFF;
border-radius:7px;/*ظ„ط¹ظ…ظ„ ط§ظ„ط*ظˆط§ظپ ط§ظ„ط¯ط§ط¦ط±ظ?ط©*//*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ط§ظˆط¨ط±ط§*/
-moz-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ظپظ?ط± ظپظˆظƒط³*/
-wibkit-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط¨ط§ظ‚ظ‰ ط§ظ„ظ…ط?طµظپط*ط§ط?*/
clear:both;
height:100%;
overflow:hidden;
margin-bottom:20px;
}
.hamody {
float:right;
width:180px;
padding:22px;
border-left:1px solid #787655;/*ظ„ط¹ظ…ظ„ ط®ط· ظپط§طµظ„ ظ…ظ† ظ†ط§ط*ظ?ظ‡ ط§ظ„ظ?ط³ط§ط± ط¨ط¹ط¯ ظƒظ„ ط¬ط²ط،*/
}
.hamody h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
border:1px solid #000;
background-color:#193940;
padding-right:10px;
margin-bottom:7px;
}
.hamody ul li {
list-style-type:square;
padding:5px;
background:url(images/dot_sidebar.gif) repeat-x 50% bottom;
}
.hamody ul {
}
.hamody ul li:hover {
background-color:#193940;
border:1px solid #000;
padding:4px;
}
.hamody ul li a {
display:block;
color:#FFF;
}
.hamody ul li a:hover {
color:#ccc;
}
#sidebar p {
margin-right:7px;
}
.auto-style2 {
text-align: center;
}
.auto-style3 {
text-align: right;
font-family: Tahoma;
font-size: small;
}
.auto-style4 {
font-family: Tahoma;
font-size: medium;
font-weight: bold;
text-align: right;
}
.auto-style5 {
text-decoration: none;
}
ثانيا الاعلانات المميزة في الهيدر :
ادخل قالب الهيدر ثم اضف الكود التالي في اخره
رمز PHP:
مواقع صديقة
ترايدنت
ترايدنت
ترايدنت
ترايدنت
اعلانات نصية
ترايدنت
ترايدنت
ترايدنت
ترايدنت
ثم ضع الكود التالي في تعاريف css الاضافية
رمز PHP:
#sidebar {
width:600px;/*ط§ظ„ط¹ط±ط¶*/
margin:auto;/*ظ„ط?ظˆط³ظ?ط· ط§ظ„ط¬ط²ط، ط§ظ„ظ„ظ‰ ظ‡ظ†ط´ط?ط؛ظ„ ط¹ظ„ظ?ظ‡*/
background-color:#102930;
color:#FFF;
border-radius:7px;/*ظ„ط¹ظ…ظ„ ط§ظ„ط*ظˆط§ظپ ط§ظ„ط¯ط§ط¦ط±ظ?ط©*//*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ط§ظˆط¨ط±ط§*/
-moz-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ظپظ?ط± ظپظˆظƒط³*/
-wibkit-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط¨ط§ظ‚ظ‰ ط§ظ„ظ…ط?طµظپط*ط§ط?*/
clear:both;
height:100%;
overflow:hidden;
margin-bottom:20px;
}
.hamody {
float:right;
width:254px;
padding:22px;
border-left:1px solid #787655;/*ظ„ط¹ظ…ظ„ ط®ط· ظپط§طµظ„ ظ…ظ† ظ†ط§ط*ظ?ظ‡ ط§ظ„ظ?ط³ط§ط± ط¨ط¹ط¯ ظƒظ„ ط¬ط²ط،*/
}
.hamody h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
border:1px solid #000;
background-color:#193940;
padding-right:10px;
margin-bottom:7px;
}
.hamody ul li {
list-style-type:square;
padding:5px;
background:url(images/dot_sidebar.gif) repeat-x 50% bottom;
}
.hamody ul {
}
.hamody ul li:hover {
background-color:#193940;
border:1px solid #000;
padding:4px;
}
.hamody ul li a {
display:block;
color:#FFF;
}
.hamody ul li a:hover {
color:#ccc;
}
#sidebar p {
margin-right:7px;
}
.auto-style2 {
text-align: center;
text-decoration:none;
}
.auto-style5 {
text-align: center;
font-family: Tahoma;
font-weight: bold;
font-size: 8pt;
text-decoration: none;
}
.auto-style6 {
text-decoration: none;
}
.auto-style7 {
text-decoration: none;
}
width:600px;/*ط§ظ„ط¹ط±ط¶*/
margin:auto;/*ظ„ط?ظˆط³ظ?ط· ط§ظ„ط¬ط²ط، ط§ظ„ظ„ظ‰ ظ‡ظ†ط´ط?ط؛ظ„ ط¹ظ„ظ?ظ‡*/
background-color:#102930;
color:#FFF;
border-radius:7px;/*ظ„ط¹ظ…ظ„ ط§ظ„ط*ظˆط§ظپ ط§ظ„ط¯ط§ط¦ط±ظ?ط©*//*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ط§ظˆط¨ط±ط§*/
-moz-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ظپظ?ط± ظپظˆظƒط³*/
-wibkit-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط¨ط§ظ‚ظ‰ ط§ظ„ظ…ط?طµظپط*ط§ط?*/
clear:both;
height:100%;
overflow:hidden;
margin-bottom:20px;
}
.hamody {
float:right;
width:254px;
padding:22px;
border-left:1px solid #787655;/*ظ„ط¹ظ…ظ„ ط®ط· ظپط§طµظ„ ظ…ظ† ظ†ط§ط*ظ?ظ‡ ط§ظ„ظ?ط³ط§ط± ط¨ط¹ط¯ ظƒظ„ ط¬ط²ط،*/
}
.hamody h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
border:1px solid #000;
background-color:#193940;
padding-right:10px;
margin-bottom:7px;
}
.hamody ul li {
list-style-type:square;
padding:5px;
background:url(images/dot_sidebar.gif) repeat-x 50% bottom;
}
.hamody ul {
}
.hamody ul li:hover {
background-color:#193940;
border:1px solid #000;
padding:4px;
}
.hamody ul li a {
display:block;
color:#FFF;
}
.hamody ul li a:hover {
color:#ccc;
}
#sidebar p {
margin-right:7px;
}
.auto-style2 {
text-align: center;
text-decoration:none;
}
.auto-style5 {
text-align: center;
font-family: Tahoma;
font-weight: bold;
font-size: 8pt;
text-decoration: none;
}
.auto-style6 {
text-decoration: none;
}
.auto-style7 {
text-decoration: none;
}
ثالثا قالب المواضيع الحصرية والمميزة :
اضف الكود التالي في اخر الهيدر
رمز PHP:
مواضيع مميزة
مـسابقه أجمل طرح بشهر رمضان المبارك
مـسابقه أجمل طرح بشهر رمضان المبارك
مـسابقه أجمل طرح بشهر رمضان المبارك
مـسابقه أجمل طرح بشهر رمضان المبارك
مواضيع حصرية
مــشاركات الأعضاء في مسابقه أجمل طرح
مــشاركات الأعضاء في مسابقه أجمل طرح
مــشاركات الأعضاء في مسابقه أجمل طرح
مــشاركات الأعضاء في مسابقه أجمل طرح
ثم ضع الكود التالي في تعاريف css الاضافية
رمز PHP:
css
#sidebar {
width:600px;/*ط§ظ„ط¹ط±ط¶*/
margin:auto;/*ظ„ط?ظˆط³ظ?ط· ط§ظ„ط¬ط²ط، ط§ظ„ظ„ظ‰ ظ‡ظ†ط´ط?ط؛ظ„ ط¹ظ„ظ?ظ‡*/
background-color:#102930;
color:#FFF;
border-radius:7px;/*ظ„ط¹ظ…ظ„ ط§ظ„ط*ظˆط§ظپ ط§ظ„ط¯ط§ط¦ط±ظ?ط©*//*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ط§ظˆط¨ط±ط§*/
-moz-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ظپظ?ط± ظپظˆظƒط³*/
-wibkit-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط¨ط§ظ‚ظ‰ ط§ظ„ظ…ط?طµظپط*ط§ط?*/
clear:both;
height:100%;
overflow:hidden;
margin-bottom:20px;
}
.hamody {
float:right;
width:254px;
padding:22px;
border-left:1px solid #787655;/*ظ„ط¹ظ…ظ„ ط®ط· ظپط§طµظ„ ظ…ظ† ظ†ط§ط*ظ?ظ‡ ط§ظ„ظ?ط³ط§ط± ط¨ط¹ط¯ ظƒظ„ ط¬ط²ط،*/
}
.hamody h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
border:1px solid #000;
background-color:#193940;
padding-right:10px;
margin-bottom:7px;
}
.hamody ul li {
list-style-type:square;
padding:5px;
background:url(images/dot_sidebar.gif) repeat-x 50% bottom;
}
.hamody ul {
}
.hamody ul li:hover {
background-color:#193940;
border:1px solid #000;
padding:4px;
}
.hamody ul li a {
display:block;
color:#FFF;
}
.hamody ul li a:hover {
color:#ccc;
}
#sidebar p {
margin-right:7px;
}
.auto-style2 {
text-align: center;
text-decoration:none;
}
.auto-style5 {
text-align: center;
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
.auto-style6 {
text-decoration: none;
}
.auto-style7 {
text-decoration: none;
}
#sidebar {
width:600px;/*ط§ظ„ط¹ط±ط¶*/
margin:auto;/*ظ„ط?ظˆط³ظ?ط· ط§ظ„ط¬ط²ط، ط§ظ„ظ„ظ‰ ظ‡ظ†ط´ط?ط؛ظ„ ط¹ظ„ظ?ظ‡*/
background-color:#102930;
color:#FFF;
border-radius:7px;/*ظ„ط¹ظ…ظ„ ط§ظ„ط*ظˆط§ظپ ط§ظ„ط¯ط§ط¦ط±ظ?ط©*//*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ط§ظˆط¨ط±ط§*/
-moz-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط§ظ„ظپظ?ط± ظپظˆظƒط³*/
-wibkit-border-radius:7px;/*ط¯ظ‡ ط¨ظ?ط´ط؛ظ„ ط§ظ„ط*ظˆط§ظپ ط¹ظ„ظ‰ ط¨ط§ظ‚ظ‰ ط§ظ„ظ…ط?طµظپط*ط§ط?*/
clear:both;
height:100%;
overflow:hidden;
margin-bottom:20px;
}
.hamody {
float:right;
width:254px;
padding:22px;
border-left:1px solid #787655;/*ظ„ط¹ظ…ظ„ ط®ط· ظپط§طµظ„ ظ…ظ† ظ†ط§ط*ظ?ظ‡ ط§ظ„ظ?ط³ط§ط± ط¨ط¹ط¯ ظƒظ„ ط¬ط²ط،*/
}
.hamody h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
border:1px solid #000;
background-color:#193940;
padding-right:10px;
margin-bottom:7px;
}
.hamody ul li {
list-style-type:square;
padding:5px;
background:url(images/dot_sidebar.gif) repeat-x 50% bottom;
}
.hamody ul {
}
.hamody ul li:hover {
background-color:#193940;
border:1px solid #000;
padding:4px;
}
.hamody ul li a {
display:block;
color:#FFF;
}
.hamody ul li a:hover {
color:#ccc;
}
#sidebar p {
margin-right:7px;
}
.auto-style2 {
text-align: center;
text-decoration:none;
}
.auto-style5 {
text-align: center;
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
.auto-style6 {
text-decoration: none;
}
.auto-style7 {
text-decoration: none;
}
رابعا الهديا المقدمة مني
اولا القوائم المتحركة
ضع الكود التالي في اخر قالب الهيدر او اي مكان تحبه
رمز PHP:
الرئيسية
الرئيسية
الرئيسية
الرئيسية
الرئيسية
الرئيسية
الرئيسية
الرئيسية
الرئيسية
الرئيسية
الرئيسية
ثم ضع الكود التالي في تعاريف css الاضافية
رمز PHP:
.menus-bg{width:960px;height:30px;
position:absolute;
left:25px;
top:200px;
;background:url(menus-bga2a.gif);
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:4px;
}
.menus{float:none;margin:0;padding:0;width:960px;}
.menus li{float:right;list-style:none;padding:0.5em 0.6em;}
.menus li a{font:bold 10pt tahoma;color:#d2d2d2;padding:0.5em 0.5em;}
.menus li a:hover{background:url(menus-bgaa.gif);
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;color:#fff;padding:0.5em 0.5em;
}
position:absolute;
left:25px;
top:200px;
;background:url(menus-bga2a.gif);
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:4px;
}
.menus{float:none;margin:0;padding:0;width:960px;}
.menus li{float:right;list-style:none;padding:0.5em 0.6em;}
.menus li a{font:bold 10pt tahoma;color:#d2d2d2;padding:0.5em 0.5em;}
.menus li a:hover{background:url(menus-bgaa.gif);
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;color:#fff;padding:0.5em 0.5em;
}
لتحريك القوائم غير ارقام
"left:25px;
top:200px; "
ثم قم برفع الصور المرفقه الي مجلد منتداك
ثانيا القوائم+ زر البحث
ضع الكود التالي في اي مكان تحب
رمز PHP:
الرئيسية
التسجيل
ملفك الشخصي
اتصل بنا
جوائز قيمة جدا
تسجيل الخروج
ثم ضع الكود التالي في تعاريف css الاضافية
رمز PHP:
.menus-bg{width:960px;height:30px;
position:absolute;
left:25px;
top:200px;
;background:url(menus-bga2a.gif) repeat;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:4px;}
.menus{float:right;margin:0;padding:0;width:660px;}
.menus li{float:right;list-style:none;padding:0.5em 0.6em;}
.menus li a{font:bold 10pt tahoma;color:#d2d2d2;padding:0.5em 0.5em;}
.menus li a:hover{background:url(menus-bgaa.gif) repeat;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;color:#fff;padding:0.5em 0.5em;}
.search-box{background:url(search-bgh.png) no-repeat;height:30px;width:300px;float:left;}
.search{background:transparent;border:none;font:bold 10pt tahoma;color:#222;width:190px;height:25px;margin:2px 40px 0px 0px;}
.searchsubmit{border:none;background:transparent;cursor:pointer;width:60px;}
.auto-style1 {
border-style: none;
border-color: inherit;
border-width: medium;
background: ;
font: bold 10pt tahoma;
color: #222;
width: 190px;
height: 25px;
margin: 2px 40px 0px 71px;
}
position:absolute;
left:25px;
top:200px;
;background:url(menus-bga2a.gif) repeat;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:4px;}
.menus{float:right;margin:0;padding:0;width:660px;}
.menus li{float:right;list-style:none;padding:0.5em 0.6em;}
.menus li a{font:bold 10pt tahoma;color:#d2d2d2;padding:0.5em 0.5em;}
.menus li a:hover{background:url(menus-bgaa.gif) repeat;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;color:#fff;padding:0.5em 0.5em;}
.search-box{background:url(search-bgh.png) no-repeat;height:30px;width:300px;float:left;}
.search{background:transparent;border:none;font:bold 10pt tahoma;color:#222;width:190px;height:25px;margin:2px 40px 0px 0px;}
.searchsubmit{border:none;background:transparent;cursor:pointer;width:60px;}
.auto-style1 {
border-style: none;
border-color: inherit;
border-width: medium;
background: ;
font: bold 10pt tahoma;
color: #222;
width: 190px;
height: 25px;
margin: 2px 40px 0px 71px;
}
لتحريك القوائم غير ارقام
"left:25px;
top:200px; "
ثم قم برفع الصور المرفقه الي مجلد منتداك
::مميزات الدرس وعيوبه::
هذه عليكم انتم
ولكن تم تجريب الاكواد في المنتدي بتاعي وعملت بشكل اكثر واحلي من ذلك
::استفسارات الدرس وتركيب جميع الاكواد::
اي استفسار انا جاهز واي تعديل ايضا من حيث الالوان وكل شئ
::خاتمة الدرس::
لست الأفضل ولكن ليـ أسلوبي
سأظل دائماً أتقبل رأي الناقد والحاسد !!!
الأول : يصحح من مساري والثاني : يزيد من عزيمتي وإصراري
دمتم بالروعة دوماً وأبداً كما تعودتم منا
ونتمنى لكم قضاء وقت ممتع معنا في منزلكم الثاني
ومبارك لنا تميزكم ومروركم
دمتم على ما يرضي رب العرش الكريم
وكل سنة وانتم طيبيين..ورمضان كريم
مشترك بالدرس في مسابقة ترايدنت
الصور المرفقة
