حصريا دورتي الكامله لتصميم استايل كامل الى تركيبه بالمنتدى ( دروس فيديو )

[سارق الأحلام]

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته


بما انها اول مشاركة لدي في هذا الصرح الشامخ

اردت ان تكون متميزة بقدر المستطاع فأنا هنا اطرح دورتي الكامله لتصميم إستايل

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

ولكن لم يكن تفاعل او بالأحرى لم تنال الدوره نصيبها

واتمنى ان الاقي اهتمام اكثر في هذا الدعم العربي التطويري

روابط التحميل مرفقه

-------------------------------------------------------------------

مستلزمات الدوره :


برنامج الفوتوشوب الإصدار الثامن (( انجليزي ))

برنامج الفرونت بيج 2003 (( عربي ))

برنامج snagit لتصوير الشاشه

برنامج متصفح الفايرفوكس (( اختياري ))

برنامج media classic (( لتشغيل الدروس بالفيديو ))

برنامج Ftp لرفع مجلد (( الأستايل ))

ملاحظه :

روابط المستلزمات مرفقه

-------------------------------------------------------------------

فهرس الدوره :

الدرس الأول : تصميم الهيدر , والفوتر , والجوانب .

الدرس الثاني : الجزء الأول : تقطيع الأستايل , الجزء الثاني : حفظ الصور واعادة تسمية مجلد الصور .

الدرس الثالث : الجزء الأول : إعتماد الإستايل بالفرونت بيج , الجزء الثاني : وضع الروابط لـ ( الرئيسية - التحكم - إلخ... ) ومسح الروابط من جهازك وحفظ الهيدر والفوتر في مذكرة .

الدرس الرابع : رفع مجلد الإستايل بالـ ftp .

الدرس الخامس : تركيب الإستايل في المنتدى .

الدرس السادس : الجزء الأول : تصميم الناف [nav] وتقطيعه وحفظه ونقل الصور لمجلد الأستايل وتركيب الناف بالفرونت بيج ومسح الروابط من جهازك ونسخ الأكواد وحفظها في المذكرة , الجزء الثاني : رفع مجلد الإستايل مرة اخرى والموافقة على الإستبدال .

الدرس السابع : تركيب قالب navbar .

الدرس الثامن : تركيب قالب forumhome .

الدرس التاسع : تركيب قالب forumdisplay .

الدرس العاشر : تلوين الإستايل من إعدادات css .

الدرس الحادي عشر : تغيير مقاس الخط وتغيير الوان الخط وتغيير نوع الخط .

الدرس الثاني عشر (( والأخير )) : تركيب الأيقونات وحفظ ملف xml .

-------------------------------------------------------------------

وفي النهاية هذه الدروس لم اعملها الا لفائدتكم

فأرجوو التفاعل

والمقابل فقط الدعاء لي ولوالدي

-------------------------------------------------------------------

ملاحظه :

توجد ملفات مرفقه مع بعض الدروس

وكذلك احب انبه ان احجام الدروس بسيطه جدا .

-------------------------------------------------------------------

ولكم ارق واعطر التحيات

سارق الأحلام

:icon31:​

 

[هاوي برمجيات]

يسلمووووووو يالغالي بجد افدتني

الله يحفظك ويحفظ والديك

جزاك الله الف خير

 

[سديم99]

جزآك الله الف خير

ربي يسعدك دنيآ وأخره ويسعد وآلديك يآ رب ,,

إن شآء إلله رآح إبدآهآ ويآرب إستفيد ,,

 

[سارق الأحلام]

ربي يسعدكم

واتمنى لكم دوام التوفيق

 

[فديته ياناس]

جزاك الله خير والله يوفقك دنيا واخره
بس يالغلا عندي سؤال
قالب navbar
لما اركبه يطلع مضبوط بس ينطمس الي فيه اسم العضو مثل الي بالصوره




بعد التركيب كذا

 

[سارق الأحلام]

جزاك الله خير والله يوفقك دنيا واخره
بس يالغلا عندي سؤال
قالب navbar
لما اركبه يطلع مضبوط بس ينطمس الي فيه اسم العضو مثل الي بالصوره




بعد التركيب كذا

تم الحل ​

 

[كافي ارهاب]

ماشاء الله عليك دورة حلوة ومرتبة وتم تحميل جميع درس

وعاشت ايدك والله

بس لو عامل تحميل كولها في رابط واحد افضل هع هع

بس شكرآ شكرآ يابرنس

 

[يمك أدروبي]

مشكور وماقصرت يالغلا يعطيك العافيه .. تشكرات

 

[BaDaR]

الله يعطيك و يرضيك يا أخي الكريم
كريم و الله
درس غاية في الروعة و البساطة و احترافي .... يعني أكثر من هكذا لا يوجد
بارك الله فيك يا غالي
تحياتي

 

[BaDaR]

أول مشكلة صادفني قي التصميم
قالب النافبار لم يضبط معي , معكوس : الجهة اليمنى في اليسرى و اليسرى في اليمنى ...ههههه
الصورة :

و ما عرفت وينه الخطأ ؟؟؟

 

[سارق الأحلام]

ربي يعطيكم العافيه ع المرور

 

[سارق الأحلام]

أول مشكلة صادفني قي التصميم
قالب النافبار لم يضبط معي , معكوس : الجهة اليمنى في اليسرى و اليسرى في اليمنى ...ههههه
الصورة :

و ما عرفت وينه الخطأ ؟؟؟

تكمن المشكله في اعتمادك للتأطير

اما ان تركيبك للصور اثناء اعتماده اليمين يسار واليسار يمين

او

ان تركيبك غلط

وان لم يكن احد الامرين

تواصل معي ع البريد وراح احل لك مشكلتك باذن الله

هذا هو البريد : dreams.thief

 

[BaDaR]

يا غالي التأطير تم بطرقة سليمة ( أعدته مرات كثيرة :flex: كما هو مشروح في الدرس بالضبط ) , أظن أنه مشكلتي في كود الاطار الخاص بي , انا استعمل الاوفيس 2003 الانجليزي و لاحظت أنه الكود اللي طلعلي مختلف عن الكود اللي طلع عندك في الدرس ... طبقت دروسك صورة طبق الاصل
و هذا الكود اللي حصلته في الاطار :

<div align="center">
    <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
            <td width="84">
            <img border="0" src="bayaas/nav_01.gif" width="84" height="87" align="left" hspace="0"></td>
            <td background="bayaas/nav_03.gif">
            <img border="0" src="bayaas/nav_04.gif" width="196" height="87" align="right" hspace="0"><img border="0" src="bayaas/nav_02.gif" width="331" height="87" align="left" hspace="0"></td>
            <td width="84">
            <img border="0" src="bayaas/nav_05.gif" width="84" height="87" align="right" hspace="0"></td>
        </tr>
        <tr>
            <td background="bayaas/nav_07.gif"></td>
            <td>
            
            
            
            
            
            
            
            </td>
            <td background="bayaas/nav_09.gif"></td>
        </tr>
        <tr>
            <td width="84">
            <img border="0" src="bayaas/nav_12.gif" width="84" height="81" align="left" hspace="0"></td>
            <td background="bayaas/nav_14.gif">
            <img border="0" src="bayaas/nav_15.gif" width="182" height="81" align="right" hspace="0"><img border="0" src="bayaas/nav_13.gif" width="331" height="81" align="left" hspace="0"></td>
            <td width="84">
            <img border="0" src="bayaas/nav_16.gif" width="84" height="81" align="right" hspace="0"></td>
        </tr>
    </table>
</div>

+
تم حل المشكلة
الله يسعدك و يبارك فيك أخي
​

 

[سارق الأحلام]

يا غالي التأطير تم بطرقة سليمة ( أعدته مرات كثيرة :flex: كما هو مشروح في الدرس بالضبط ) , أظن أنه مشكلتي في كود الاطار الخاص بي , انا استعمل الاوفيس 2003 الانجليزي و لاحظت أنه الكود اللي طلعلي مختلف عن الكود اللي طلع عندك في الدرس ... طبقت دروسك صورة طبق الاصل
و هذا الكود اللي حصلته في الاطار :

[left]<div align="center">
 <table border="0" width="100%" cellspacing="0" cellpadding="0">
     <tr>
         <td width="84">
         <img border="0" src="bayaas/nav_01.gif" width="84" height="87" align="left" hspace="0"></td>
         <td background="bayaas/nav_03.gif">
         <img border="0" src="bayaas/nav_04.gif" width="196" height="87" align="right" hspace="0"><img border="0" src="bayaas/nav_02.gif" width="331" height="87" align="left" hspace="0"></td>
         <td width="84">
         <img border="0" src="bayaas/nav_05.gif" width="84" height="87" align="right" hspace="0"></td>
     </tr>
     <tr>
         <td background="bayaas/nav_07.gif"></td>
         <td>[/left]
 
 
 
 
 
 
 
[left]         </td>
         <td background="bayaas/nav_09.gif"></td>
     </tr>
     <tr>
         <td width="84">
         <img border="0" src="bayaas/nav_12.gif" width="84" height="81" align="left" hspace="0"></td>
         <td background="bayaas/nav_14.gif">
         <img border="0" src="bayaas/nav_15.gif" width="182" height="81" align="right" hspace="0"><img border="0" src="bayaas/nav_13.gif" width="331" height="81" align="left" hspace="0"></td>
         <td width="84">
         <img border="0" src="bayaas/nav_16.gif" width="84" height="81" align="right" hspace="0"></td>
     </tr>
 </table>
</div>[/left]

+​

تم حل المشكلة​

الله يسعدك و يبارك فيك أخي​

شوف ياغالي

هذا طبعا كود التأطير

وانت التأطير حقك له عدد معين من الاسطر وانا الكود حقي له عدد معين

فإذا راح تحدد الكود وتقصه وتضيف بالتأطير

لاتاخذ رقم السطر اخذ اسم الكود واتمنى افدتك

 

[اغاريد الشوق]

تسلم ولاهنت,,​