Bakenam
03-17-2009, 03:08 AM
بســــــــــم اللــــــــــــة
( ملاحظة: يفضل ان يكون لديك سيرفر شخصي لتجربة الستايل علية)
... * ... * ... * ... * ...... * ... * ... * ... * ...
اولا :
هذة صورة للستايل الاساسي للمنتدى
صورة :
http://www.ff5006.jeeran.com/style/1.jpg
اذا كان هذا الستايل غير موجود لديك فحملة من هنا (http://www.stooop.com/2006/12/f1b4eaa487.zip)
...
عند تحميل الستايل فك الضغط عن الملف وادخل داخل المجلد
main
ستجد ثلاث مجلدات:
صورة:
http://www.ff5006.jeeran.com/style/2.jpg
الآن أدخل الى مجلد الصور
image
بعد الدخول الية انظر الى الصورة التالية لتعرف ماهي الصور المهمة :
صورة:
http://www.ff5006.jeeran.com/style/3.jpg
الان افتح الصورة
gradient_tcat.gif
بالفوتوشوب
وضع لها اي تدرج يعجبك
( ملاحظة هذة الصورة هي الخلفية لاسم القسم واشياء اخرى...)
{ اذا لم تستطع اضافة تدرج الرجاء اختيار مايلي
صورة :
http://www.ff5006.jeeran.com/style/4.jpg
}
الآن ضع التدرج الذي يعجبك :
http://www.ff5006.jeeran.com/style/5.jpg
بعد وضع التدرج تأكد من مايلي:
http://www.ff5006.jeeran.com/style/5.jpg
الن احفظ عملك بتنسيق
GIF
الآن افتح الصورة
gradient_thead.gif
بالفوتوشوب
1-
http://www.ff5006.jeeran.com/style/4.jpg
2-
ضع التدرج الي يعجبك (ولكن تأكد من انة يتناسق مع الاول)
http://www.ff5006.jeeran.com/style/7.jpg
3-
http://www.ff5006.jeeran.com/style/5.jpg
الآن افتح الصورة
footer.gif
1-
http://www.ff5006.jeeran.com/style/4.jpg
2-
ضع التدرج الي يعجبك (ولكن تأكد من انة يتناسق مع الاثنين السابقين)
http://www.ff5006.jeeran.com/style/8.jpg
3-
http://www.ff5006.jeeran.com/style/5.jpg
الآن اصبح المنتدى بهذا الشكل :
http://www.ff5006.jeeran.com/style/9.jpg
الان سنحاول تغيير الصورة التي في الاعلى وخلفيتها:
1- افتح مجلد القوالب
http://www.ff5006.jeeran.com/style/10.jpg
افتح القالب
header.tpl
بالمفكرة
ثم قم يتحديد الكل crtl+a
ثم انسخة وضعة بالفرونت بيج في مكان الكود البرمجي للصفحة:
سيظهر لك هكذا
http://www.ff5006.jeeran.com/style/11.jpg
الآن اضغط باللون البنفسجي بالاعلى
بزر الفارة اليمن وخاتر مايلي
http://www.ff5006.jeeran.com/style/12.jpg
ثم قم يتغيير اللون الى اللون ال1ي يتوافق مع ستايلك
وقم بنسخ الكود البرمجي ولصقة في قالب header.tpl واحفظة...
الان سيصبح المنتدى بهذا الشكل:
http://www.ff5006.jeeran.com/style/13.jpg
ستلاحظ عدم توافق لون الصورة مع الستايل
الآن قم بالدخول لمجد الصور images
وافتح الصورة logo.jpg
بالفوتوشوب
وقم بعمل تصميم يتوافق مع ستايلك او منتدك
وقم بحفظة بصيغة JPG وسمة logo
سيصبح المنتدى الان هكذا
http://www.ff5006.jeeran.com/style/14.jpg
الن قد انتهينا من تصميم الستايل
.
.
.
.
.
.
لكن هنالك اشياء لاتتوافق مع لون استايلك
مثل ايقونة ( اضافة موضوع) و (اضافة رد ) و...
الايقونة التي في الاحصائيات السريعة ...
هذة الاشياء تعتمد عليك انت وذوقك
سوف اشرح طريقة تغييرها فقط
اذهب لمجلد الصور :
هذة هي الصور التي يجب عليك تغييرها:
add
وهي ايقونة اضافة موضوع
icon-67_old
وهي ايقونة (المنتدى لايحتوي على مشاركات جديدة)
icon-67_new
وهي ايقونة (المنتدى يحتوي على مشاركات جديدة)
icon-67_lock
منتدى مقفل
new_pm
ايقونة رسالة جديدة في الرسائل الخاصة
reply
اضافة رد
take_copy
اخذ نسخة
الان بعد تغييرها
ستتعلم كيف تضيف حقوقك للستايل
اذهب لمجلد القوالب
افتح قالب footer
بالفرونت بيج( مثل الطريقة التي في الاعلى header )
واضف حقوقك الية
.
الان لقد تم الانتهاء من ستايلك...
http://www.ff5006.jeeran.com/style/center.jpg
.
( ملاحظة: يفضل ان يكون لديك سيرفر شخصي لتجربة الستايل علية)
... * ... * ... * ... * ...... * ... * ... * ... * ...
اولا :
هذة صورة للستايل الاساسي للمنتدى
صورة :
http://www.ff5006.jeeran.com/style/1.jpg
اذا كان هذا الستايل غير موجود لديك فحملة من هنا (http://www.stooop.com/2006/12/f1b4eaa487.zip)
...
عند تحميل الستايل فك الضغط عن الملف وادخل داخل المجلد
main
ستجد ثلاث مجلدات:
صورة:
http://www.ff5006.jeeran.com/style/2.jpg
الآن أدخل الى مجلد الصور
image
بعد الدخول الية انظر الى الصورة التالية لتعرف ماهي الصور المهمة :
صورة:
http://www.ff5006.jeeran.com/style/3.jpg
الان افتح الصورة
gradient_tcat.gif
بالفوتوشوب
وضع لها اي تدرج يعجبك
( ملاحظة هذة الصورة هي الخلفية لاسم القسم واشياء اخرى...)
{ اذا لم تستطع اضافة تدرج الرجاء اختيار مايلي
صورة :
http://www.ff5006.jeeran.com/style/4.jpg
}
الآن ضع التدرج الذي يعجبك :
http://www.ff5006.jeeran.com/style/5.jpg
بعد وضع التدرج تأكد من مايلي:
http://www.ff5006.jeeran.com/style/5.jpg
الن احفظ عملك بتنسيق
GIF
الآن افتح الصورة
gradient_thead.gif
بالفوتوشوب
1-
http://www.ff5006.jeeran.com/style/4.jpg
2-
ضع التدرج الي يعجبك (ولكن تأكد من انة يتناسق مع الاول)
http://www.ff5006.jeeran.com/style/7.jpg
3-
http://www.ff5006.jeeran.com/style/5.jpg
الآن افتح الصورة
footer.gif
1-
http://www.ff5006.jeeran.com/style/4.jpg
2-
ضع التدرج الي يعجبك (ولكن تأكد من انة يتناسق مع الاثنين السابقين)
http://www.ff5006.jeeran.com/style/8.jpg
3-
http://www.ff5006.jeeran.com/style/5.jpg
الآن اصبح المنتدى بهذا الشكل :
http://www.ff5006.jeeran.com/style/9.jpg
الان سنحاول تغيير الصورة التي في الاعلى وخلفيتها:
1- افتح مجلد القوالب
http://www.ff5006.jeeran.com/style/10.jpg
افتح القالب
header.tpl
بالمفكرة
ثم قم يتحديد الكل crtl+a
ثم انسخة وضعة بالفرونت بيج في مكان الكود البرمجي للصفحة:
سيظهر لك هكذا
http://www.ff5006.jeeran.com/style/11.jpg
الآن اضغط باللون البنفسجي بالاعلى
بزر الفارة اليمن وخاتر مايلي
http://www.ff5006.jeeran.com/style/12.jpg
ثم قم يتغيير اللون الى اللون ال1ي يتوافق مع ستايلك
وقم بنسخ الكود البرمجي ولصقة في قالب header.tpl واحفظة...
الان سيصبح المنتدى بهذا الشكل:
http://www.ff5006.jeeran.com/style/13.jpg
ستلاحظ عدم توافق لون الصورة مع الستايل
الآن قم بالدخول لمجد الصور images
وافتح الصورة logo.jpg
بالفوتوشوب
وقم بعمل تصميم يتوافق مع ستايلك او منتدك
وقم بحفظة بصيغة JPG وسمة logo
سيصبح المنتدى الان هكذا
http://www.ff5006.jeeran.com/style/14.jpg
الن قد انتهينا من تصميم الستايل
.
.
.
.
.
.
لكن هنالك اشياء لاتتوافق مع لون استايلك
مثل ايقونة ( اضافة موضوع) و (اضافة رد ) و...
الايقونة التي في الاحصائيات السريعة ...
هذة الاشياء تعتمد عليك انت وذوقك
سوف اشرح طريقة تغييرها فقط
اذهب لمجلد الصور :
هذة هي الصور التي يجب عليك تغييرها:
add
وهي ايقونة اضافة موضوع
icon-67_old
وهي ايقونة (المنتدى لايحتوي على مشاركات جديدة)
icon-67_new
وهي ايقونة (المنتدى يحتوي على مشاركات جديدة)
icon-67_lock
منتدى مقفل
new_pm
ايقونة رسالة جديدة في الرسائل الخاصة
reply
اضافة رد
take_copy
اخذ نسخة
الان بعد تغييرها
ستتعلم كيف تضيف حقوقك للستايل
اذهب لمجلد القوالب
افتح قالب footer
بالفرونت بيج( مثل الطريقة التي في الاعلى header )
واضف حقوقك الية
.
الان لقد تم الانتهاء من ستايلك...
http://www.ff5006.jeeran.com/style/center.jpg
.