السلام عليكم
شباب الاشهار جميعا
| ... ♥دورة تصميم استايلات احلى منتدى MR.TITO. الْإِبْدَاعِيَّة ♥ ... |

حصريا
مقدمه من عشاق التصميم
MR.TITO ــــــــــــــــــــــــMIDO HABIB

| ... ♥ [ الدرس الاول ] درس انشاء منتدى تجريبى من نوعيه احلى منتدى MR.TITO. الْإِبْدَاعِيَّة ♥ ... |




ِ

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

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

اتبع الشرح الموضح فى الصور التاليه
بسم الله توكلنا على الله وبدايه الدرس االاول
اولا هندخل على موقع شركه احلى منتدى
WWW.AHLAMONTADA.COM
ثم اتبع الشرح التالى

https://i.servimg.com/u/f38/15/68/49/55/des-st10.png

هتظهر لينا قائمه باستايلات
هنختار اى استايل بس هيكون استايل من نوعيه النسخه الثانيه phpbb2

https://i.servimg.com/u/f38/15/68/49/55/des-st10.jpg

ثم نضغط على تابع كما هو موضح

https://i.servimg.com/u/f38/15/68/49/55/des-st11.png

بعد كدة هتظهر لينا صفحه التسجيل وملأ البيانات
هنملا البيانات اللى مطلوبه كلها وبعدين هنضغط على تابع

https://i.servimg.com/u/f38/15/68/49/55/des-st12.png

بعد كدة هتظر لينا صفحه هنكتب فيها الباسورد مرة تانيه


واخيرا هتظهر لينا صفحه التهنئه بانشاء المنتدى

https://i.servimg.com/u/f38/15/68/49/55/des-st14.png

اتمنى ان الدرس ينال اعجابكم
مع تحياتى

| ... ♥دورة تصميم استايلات احلى منتدى MR.TITO. الْإِبْدَاعِيَّة ♥ ... |





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

[ الدرس الثانى ] مكونات الاستايل الاساسيه وكيفيه الوصول اليها

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

يتكون الاستايل فى خدمه احلى منتدى من مستويين
المستوى الاول وهو الاستايل العادى وتكون مكوناته عبارة عن [ مجموعه من الصور - الوان - مجموعه من اكواد الـ css] .
المستوى الثانى وهو الاستايل بتقنيه التومبلايت وتكون مكوناته عبارة عن [ مجموعه من الصور - الوان - اكواد الـ css - اكواد التومبلايت] .
ومعظم الاستايلات التى يمتلكها اصحاب المنتديات المجانيه هى من النوع الاول وهى التى سنقوم بعمل دورتنا عليها .

يتكون الاستايل من مكونين وهما اكواد الـ css بالاضافه الى الصور المكونه للاستايل والالوان

اولا الصور و كيفيه الوصول اليها
بالضغط على مظهر المنتدى > ادارة الصور > لوحه ادارة كامله
ستظهر لنا قائمه بالصور التى يبنى عليها استايل المنتدى
وهى كالتالى
1- عام / تحكم
وتحتوى على الصور الاساسيه والتى تشكل بناء المنتدى من هيدر وصور الازرار وايقونات الاقسام والفئات ...

https://i.servimg.com/u/f78/15/68/49/55/111.png


2- ايقونات المنتدى
وتحتوى على الايقونات التى تظهر بجانب الاقسام والفئات وتكون مكونه من ثلاثه صور [ جديد - قديم - مغلق].

https://i.servimg.com/u/f78/15/68/49/55/211.png


3- الايقونات الخاصه بالمساهمات
وهى الايقونات التى تظهر عند معاينتك لقسم ما فى المنتدى وتظهر بجوار قائمه المواضيع وتعبر عن محتوى الموضوع من حيث مدى شعبيته او جديد وقديم او مغلق او غيرها من الايقونات المعبرة عن المنتدى

https://i.servimg.com/u/f78/15/68/49/55/311.png


4- ايقونات المواضيع
وهى تلك التى نستخدمها لوضع صورة كبادئه لعنوان الموضوع وهى غير هامه لنا فى هذه الدورة

https://i.servimg.com/u/f78/15/68/49/55/411.png


5- الازرار
هى مجموعه من الازرار التى توضع للتعبير عن بعض القرارات كـ [ انشاء موضوع جديد - اضافه رد - موضوع مغلق - تعديل - حذف ..... ]

https://i.servimg.com/u/f78/15/68/49/55/511.png

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

اما عن اكواد السى اس اس وكيفيه الوصول اليها فتابعوا معنا هذا الدرس
أولا كيفيه الوصول الى اكواد الـ css
كيفيه تركيب اكواد الـ css . شرح بالصور
ثانيا : مجموعه كبيرة من اكواد ال css
قسم خاص باكواد الـ css لجميع النسخ

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

اما الوصول الى الالوان فيكون من خلال
لوحه الادارة > مظهر المنتدى > الالوان

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

وبكدة يكون الدرس التانى انتهى
واى استفسارات انا موجود

مع تحياتى

MR.TITO

| ... ♥دورة تصميم استايلات احلى منتدى MR.TITO. الْإِبْدَاعِيَّة ♥ ... |






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

الدرس الثالث من دورة تصميم استايلات احلى منتدى
درس تصميم هيدر احترافى - درس تصميم واجهه احترافيه - درس تصميم لوجو احترافى


اكيد كله عايز يشوف الدرس دلوقتى مش كدة
الدرس بحجم 1.5 ميجا فقط ومرفوع على 7 سيرفرات منهم الميديا فير
يلا بينا نحمل الدرس
Rapidshare
http://goo.gl/bmfEU
!==!==!==!==!==!==!==!==!==!==!==!==!
Megaupload
http://goo.gl/5R6Xx
!==!==!==!==!==!==!==!==!==!==!==!==!
Depositefiles
http://goo.gl/kiBZ5
!==!==!==!==!==!==!==!==!==!==!==!==!
Hotfile
http://goo.gl/o0num
!==!==!==!==!==!==!==!==!==!==!==!==!
Zshare
http://goo.gl/yjmeF
!==!==!==!==!==!==!==!==!==!==!==!==!
Uploading
http://goo.gl/1ORB3
!==!==!==!==!==!==!==!==!==!==!==!==!
Mediafire
http://goo.gl/uKaHe

| ... ♥دورة تصميم استايلات احلى منتدى MR.TITO. الْإِبْدَاعِيَّة ♥ ... |




أولا نتيجه الدرس ،،

http://www.up-king.com/almaciat/vg8vf5w2yiw6jigfuxmo.png

تحميل الدرس من على اكتر من سيرفر منهم الميديا فير

Megaupload http://goo.gl/5R0mo !==!==!==!==!==!==!==!==!==!==!==!==! Depositefiles http://goo.gl/X4p3Q !==!==!==!==!==!==!==!==!==!==!==!==! Hotfile http://goo.gl/7gxFA !==!==!==!==!==!==!==!==!==!==!==!==! Zshare http://goo.gl/Dxq8i !==!==!==!==!==!==!==!==!==!==!==!==! Uploading http://goo.gl/ZgnMe !==!==!==!==!==!==!==!==!==!==!==!==! Mediafire http://goo.gl/2ad6t

بسم الله الرحمن الرحيم
ليسون اليوم هوا تنسيق الوان المنتدى من خلال لوحه تحكم المنتدى
أولاّ
www.xxxxxx.ahlamontada.com/admin

xxxxxx >> اسم منتداك

لوحه التحكم >> مظهر المنتدى >> الوان
..

• الالوان مكونه من عدة تفرعات ومسؤله عن كل جزء فى المنتدى وتتحكم فيه من خلال اللوحه وايضا ورقه css
  
• مثلا تستيطع التحكم فى لون خلفيه المنتدى والوان
  

البرنامج التالى : color cop
هوا برنامج لاستخراج اكواد الالوان

اقتباس:

شرح بسيط للبرنامج هوا من خلال الابرة 5×5 تستطيع تحريكها ناحيه الجزء المراد اخد اللون منه او من custom تستطيع اخد اللون من دايرة الالوان

• تقوم من خلاله باستخراج الالوان من الواجهه على سبيل المثال وتبدأ بوضعهااا فى خانات الالوان المراد تغيرها
  

لتحميل البرنامج

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>اقتباس:</td></tr><tr><td class="quote">http://goo.gl/lePk4 او http://goo.gl/KYpZY</td></tr></table>

دوورتك مبدعة

تسلم ايدك

شكرا لك

مشكور أخي انا كنت ببحث على هذا الموضوع من زمان

انتقآاء في غاية الجمال ... ننتظر جديدكـ

مشكور أخي انا كنت ببحث على هذا الموضوع من زمان

دوره جميله بس انا ابي طريقه عمل استايل انتا لم تذكر طريقه عمله وانشالله سا اجده

يعني تم الانتهاء من تصميم الاستايل

ميه ميه يا زميلي

اصلي يا كبير

يعطيك العافية

دروة رائعة

أفادتني كثر
الف شاحلى منتدىر

يا جماعة لحد الآن لا اعرف أصمم استايلات
أناا صممت
هيدر
فوتر
عملت تقطيع
عملت أزرار الرئيسية
الدخول
التسجيل
.... الخ

لكن لما أحاول التركيب ياتي الاستايل عجيب

الف الف الف الف شكر

شكرا على الطرح لكن مافتهمت اي شيئ
لان الشرح ليس للمبتدئين