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

سارق الأحلام

عضو جديد
7 يناير 2010
8
0
0
بسم الله الرحمن الرحيم

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

ملاحظه :

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

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

فهرس الدوره :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ملاحظه :

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

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

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

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

سارق الأحلام

:icon31:​
 

المرفقات

  • دورة سارق الأحلام.rar
    2.9 KB · المشاهدات: 528

هاوي برمجيات

عضو جديد
19 فبراير 2010
2
0
0
يسلمووووووو يالغالي بجد افدتني

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

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

سديم99

عضو جديد
26 فبراير 2010
2
0
0
جزآك الله الف خير

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

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

فديته ياناس

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




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

كافي ارهاب

عضو جديد
29 أكتوبر 2009
29
0
0
ماشاء الله عليك دورة حلوة ومرتبة وتم تحميل جميع درس

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

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

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

BaDaR

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

BaDaR

عضو جديد
12 فبراير 2010
15
0
0
أول مشكلة صادفني قي التصميم
قالب النافبار لم يضبط معي , معكوس : الجهة اليمنى في اليسرى و اليسرى في اليمنى ...ههههه
الصورة :
navbare.jpg
و ما عرفت وينه الخطأ ؟؟؟
 

سارق الأحلام

عضو جديد
7 يناير 2010
8
0
0
أول مشكلة صادفني قي التصميم
قالب النافبار لم يضبط معي , معكوس : الجهة اليمنى في اليسرى و اليسرى في اليمنى ...ههههه
الصورة :
navbare.jpg
و ما عرفت وينه الخطأ ؟؟؟

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

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

او

ان تركيبك غلط

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

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

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

BaDaR

عضو جديد
12 فبراير 2010
15
0
0
يا غالي التأطير تم بطرقة سليمة ( أعدته مرات كثيرة :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>
+
تم حل المشكلة
الله يسعدك و يبارك فيك أخي
 

سارق الأحلام

عضو جديد
7 يناير 2010
8
0
0
يا غالي التأطير تم بطرقة سليمة ( أعدته مرات كثيرة :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]
+​






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


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

شوف ياغالي

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

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

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

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