|
|
|
|
||||||
| دورات تعليم وتصميم الإستايلات قسم يهتم بتقديم دروس حول تصميم وتنسيق قوالب المنتديات المتكاملة Styles، كذلك لمناقشة الأفكار والأساليب الحديثة المتعلقة بالتصميم وطرق العرض. |
|
|
|
LinkBack | أدوات الموضوع | طرق العرض |
29 - 03 - 2008, 04:30
|
||||
|
السلام عليكم ورحمة الله
حياكم الله وبياكم وسدد على طريق الحق خطاي وخطـآكم أمـآ بعد بعد درسنا السابق في سلسلة الدروس الإحترافية من فـــوكـــس وقد كان الفصل الأول.. يتعلق بالتصميم والتقطيع وقد قمنا بحفظ البنر بصيغة gif أو jpg وقمنا بعمل شريط المواضيع ولكن لم نقطعه فسوف نقوم بتقطيعه الآن قبل الخوض في الدروس البرمجية قم باختيار الأداة كما في الصورة التالية  نقره على هذا الشريط لتكبير الصورةوقم بتقطيعه بالشكل التالي نقره على هذا الشريط لتكبير الصورةوقم بحفظه من القائمة file/save for web ستفتح هذه النافذة وقمت بالتطرق إليها .. للتقليل من حجم الصورة ..مع مراعاة الجودة نقره على هذا الشريط لتكبير الصورة1 : هذه عدد الألوان المستخدمة يمكنك تقليل الحجم إلى 200 أو 128 بس أنتبه للجودة 2: يمكنك زيادتها بنسبة قلية جداً كـ 3% ويمكنك ملاحظة الحجم كما هو محدد في الصورة بعدها سوي حفظ وتكون انحفظت :::::::::::::::::::::::::::::::: (( القســم البرمجـــــي )) سنبدأ من أعحلى المنتدى إلى أسفل بإذن الله وهو كالآتي : 1-header 2-navbar 3-forumhome 4-foter ثم ننتقل للصفحات الداخية forumdisplay ::::::::::::::::::::::::::::::::: أولاً الهيدر ... افتح برنامج الفرونت بيج وافتح عمل جديد واضغط على التعيمات البرمجية كما هو موضح بالصورة وقم بمسح التعليمات كاملة كما بالصورة الآن توجه ...إلى قائمة الجداول وقم بعمل جدول 1 في 1 الآن قم بالضغط على الجدول بالزر الأيمن واختر خيارات الجدول .. انتبه ( وليس خيارات الخلية ) ستفتح لنا نافذة باشكل التالي قم باستبدال .. التغيرات كما في الصورة الثانية بعد ذلك قم بإضافة الصورة داخل الجدول ( صورة البنر ) لاحظ... اييه .. الحين جينا للشغل .. بتقول كيف بنضيف أكثر من رابط على صورة وحدة بقولك ..سوي مثل ما أسوي ... قم باختيار الأداة الموضحة.. ثم قم برسم .. مستطيل أو مربع حسب شكل الزر.. أول ما تخلص رسم راح تطلع لك هذه النافذة تلقائياً نقره على هذا الشريط لتكبير الصورةحط فيها الكود على حسب الزر ... وتفضل يا حبيبي ..كل الأكواد اللي تحتاجها في الهيدر الرئيسيه كود PHP: $vboptions[forumhome].php?$session[sessionurl] المكتب ( لوحة تحكم العضو ) كود PHP: usercp.php?$session[sessionurl] التسجيل كود PHP: register.php?$session[sessionurl] البحث كود PHP: search.php?$session[sessionurl] التعليمات ( لا أنصح به .. إلا بعد ترقيع ثغرة faq.php ) كود PHP: faq.php?$session[sessionurl] قائمة الاعضاء ( لا أنصح به .. إطلاقاً ) كود PHP: memberlist.php?$session[sessionurl] التقويم ( لا أنصح به .. لحين صدور النسخة التي تلي 3.5.4 ) كود PHP: calendar.php?$session[sessionurl] الخروج... ( لا أنصح به علشان الأعضاء لا يطعوا .....  أمزح وياكم )كود PHP: login.php?$session[sessionurl]do=logout :::::::::::::::::: وبعد انتهائك من جميع الأزرار عى حسب الهيدر اذهب إلى التعليمات البرمجية في الفرونت بيج نقره على هذا الشريط لتكبير الصورةلاحظ وقم بمحس كل المجلدات .. واترك فقط اسم الصورة مثلاًُ هذا الكود file:///F:/AppServ/www/vb2/style-fox...-fox84_bnr.gif نقوم بمسح .. المجلدات ..( المسارات ) ونذهب إلى داخل vb وننشيء ملف جديد (ملف صور الإستايل ) مثلاً أنا سميته style-fox84 فيصبح رابط الصورة كالتالي style-fox84/fox-fox-fox84_bnr.gif ولا تنسى تحط الصورة داخل المجلد اللي سويته .. وبعدها انسخ الكود ... وروح به إلى تمبت header وامسح كل اللي فيه وضع الكود اللي أنشأته أنت باستخدام الفرونت بيج وهكذا تكون قد أنهيت تركيب البنر .. وروابطه .. على تمبت الهيدر لاحظ الصورة نقره على هذا الشريط لتكبير الصورة::::::::::::::::::: الحين نجي لشريط آخر عشر مواضيع عشــآن نخلص من الهيدر مرةوحدة تذكرون ..يوم حفظنا تصميم .. شريط آخر عشر مواضيع .. أنا سميته sddd.html وراح أفتحه بالفرونت بيج ... شوف نقره على هذا الشريط لتكبير الصورةالحين فتحناه بالفرونت بيج .. أبيك تصحصح ..وياي شوي .. الحين شوف يا عزيزي اضغط على الصفحة بعد فتحها بالزر الأيمن.. وقم بالتالي نقره على هذا الشريط لتكبير الصورةوراح تطلع لك نافذة مثل هاذي إذاهب إلى القائمة none وعدلها للتالي نقره على هذا الشريط لتكبير الصورةشوف شو صار ... كل شي انقلب وخرب ؟؟ لا أطمنك .. احنا يوم اخترنا هذا الإختيار قمنا بعكس الصورة اليمنى بدل اليسرى شوف الصورة نقره على هذا الشريط لتكبير الصورةفهمت كيف ... حنا ويش بنسوي بنرجع الصور كل وحدة لمكانها .. نجي مثلاًُ عند الجدول ( الصورة اللي على اليمين ) نقره على هذا الشريط لتكبير الصورةونضع بدل الصورة اللي شكلها مقلوب .. الصورة الأصلية .. نقره على هذا الشريط لتكبير الصورةشفت كيف رجعت مثل ماكانت ... سوي نفس الحركة على الصورة اللي في اليسار بعد .. الحين بتقول فوكس ليش مسوي هاذي الزحمة كلها ؟؟ يا حبيبي لأنك إذا ما سويت هالزحمة بتروح المنتدى بعد ما تركب الأكواد.. في الهيدر بتلاقي الدنيا عفسة اليمين يسار واليسار يمين... فهمت كيف .. الحين بنروح لشي مهم مرة نروحج للصورة اللي في النص .. اللي مفروض يتحرك فيها النص (آخر عشر مواضيع ) وامسحها شوف الصورة لاحول ولا قوة إلا بالله .. صارت لنا مشكلة ثانية .. لا تخاف حلها عندي ... وطرقت إلى هذه المشكلة لأن الكثر يعاني منها فهذه طريقة قمت بابتكارها بعد العذاب الذي كنت أواجهه شوف ياقلبي .. رجع كل اللي سويته .. (يعني الصورة اللي مستحهتا رجعها ) اضغط ctrl+z طيب حدد على الصورة وخش وبعدها اضغط بازر اليمين عيها .. واختار خصائص الخلية نقره على هذا الشريط لتكبير الصورةبعدها ستخرج لنا نافذة كهذه شوفها نجي عند اخلفية ونختار استعراض ونبحث عن نفس الصورة اللي محددين الخلية حقتها نقره على هذا الشريط لتكبير الصورةوعطه أوكي الحين نخش على التعيمات البرمجية شوف نقره على هذا الشريط لتكبير الصورةالحين انسخ المحدد عندك في الصورة الجاية نقره على هذا الشريط لتكبير الصورةونقوم بلصقه .. في كود الخلفية من بداية images بالشكل هذا نقره على هذا الشريط لتكبير الصورةونقوم بحذفكود الصورة الحين نخش على التصميم في الفرونت بيج شوف كيف ظابت وحليو ماشاء الله والمكان كأن مافيه صورة أقدر أضيف عيه كود آخر عشر مواضيع وأنا مرتاح .. وأكتب عليه نقره على هذا الشريط لتكبير الصورةثم نذهب للتعليمات البرمجية ونضغط على زري ctrl+f لكي نقوم بالبحث عن المسارات الغير المرغوب بها واستبدالها باللتي نريد بكل سهولة شوف الصورة نقره على هذا الشريط لتكبير الصورةثمكما فعلنا مع الهيدر اضغط بالزر اليمين .. ثم خصائص الجدول.. وعطه نفس الإعدادات اللي سويناها علشان يومتركبه في المنتدى .. يكون ظابط (جاي في النص ) :::::::::: ثم ننسخ الأكود من بداية <div align="center"> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0> إلى نهاية </TABLE> </div> وضعها في آخر سطر في الهيدر وهكذا نكون قد تمكن من الإنتهاء من الهيدر بشكل عام :::::::::::::::::::::::::::: مذا تستفيد من ادرس ؟ 1 - بهذه الطريقة تتمكن من اضافة اي شي.. في المنتدى ( أوسمة- إعلانات ) وبطريقة مميزة . 2 - قمت في الدرس بالتطرق إلى المشاكل التي تواجهة المصممين في العادة ذللك تبدوا الخطوات طويلة.. إلى أنها في منتهى السهولة ..وتستطيع القيام بها في وقت قياسي ... إذا تمكنت من اجتياز تلك المشاكل ( الأخطاء ) وهذه الأخطاء تنتج عن .. ( نسيان المصمم لخطوات اساسية قبل البدأفي التصميم ) قبل أن تبدأ في تصميم استايل تأكد من أن جسمك .. قد أخذ راحة كافية من النوم ..ولايكون هنالك مايشغل بالك.. :::::::::::::::::::::::::::::::::: أما في الدرس القادم .. بإذن الله سنتطرق إلى جداول وأقسام المنتديات الفورم هوم.. وقد قمت بجعله درساً مستقلاً.. لكونه من أصعب الخطوات ..هو وتمبلت الناف بار .. إلى حين ذلك الوقت .. أنا حاضر للرد على استفساراتكم .. وخلونا نشوف تطبيقاتكم ولو بطلب منكم ..طلب صغير .. أدعولــي ووالدي بالتوفيق قي الدنيا والآخرة .. محبكم : فـــــوكـــــس وآخر دعوانا أن الحمد لله رب العالمين وصلي اللهم وسلم على أفضل الخلق أجمعين 
|
|
:: عضو نشيط ::
 
  |
والله يعطيك العافية ومجهود تشكر عليه لاتحرمنا من هذه الشروحات الرائعة تقبل تحياتي |
|
|
|
Banned
 |
على الدرس الرائع جدا جدا الله يعطيك الف عافية |
|
|
|
:: عضو نشيط ::
|
الله يجزاك خير
شرح مختصر ووافي .. تحياتي لك .. |
|
|
|
:: عضو جديد ::
|
|
|
|
|
:: عضو نشيط ::
 |
وان شاء الله في دورة جديدة قريباً ننتظر موافقة الإدارة عليها |
|
|
|
:: عضـــو::
|
بس ممكن تشرحة من البدااااااية لان روابط كل دروسك معطووبة |
|
|
|
| العلامات المرجعية |
| أدوات الموضوع | |
| طرق العرض | |
|
|
العرض العادي
