[الدرس السادس] دورة تصميم ستايل بـgimp

بسم الله الرحمن الرحيم
—————————–
في هذا الدرس سنقوم بعون الله بشرح أولى خطوات عملية تركيب الستايل بعد أن قمنا بتهيئته في الدرس السابق
أولا نأخذ نبذة قصيرة عن ستايلات phpbb3 لنتعرف عليها أكثر:
ستايلات phpbb3 تقع على المسار التالي :
root/styles
حيث ان “root” هو مجلد المنتدى الرئيسي و يكون باسم phpBB3 افتراضيا.
phpbb3 تحوي نوعين من الستايلات الموجودة افتراضيا مع النسخة والتي يستخدمها المصممون لبناء ستايلات جديدة معتمدين على أحد النوعين
النوع الأول:
subsilver2: ستايل معتمد على نظام الجداول “tables” في بنائه لذا فالتعديل عليه يعتمد بالأساس على html
النوع الثاني:
prosilver: ستايل مبني بنظام web2 يعتمد على تقسيم العناصر بـ

<div>

لذا فالتعديل عليه معتمد في الأساس على الـ css
مكونات الستايل:
يتكون كلا النوعين من ثلاث مجلدات هي:
imageset: مجلد يحتوي على صور الستايل التي لها علاقة بالتحكم يعني “الأزرار و ألايقونات الدالة على الواضيع الجديدةو القديمة والمغلقة وهكذا ”
أكمل قراءة التدوينة

كُتب في دروس phpBB3, دورة تصميم ستايل منتدى phpbb3 | الأوسمة: , , , , , , , , , , , , , , | إرسال التعليق

[الدرس الخامس]دورة تصميم استايل منتدى باستخدام gimp

السلام عليكم ورحمة الله وبركاته
————————————
بعد أن قمنا بعملية تقطيع التصميم وانتهيانيا من ذلك بحمد الله في الدرس السابق , اليوم سنشرح عملية تهيئة وتضبيط ما نتج من عملية التقطيع لنركبه مباشرة بعد ذلك في الستايل وعلى هذا فعملية التهيئة ستنقسم إلى قسمين :
الأول:تهيئة ملف الـhtml الناتج عن التقطيع
الثاني: تهيئة الصور المقطعة وتحديد الصور التي سنستخدمها والصور غير المرغوب فيها بالاضافة إلى تقليل حجم الخلفيات المتكررة عن طريق اقتطاع جزء منها فقط لاستخدامه.
نبدأ الآن بتهيئة ملف الـhtml الناتج:
نذهب إلى ملف الـhtml ونقوم بفتحه باستخدام أي محرر نصوص بسيط مثل: gedit,notepad++
سيظهر معنا الكود التالي:
أكمل قراءة التدوينة

كُتب في دروس phpBB3, دورة تصميم ستايل منتدى phpbb3 | الأوسمة: , , , , , , , , , , | إرسال التعليق

[الدرس الرابع] دورة تصميم ستايل منتدى باستخدام gimp

السلام عليكم ورحمة الله وبركاته
…………………………………….
درس اليوم سهل وبسيط للغاية ولا يحتاج إلى شرح أساسا
سنعطي فكرة سريعة عن الدرس قبل البداية:
يتحدث درس اليوم عن تقسيم التصميم الذي انت هينا منه الى أجزاء ليتم تركيبها بواسطة html على المنتدى.التقطيع سيعتمد على أجزاء التصميم الذي قمنا بعمله وعلى هذا فإن التصميم سينقسم عرضيا إلى أجزاء و رأسيا إلى أجزاء “صفوف وأعمدة في لغة الـhtml”
ودون إطالة في الكلام هذه الصورة توضح ما أقصده و هي صورة للتصميم بعد تقسيمه -يعني نهاية الدرس

نبدأ خطوات الشرح:
ملاحظة سنقوم باخفاء طبقتي: tcat,thead بإزالة رمز العين من أمامهما لأننا سنقوم بقطعهما على انفراد
لبدء عملية التقسيم سنختار أداة التحريك ونذهب إلى المسطرة العلوية ونضغط بالزر الأيسر للفأرة عليها ونستمر بالضغط ثم نسحب إلى الاسفل سيظهر لنا خط الـguide الذي يحدد نهاية تقسيم منطقة معينة
أكمل قراءة التدوينة

كُتب في دروس phpBB3, دورة تصميم ستايل منتدى phpbb3 | الأوسمة: , , , , , , , , , , , , , , | إرسال التعليق