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



 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

 ( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 )

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
عبدالله




عدد الرسائل : 603
تاريخ التسجيل : 14/09/2006

( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) Empty
مُساهمةموضوع: ( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 )   ( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) Emptyالخميس 1 فبراير - 16:46


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




مرحبا بك عزيزي الزائر في


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) Logo


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 )




::+:: الرجاء عند نقل الشرح ذكرالمصدر ::+::




نبدأ :


بســــــــــم اللــــــــــــة




( ملاحظة: يفضل ان يكون لديك سيرفر شخصي لتجربة الستايل علية)




... * ... * ... * ... * ...... * ... * ... * ... * ...




اولا :


هذة صورة للستايل الاساسي للمنتدى


صورة :




( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 1




اذا كان هذا الستايل غير موجود لديك فحملة من هنا




...


عند تحميل الستايل فك الضغط عن الملف وادخل داخل المجلد


main


ستجد ثلاث مجلدات:


صورة:




( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 2




الآن أدخل الى مجلد الصور


image


بعد الدخول الية انظر الى الصورة التالية لتعرف ماهي الصور المهمة :


صورة:




( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 3




الان افتح الصورة


gradient_tcat.gif


بالفوتوشوب




وضع لها اي تدرج يعجبك


( ملاحظة هذة الصورة هي الخلفية لاسم القسم واشياء اخرى...)


{ اذا لم تستطع اضافة تدرج الرجاء اختيار مايلي


صورة :


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 4


}


الآن ضع التدرج الذي يعجبك :




( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 5




بعد وضع التدرج تأكد من مايلي:


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 5




الن احفظ عملك بتنسيق


GIF


الآن افتح الصورة


gradient_thead.gif


بالفوتوشوب




1-


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 4




2-


ضع التدرج الي يعجبك (ولكن تأكد من انة يتناسق مع الاول)




( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 7




3-


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 5




الآن افتح الصورة


footer.gif


1-


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 4




2-


ضع التدرج الي يعجبك (ولكن تأكد من انة يتناسق مع الاثنين السابقين)




( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 8




3-


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 5






الآن اصبح المنتدى بهذا الشكل :


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 9




الان سنحاول تغيير الصورة التي في الاعلى وخلفيتها:


1- افتح مجلد القوالب


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 10




افتح القالب


header.tpl


بالمفكرة


ثم قم يتحديد الكل crtl+a


ثم انسخة وضعة بالفرونت بيج في مكان الكود البرمجي للصفحة:




سيظهر لك هكذا


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 11




الآن اضغط باللون البنفسجي بالاعلى


بزر الفارة اليمن وخاتر مايلي


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 12


ثم قم يتغيير اللون الى اللون ال1ي يتوافق مع ستايلك


وقم بنسخ الكود البرمجي ولصقة في قالب header.tpl واحفظة...




الان سيصبح المنتدى بهذا الشكل:




( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 13




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




الآن قم بالدخول لمجد الصور images


وافتح الصورة logo.jpg


بالفوتوشوب




وقم بعمل تصميم يتوافق مع ستايلك او منتدك


وقم بحفظة بصيغة JPG وسمة logo




سيصبح المنتدى الان هكذا


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) 14






الن قد انتهينا من تصميم الستايل


.


.


.


.


.


.




لكن هنالك اشياء لاتتوافق مع لون استايلك




مثل ايقونة ( اضافة موضوع) و (اضافة رد ) و...


الايقونة التي في الاحصائيات السريعة ...




هذة الاشياء تعتمد عليك انت وذوقك




سوف اشرح طريقة تغييرها فقط




اذهب لمجلد الصور :




هذة هي الصور التي يجب عليك تغييرها:


add


وهي ايقونة اضافة موضوع




icon-67_old


وهي ايقونة (المنتدى لايحتوي على مشاركات جديدة)




icon-67_new


وهي ايقونة (المنتدى يحتوي على مشاركات جديدة)




icon-67_lock


منتدى مقفل




new_pm


ايقونة رسالة جديدة في الرسائل الخاصة




reply


اضافة رد




take_copy


اخذ نسخة








الان بعد تغييرها


ستتعلم كيف تضيف حقوقك للستايل




اذهب لمجلد القوالب


افتح قالب footer


بالفرونت بيج( مثل الطريقة التي في الاعلى header )






واضف حقوقك الية




.




الان لقد تم الانتهاء من ستايلك...


( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) Center


.


ولاضافة اشياء اخرى لستايلك


هذا شرح مبسط لوظيفة كل قالب من قوالب النسخة 1.5.0




.




لاي ملاحظة او اي خطأ في الشرح او لطلب شرح




faha1ad2@hotmail.com


www.ff5006.malware-site.www




...






( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) Footer




جميع الحقوق محفوظة لـ www.ff5006.malware-site.www @ 2006


1427/11/20هـ



.



( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) ?username=ff5006&Counter_ID=75578
الرجوع الى أعلى الصفحة اذهب الى الأسفل
لا أسماء دلوعه استعلائيه




عدد الرسائل : 3
تاريخ التسجيل : 03/02/2007

( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) Empty
مُساهمةموضوع: رد: ( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 )   ( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) Emptyالسبت 3 فبراير - 10:25

جزاك الله خيرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
abdeRrhamaan




عدد الرسائل : 47
تاريخ التسجيل : 06/08/2006

( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) Empty
مُساهمةموضوع: رد: ( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 )   ( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 ) Emptyالإثنين 5 فبراير - 9:55

جزاكم الله خيرا على الموضوع القيم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
( درس تصميم ستايل خفيف لـ MYSMARBB 1.5.0 )
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تصميم ستايل للمجله العربيه
» شرح تصميم ستايل على برنامج مكروميديا فايروركس !!
» كتاب طريقة تصميم ستايل احترافي بالتفصيل الممل
» [ستايل] رمضان الاحترافي رُشِّح كأفضل تصميم عربي مجاني
» معرض صور خفيف جداً وبدون تثبيت

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات المسلم :: المنتديات التقنيه :: منتدى البرمجه وتطوير المواقع :: منتدى الستايلات و الواجهات-
انتقل الى: