linnou
10-30-2013, بتوقيت غرينيتش 09:34 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط§ظƒظˆط§ط¯ ظ…طھط¹ط¯ط¯ط© ط§ظ„ط§ط³طھط®ط¯ط§ظ…ط§طھ"xtml5&jquery &css "+ ظ‡ط¯ظٹطھظٹظٹظ† ظ…ظ† ط§ط®طھظٹط§ط±ظٹ.. (http://www.dzbatna.com/t1915561/)
http://upload.dzbatna.net/upfiles/VHc31602.png
الحمدالله الذي أنزل على عبده الفرقان , الفارق بين الحلال والحرام
والسعداء والأشقياء , والحق والباطل
وجعله برحمته هُدى للناس عموماً , وللمتقين خصصوصاً فمن ضلال الكفر والمعاصي والجهـل أنـار دروب طريقهـم
إلى نور الأيمان والتقوى والعلم وأنزلة شفاء للصدور من أمراض الشبهات والشهوات ويحصل به اليقين والعلم في
المطالب العاليـات , وشفآء للأبـدان من أمراضها و عللها وأخبـر بأنـه لا شك ولا ريب فيه بوجـه من الوجـوه وذلك
لإشتمالة على الحـق العظيـم في أخبارة وأوامرة ونواهيـه وأنزلة مباركاً فية الخير الكثير والعلم الغزير النافع الجليل
http://upload.dzbatna.net/upfiles/fnZ31730.png
::مقدمة الدرس مفصل::
مرحباً ,, أعود أليكم أيها الكرام الأكارم يامن عشقتم الأبداع وأضفتم اجمل اللمسات في صرحنا المبارك إنه صرح
الموهوبين الصرح الذي أسس لكي يكون منار الباحثين والتائهين والمتخبطين في العالم الرقمي بدون أي فوائد تذكر
إلى كل نبض عربي أقبل ألى هنا فنحن نعمل جاهدين للرقي والعلو من مكانتك بين جميع الأمم ولا يغرك من هم قبلنا
أو الذين يطلقون على أنفسهم لقب [ الرقي بالمستوى العربي ] فهو خاصتنا وأساس معهدنا فلا تكن في مصائدهم أبداً
فنحن الأصل والبقية هم التقليد وكما يقولون للأبداع حكاية نحن من يرويها وليكن في علمك الخاص أخي المبارك قبل
الدخول إلى الموضوع بأننا : لا نتابـع ولا نتتبـع الجديد !!! لأننا مصـدر كل جديد ومفيد لجميع المنتديات العربيـة أجمع
http://upload.dzbatna.net/upfiles/fnZ31730.png
::اهداف الدرس مفصل::
الرقي بمستوي المنتديات العربية من حيث جمالية التصميم والتكويد
http://upload.dzbatna.net/upfiles/fnZ31730.png
::متطلبات الدرس مفصل::
التركيز جيدا في الموضوع
دعوة صالحة في ظهر الغيب بأن يوفق جميع العرب في مواقعهم والرقي بها إلى أعلى المعالي
http://upload.dzbatna.net/upfiles/fnZ31730.png
::امثلة الدرس مفصل كاملة::
1/فوتر مميز جدا بتقنية css,xhtml (http://hamody.info/dzbatna/footer.html)
2/اعلانات في الهيدر header مميزة بتقنية css,xhtml (http://hamody.info/dzbatna/i3lan.html)
3/المواضيع المميزة والحصرية في الهيدر header بتقنية css,xhtml (http://hamody.info/dzbatna/mwade3.html)
http://upload.dzbatna.net/upfiles/fnZ31730.png
::هدايا الدرس مفصل المقدمة مني::
قوائم متحركة بتقنية css (http://hamody.info/dzbatna/qwa2m.html)
قوائم متحركة + زر بحث بتقنية css (http://hamody.info/dzbatna/qwa2mandsearch.html)
يمكنك تغيير الصور علي مزاجكولكن انتظر الشرح طريقة ..
http://upload.dzbatna.net/upfiles/fnZ31730.png
::شرح طريقة الدرس مفصل::
اولا قالب template الفوتر :
ادخل علي قالب template footer
ثم ضع الكود code التالي في اخر القالب template
رمز PHP:
<code style="white-space:nowrap"> <code> <div id="sidebar"><!-- sidebar -->
<div class="hamody">
<h3 class="auto-style2">من نحن</h3>
<p class="auto-style3">حمودي حمودي حمودي حمودي حمودي حمودي حمودي
حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي
حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي
حمودي حمودي حمودي حمودي حمودي حمودي حمودي </p>
</div>
<div class="hamody">
<h3 class="auto-style2">اقسام الموقع</h3>
<ul>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
</ul>
</div>
<div class="hamody">
<h3 class="auto-style2">اقسام الموقع2</h3>
<ul>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
</ul>
</div>
<div class="hamody">
<h3 class="auto-style2">اقسام الموقع3</h3>
<ul>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
</ul>
</div>
</div><!-- End sidebar -->
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> #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;
}
</code> </code>
http://upload.dzbatna.net/upfiles/fnZ31730.png
ثانيا الاعلانات المميزة في الهيدر header :
ادخل قالب template الهيدر header ثم اضف الكود code التالي في اخره
رمز PHP:
<code style="white-space:nowrap"> <code> <div id="sidebar"><!-- sidebar -->
<div class="hamody">
<h3 class="auto-style2">مواقع صديقة</h3>
<ul>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb" title="حمودي ">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb" title="حمودي">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
</ul>
</div>
<div class="hamody">
<h3 class="auto-style2">اعلانات نصية</h3>
<ul>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
</ul>
</div>
</div><!-- End sidebar -->
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> #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;
}
</code> </code>
http://upload.dzbatna.net/upfiles/fnZ31730.png
ثالثا قالب template المواضيع الحصرية والمميزة :
اضف الكود code التالي في اخر الهيدر header
رمز PHP:
<code style="white-space:nowrap"> <code> <div id="sidebar"><!-- sidebar -->
<div class="hamody">
<h3 class="auto-style2">مواضيع مميزة</h3>
<ul>
<li class="auto-style5">
<a id="thread_title_1910998" href="http://www.dzbatna.net/vb/dzbatna1910998/" class="auto-style7">
مـسابقه أجمل طرح بشهر رمضان المبارك</a></li>
<li class="auto-style5">
<a id="thread_title_1910999" href="http://www.dzbatna.net/vb/dzbatna1910998/" class="auto-style7">
مـسابقه أجمل طرح بشهر رمضان المبارك</a></li>
<li class="auto-style5">
<a id="thread_title_1911000" href="http://www.dzbatna.net/vb/dzbatna1910998/" class="auto-style7">
مـسابقه أجمل طرح بشهر رمضان المبارك</a></li>
<li class="auto-style5">
<a id="thread_title_1911001" href="http://www.dzbatna.net/vb/dzbatna1910998/" class="auto-style6">
مـسابقه أجمل طرح بشهر رمضان المبارك</a></li>
</ul>
</div>
<div class="hamody">
<h3 class="auto-style2">مواضيع حصرية </h3>
<ul>
<li class="auto-style5">
<a id="thread_title_1914514" href="http://www.dzbatna.net/vb/dzbatna1914514/" class="auto-style7">
مــشاركات الأعضاء في مسابقه أجمل طرح</a></li>
<li class="auto-style5">
<a id="thread_title_1914515" href="http://www.dzbatna.net/vb/dzbatna1914514/" class="auto-style7">
مــشاركات الأعضاء في مسابقه أجمل طرح</a></li>
<li class="auto-style5">
<a id="thread_title_1914516" href="http://www.dzbatna.net/vb/dzbatna1914514/" class="auto-style7">
مــشاركات الأعضاء في مسابقه أجمل طرح</a></li>
<li class="auto-style5">
<a id="thread_title_1914517" href="http://www.dzbatna.net/vb/dzbatna1914514/" class="auto-style7">
مــشاركات الأعضاء في مسابقه أجمل طرح</a></li>
</ul>
</div>
</div><!-- End sidebar -->
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> 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;
}
</code> </code>
http://upload.dzbatna.net/upfiles/fnZ31730.png
رابعا الهديا المقدمة مني
اولا القوائم المتحركة
ضع الكود code التالي في اخر قالب template الهيدر header او اي مكان تحبه
رمز PHP:
<code style="white-space:nowrap"> <code> <div class="menus-bg">
<ul class="menus">
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
</ul>
</div>
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> .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;
}
</code> </code>
لتحريك القوائم غير ارقام
"left:25px;
top:200px; "
ثم قم برفع الصور المرفقه الي مجلد منتداك
http://upload.dzbatna.net/upfiles/fnZ31730.png
ثانيا القوائم+ زر البحث
ضع الكود code التالي في اي مكان تحب
رمز PHP:
<code style="white-space:nowrap"> <code> <div class="menus-bg">
<ul class="menus">
<li><a href="index.php">الرئيسية</a></li>
<li><a href="register.php?">التسجيل</a></li>
<li><a href="usercp.php">ملفك الشخصي</a></li>
<li><a href="sendmessage.php">اتصل بنا</a></li>
<li><a href="http://www.noonstoop.info/vb/t2605-new-post.html">جوائز قيمة جدا</a></li>
<li><a href="login.php?do=logout&logouthash=1308771055-090ef33f1bef0806e4ae92abaaec157decba40b1">تسجيل الخروج</a></li>
</ul>
<div class="search-box">
<form method="get" action="search.php?do=process" id="searchform">
<input name="do" value="process" type="hidden"/><input name="quicksearch" value="1" type="hidden"/>
<input name="childforums" value="1" type="hidden"/><input name="exactname" value="1" type="hidden"/>
<input type="text" name="query" class="auto-style1" value="ادخل كلمات البحث .." onfocus="if (this.value=='ادخل كلمات البحث ..') this.value= '';" onblur="if (this.value=='') this.value='ادخل كلمات البحث ..';" style="width: 126px" />
<input type="submit" class="searchsubmit" value="" type="hidden">
</form>
</div>
</div>
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> .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:bo ld 10pt tahoma;color:#222;width:190px;height:25px;margin:2 px 40px 0px 0px;}
.searchsubmit{border:none;background:transparent;c ursor: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;
}
</code> </code>
لتحريك القوائم غير ارقام
"left:25px;
top:200px; "
ثم قم برفع الصور المرفقه الي مجلد منتداك
http://upload.dzbatna.net/upfiles/fnZ31730.png
::التوافق مع المعايير القياسية::
http://www.dzbatna.com/attachments/591966d978311154-footer.png
http://www.dzbatna.com/attachments/591967d978311154-i3lan.png
http://www.dzbatna.com/attachments/591968d978311154-mwade3.png
http://www.dzbatna.com/attachments/591969d978311154-qwa2m.png
http://upload.dzbatna.net/upfiles/fnZ31730.png
::مميزات الدرس مفصل وعيوبه::
هذه عليكم انتم
ولكن تم تجريب الاكواد في المنتدي بتاعي وعملت بشكل اكثر واحلي من ذلك
http://upload.dzbatna.net/upfiles/fnZ31730.png
::استفسارات الدرس مفصل وتركيب install جميع الاكواد::
اي استفسار انا جاهز واي تعديل ايضا من حيث الالوان وكل شئ
http://upload.dzbatna.net/upfiles/fnZ31730.png
::خاتمة الدرس مفصل::
لست الأفضل ولكن ليـ أسلوبي
سأظل دائماً أتقبل رأي الناقد والحاسد !!!
الأول : يصحح من مساري والثاني : يزيد من عزيمتي وإصراري
دمتم بالروعة دوماً وأبداً كما تعودتم منا
ونتمنى لكم قضاء وقت ممتع معنا في منزلكم الثاني
ومبارك لنا تميزكم ومروركم
دمتم على ما يرضي رب العرش الكريم
وكل سنة وانتم طيبيين..ورمضان كريم
http://upload.dzbatna.net/upfiles/fnZ31730.png
مشترك بالدرس مفصل في مسابقة ديزاد باتنة
http://upload.dzbatna.net/upfiles/AeI32832.png
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
http://upload.dzbatna.net/upfiles/VHc31602.png
الحمدالله الذي أنزل على عبده الفرقان , الفارق بين الحلال والحرام
والسعداء والأشقياء , والحق والباطل
وجعله برحمته هُدى للناس عموماً , وللمتقين خصصوصاً فمن ضلال الكفر والمعاصي والجهـل أنـار دروب طريقهـم
إلى نور الأيمان والتقوى والعلم وأنزلة شفاء للصدور من أمراض الشبهات والشهوات ويحصل به اليقين والعلم في
المطالب العاليـات , وشفآء للأبـدان من أمراضها و عللها وأخبـر بأنـه لا شك ولا ريب فيه بوجـه من الوجـوه وذلك
لإشتمالة على الحـق العظيـم في أخبارة وأوامرة ونواهيـه وأنزلة مباركاً فية الخير الكثير والعلم الغزير النافع الجليل
http://upload.dzbatna.net/upfiles/fnZ31730.png
::مقدمة الدرس مفصل::
مرحباً ,, أعود أليكم أيها الكرام الأكارم يامن عشقتم الأبداع وأضفتم اجمل اللمسات في صرحنا المبارك إنه صرح
الموهوبين الصرح الذي أسس لكي يكون منار الباحثين والتائهين والمتخبطين في العالم الرقمي بدون أي فوائد تذكر
إلى كل نبض عربي أقبل ألى هنا فنحن نعمل جاهدين للرقي والعلو من مكانتك بين جميع الأمم ولا يغرك من هم قبلنا
أو الذين يطلقون على أنفسهم لقب [ الرقي بالمستوى العربي ] فهو خاصتنا وأساس معهدنا فلا تكن في مصائدهم أبداً
فنحن الأصل والبقية هم التقليد وكما يقولون للأبداع حكاية نحن من يرويها وليكن في علمك الخاص أخي المبارك قبل
الدخول إلى الموضوع بأننا : لا نتابـع ولا نتتبـع الجديد !!! لأننا مصـدر كل جديد ومفيد لجميع المنتديات العربيـة أجمع
http://upload.dzbatna.net/upfiles/fnZ31730.png
::اهداف الدرس مفصل::
الرقي بمستوي المنتديات العربية من حيث جمالية التصميم والتكويد
http://upload.dzbatna.net/upfiles/fnZ31730.png
::متطلبات الدرس مفصل::
التركيز جيدا في الموضوع
دعوة صالحة في ظهر الغيب بأن يوفق جميع العرب في مواقعهم والرقي بها إلى أعلى المعالي
http://upload.dzbatna.net/upfiles/fnZ31730.png
::امثلة الدرس مفصل كاملة::
1/فوتر مميز جدا بتقنية css,xhtml (http://hamody.info/dzbatna/footer.html)
2/اعلانات في الهيدر header مميزة بتقنية css,xhtml (http://hamody.info/dzbatna/i3lan.html)
3/المواضيع المميزة والحصرية في الهيدر header بتقنية css,xhtml (http://hamody.info/dzbatna/mwade3.html)
http://upload.dzbatna.net/upfiles/fnZ31730.png
::هدايا الدرس مفصل المقدمة مني::
قوائم متحركة بتقنية css (http://hamody.info/dzbatna/qwa2m.html)
قوائم متحركة + زر بحث بتقنية css (http://hamody.info/dzbatna/qwa2mandsearch.html)
يمكنك تغيير الصور علي مزاجكولكن انتظر الشرح طريقة ..
http://upload.dzbatna.net/upfiles/fnZ31730.png
::شرح طريقة الدرس مفصل::
اولا قالب template الفوتر :
ادخل علي قالب template footer
ثم ضع الكود code التالي في اخر القالب template
رمز PHP:
<code style="white-space:nowrap"> <code> <div id="sidebar"><!-- sidebar -->
<div class="hamody">
<h3 class="auto-style2">من نحن</h3>
<p class="auto-style3">حمودي حمودي حمودي حمودي حمودي حمودي حمودي
حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي
حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي حمودي
حمودي حمودي حمودي حمودي حمودي حمودي حمودي </p>
</div>
<div class="hamody">
<h3 class="auto-style2">اقسام الموقع</h3>
<ul>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
</ul>
</div>
<div class="hamody">
<h3 class="auto-style2">اقسام الموقع2</h3>
<ul>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
</ul>
</div>
<div class="hamody">
<h3 class="auto-style2">اقسام الموقع3</h3>
<ul>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
<li class="auto-style4"><a href="#" class="auto-style5">ديزاد باتنة</a></li>
</ul>
</div>
</div><!-- End sidebar -->
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> #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;
}
</code> </code>
http://upload.dzbatna.net/upfiles/fnZ31730.png
ثانيا الاعلانات المميزة في الهيدر header :
ادخل قالب template الهيدر header ثم اضف الكود code التالي في اخره
رمز PHP:
<code style="white-space:nowrap"> <code> <div id="sidebar"><!-- sidebar -->
<div class="hamody">
<h3 class="auto-style2">مواقع صديقة</h3>
<ul>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb" title="حمودي ">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb" title="حمودي">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
</ul>
</div>
<div class="hamody">
<h3 class="auto-style2">اعلانات نصية</h3>
<ul>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
<li class="auto-style5">
<a href="http://www.dzbatna.net/vb">ديزاد باتنة</a></li>
</ul>
</div>
</div><!-- End sidebar -->
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> #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;
}
</code> </code>
http://upload.dzbatna.net/upfiles/fnZ31730.png
ثالثا قالب template المواضيع الحصرية والمميزة :
اضف الكود code التالي في اخر الهيدر header
رمز PHP:
<code style="white-space:nowrap"> <code> <div id="sidebar"><!-- sidebar -->
<div class="hamody">
<h3 class="auto-style2">مواضيع مميزة</h3>
<ul>
<li class="auto-style5">
<a id="thread_title_1910998" href="http://www.dzbatna.net/vb/dzbatna1910998/" class="auto-style7">
مـسابقه أجمل طرح بشهر رمضان المبارك</a></li>
<li class="auto-style5">
<a id="thread_title_1910999" href="http://www.dzbatna.net/vb/dzbatna1910998/" class="auto-style7">
مـسابقه أجمل طرح بشهر رمضان المبارك</a></li>
<li class="auto-style5">
<a id="thread_title_1911000" href="http://www.dzbatna.net/vb/dzbatna1910998/" class="auto-style7">
مـسابقه أجمل طرح بشهر رمضان المبارك</a></li>
<li class="auto-style5">
<a id="thread_title_1911001" href="http://www.dzbatna.net/vb/dzbatna1910998/" class="auto-style6">
مـسابقه أجمل طرح بشهر رمضان المبارك</a></li>
</ul>
</div>
<div class="hamody">
<h3 class="auto-style2">مواضيع حصرية </h3>
<ul>
<li class="auto-style5">
<a id="thread_title_1914514" href="http://www.dzbatna.net/vb/dzbatna1914514/" class="auto-style7">
مــشاركات الأعضاء في مسابقه أجمل طرح</a></li>
<li class="auto-style5">
<a id="thread_title_1914515" href="http://www.dzbatna.net/vb/dzbatna1914514/" class="auto-style7">
مــشاركات الأعضاء في مسابقه أجمل طرح</a></li>
<li class="auto-style5">
<a id="thread_title_1914516" href="http://www.dzbatna.net/vb/dzbatna1914514/" class="auto-style7">
مــشاركات الأعضاء في مسابقه أجمل طرح</a></li>
<li class="auto-style5">
<a id="thread_title_1914517" href="http://www.dzbatna.net/vb/dzbatna1914514/" class="auto-style7">
مــشاركات الأعضاء في مسابقه أجمل طرح</a></li>
</ul>
</div>
</div><!-- End sidebar -->
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> 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;
}
</code> </code>
http://upload.dzbatna.net/upfiles/fnZ31730.png
رابعا الهديا المقدمة مني
اولا القوائم المتحركة
ضع الكود code التالي في اخر قالب template الهيدر header او اي مكان تحبه
رمز PHP:
<code style="white-space:nowrap"> <code> <div class="menus-bg">
<ul class="menus">
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
<li><a href="index.php">الرئيسية</a></li>
</ul>
</div>
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> .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;
}
</code> </code>
لتحريك القوائم غير ارقام
"left:25px;
top:200px; "
ثم قم برفع الصور المرفقه الي مجلد منتداك
http://upload.dzbatna.net/upfiles/fnZ31730.png
ثانيا القوائم+ زر البحث
ضع الكود code التالي في اي مكان تحب
رمز PHP:
<code style="white-space:nowrap"> <code> <div class="menus-bg">
<ul class="menus">
<li><a href="index.php">الرئيسية</a></li>
<li><a href="register.php?">التسجيل</a></li>
<li><a href="usercp.php">ملفك الشخصي</a></li>
<li><a href="sendmessage.php">اتصل بنا</a></li>
<li><a href="http://www.noonstoop.info/vb/t2605-new-post.html">جوائز قيمة جدا</a></li>
<li><a href="login.php?do=logout&logouthash=1308771055-090ef33f1bef0806e4ae92abaaec157decba40b1">تسجيل الخروج</a></li>
</ul>
<div class="search-box">
<form method="get" action="search.php?do=process" id="searchform">
<input name="do" value="process" type="hidden"/><input name="quicksearch" value="1" type="hidden"/>
<input name="childforums" value="1" type="hidden"/><input name="exactname" value="1" type="hidden"/>
<input type="text" name="query" class="auto-style1" value="ادخل كلمات البحث .." onfocus="if (this.value=='ادخل كلمات البحث ..') this.value= '';" onblur="if (this.value=='') this.value='ادخل كلمات البحث ..';" style="width: 126px" />
<input type="submit" class="searchsubmit" value="" type="hidden">
</form>
</div>
</div>
</code> </code>
ثم ضع الكود code التالي في تعاريف css الاضافية
رمز PHP:
<code style="white-space:nowrap"> <code> .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:bo ld 10pt tahoma;color:#222;width:190px;height:25px;margin:2 px 40px 0px 0px;}
.searchsubmit{border:none;background:transparent;c ursor: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;
}
</code> </code>
لتحريك القوائم غير ارقام
"left:25px;
top:200px; "
ثم قم برفع الصور المرفقه الي مجلد منتداك
http://upload.dzbatna.net/upfiles/fnZ31730.png
::التوافق مع المعايير القياسية::
http://www.dzbatna.com/attachments/591966d978311154-footer.png
http://www.dzbatna.com/attachments/591967d978311154-i3lan.png
http://www.dzbatna.com/attachments/591968d978311154-mwade3.png
http://www.dzbatna.com/attachments/591969d978311154-qwa2m.png
http://upload.dzbatna.net/upfiles/fnZ31730.png
::مميزات الدرس مفصل وعيوبه::
هذه عليكم انتم
ولكن تم تجريب الاكواد في المنتدي بتاعي وعملت بشكل اكثر واحلي من ذلك
http://upload.dzbatna.net/upfiles/fnZ31730.png
::استفسارات الدرس مفصل وتركيب install جميع الاكواد::
اي استفسار انا جاهز واي تعديل ايضا من حيث الالوان وكل شئ
http://upload.dzbatna.net/upfiles/fnZ31730.png
::خاتمة الدرس مفصل::
لست الأفضل ولكن ليـ أسلوبي
سأظل دائماً أتقبل رأي الناقد والحاسد !!!
الأول : يصحح من مساري والثاني : يزيد من عزيمتي وإصراري
دمتم بالروعة دوماً وأبداً كما تعودتم منا
ونتمنى لكم قضاء وقت ممتع معنا في منزلكم الثاني
ومبارك لنا تميزكم ومروركم
دمتم على ما يرضي رب العرش الكريم
وكل سنة وانتم طيبيين..ورمضان كريم
http://upload.dzbatna.net/upfiles/fnZ31730.png
مشترك بالدرس مفصل في مسابقة ديزاد باتنة
http://upload.dzbatna.net/upfiles/AeI32832.png
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
