Eng Muhamed
2008-04-30, 06:49 AM
السلام عليكم ورحمة الله وبركاته
كيف حالكم جميعا اخواني
مع صدور الفكره الاولى من استايلات المنتديات ذات الجيل الجديد
قبل كل شي مثال على الاستايل
شبكة عيون الويب التعليمية (http://vb.eyesweb1.net/)
مميزات الاستايل قبل التحميل :
1- الابتعاد عن الروتين المعتاد من ناحية التصميم.
2- سرعة التصفح في موقعك.
3- راحت اعضائك في اختيار الوانه التي يحبونه بدون اللجواء اليك.
4- سرعة أختيار وتبديل اللون في عضون ثواني.
5- فصل الاقسام في موقعك بترتيب صحيح وجميل.
6- فصل الاقسام الفرعية وترتيبها.
7- فصل المواضيع المثبته عن المواضيع العادية.
8- نظام تسريع المنتديات بتقليل عدد استعلامات الهاكات.
9- لا توجد اي اضافات خارجية او جداول او غيرها جميعها من نفس برمجة الاستايلات.
10 - اضافة موضوع اضافة رد اقتباس ودجميع الازرار متوافقه مع الاستايل والوانه.
11- لا توجد صور كثيرة وجميعها صغيرة وذات خفه وسرعه في التحميل لاي مستخدم للانترنت.
12 لا توجد اي هاكات مضافة على الاستايل وهو تعديل واحد فقط ويمكنك اضافة جميع هاكاتك وبكل سهولة.
13 - سوف يتم وضع صفحة خاصة بجديد الاستايل وجديد الوانه مع توفير جميع الهكات والمميزات الخاصة بشبكة عيون الويب التعليمية.
14 - استايل واحد في 7 الوان مريح جدا لمحبي كثرة التعديل في منتدياتهم ويحتوي على ملف واحد Xml وهو الملف الخاص بالاستايل فقط.
15- وداعا لكثرة الاستايلات في منتداك.
16- هاك واحد فقط لمعرفة عدد مواضيع ومشاركات العضو.
بعض النصائص والارشادات :
1- قم بالذهاب الى
خيارات المنتدى > إعدادات اللغة - الستايل > تخزين أنماط CSS كملفات؟
قم بوضعها ( نعم )
وقبل تجربت هذا الاختيار تأكد من مجلد موقعك التالي
clientscript/vbulletin_css
المجلد هو
vbulletin_css
قم بإعطائه التصريح
777
ليقوم المنتدى بتخزين جميع خصائص الاستايلات بالمجلد الحالي لضمان سرعة تصفحك وهذه الميزت احد المميزات التي قامة الشركه بوضعها لجميع المستخدمي ولا تخص الاستايل الخاص بنا انما هي احد الطرق الجميله في عمليت التسريع
اذا لم تتم الطريقتين السابقتين قم بأخبار مستضيفك بفتح التراخيص الخاصه بموقعك.
2- لا تقم بتحميل هاكات كثيره في منتداك لسلامت تصفح اعضائك بالاضافة الي تقليل سرعة الاستعلام من المنتدى الى قاعدت البينات مما يسبب في النهاية الي هبوط وتعطل موقعك وأرتفاع اللود بالسيرفر وهذا الخطاء الكبير الذي يرتكبه اكثر الاخوان في حق منتدياتهم.
امثله
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_1.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_2.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_3.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_4.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_5.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_6.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_7.gif
مثال على الاقسام الفصولة :
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_1.gif
مثال على الاقسام الفرعية المرتبه :
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_2.gif
توافق كاتب كتابة المواضيع والردود والتحرير والرسائل مع اللوان بدون اي اخطاء :
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_3.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_4.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_5.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_6.gif
طريقة استخدامك للاستايل :
بسم الله الرحمن الرحيم
قم بتنزيل الاستايل من هنا وهو الان على النسخة
3.6.8
وسوف اقوم بتطويره ووضعه لكم هنا على جميع النسخ
لان النسخ الاقدم بها اكواد وتعديلات غير متوافقه
مع النسخه هذه
قم بتحميل الاستايل من هنا
Rapidshare.com
Download Eyesweb1-Color upload by SUPPORT-AR.COM.zip from Rapidshare.com (http://asapload.com/file/download?mirror_id=39055)
Depositfiles.com
Download Eyesweb1-Color upload by SUPPORT-AR.COM.zip from Depositfiles.com (http://asapload.com/file/download?mirror_id=39054)
Zshare.net
Download Eyesweb1-Color upload by SUPPORT-AR.COM.zip from Zshare.net (http://asapload.com/file/download?mirror_id=39053)
Megaupload.com
Download Eyesweb1-Color upload by SUPPORT-AR.COM.zip from Megaupload.com (http://asapload.com/file/download?mirror_id=39056)
قم برفع ملف Eyesweb1-Color.xml الى منتداك عن طريق
الإستايلات والقوالب > رفـع / تحميل الإستايل > استيراد ملف XML الستايل
قم برفع الملفات التي بداخل المجلد upload الى مجلد منتداك الاساسي
هل تريد الاستبدال نعم
الان بعد عملية الرفع وتنصيب الاستايل قم بتجربته اذا ناسبك قم بتعديل القالب header
وقم بتصميم الهدير المناسب لموقعك
ثم قم بإضافة هذا في اعلى قالب headinclude
<head>
<link rel="stylesheet" type="text/css" href="clientscript/s1.css" title="default"/>
<link rel="alternate stylesheet" type="text/css" title="style-1" href="clientscript/s1.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-2" href="clientscript/s2.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-3" href="clientscript/s3.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-4" href="clientscript/s4.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-5" href="clientscript/s5.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-6" href="clientscript/s6.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-7" href="clientscript/s7.css" media="screen"/>
<script src="clientscript/vbullletin_ajax_reputation.js" type="text/javascript" ></script>
</head>وفي اي مكان تحب وضع اختيار اللون لاعضائك في جدول في الهيدر في الفوتر في اي مكان قم بوضع هذا الكود مكان الجدول الذي تريد
img border="0" src="eyesweb1_color/color/bo.gif" width="5" height="7"> </span>
<a href="javascript:chooseStyle('style-1',60)">
<img src="eyesweb1_color/color/Turquoise.gif" alt="تركواز" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-2', 60)">
<img src="eyesweb1_color/color/Violet.gif" alt="بنفسجي" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-3',60)">
<img src="eyesweb1_color/color/Pink.gif" alt="وردي" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-4',60)">
<img src="eyesweb1_color/color/Red.gif" alt="احمر " width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-5',60)">
<img src="eyesweb1_color/color/Brown.gif" alt="بني" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-6',60)">
<img src="eyesweb1_color/color/Green.gif" alt="اخضر" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-7',60)">
<img src="eyesweb1_color/color/Default.gif" alt="إفتراضي" width="12" height="12" border="0"/></a>للتعديل على الخطوط والالوان توجه الى المجلد هذا
clientscript
وقم بالتعديل على الملفات التالية
الاستايل الازرق
s1
الاستايل البنفسجي
s2
الاستايل الوردي
s3
الاستايل الاحمر
s4
الاستايل البني
s5
الاستايل الاخضر
s6
الاستايل الإفتراضي
s7
ويكون التعديل يدوي او عن طريق احد برامج تحرير Css
وبكذا تحصل على احلى استايل لاحلى اعضاء عندك
========================
تمت الترقيه للنسخه 3.7.0
على الرابط التالى
http://www.support-ar.com/vb/showthread.php?p=1012
كيف حالكم جميعا اخواني
مع صدور الفكره الاولى من استايلات المنتديات ذات الجيل الجديد
قبل كل شي مثال على الاستايل
شبكة عيون الويب التعليمية (http://vb.eyesweb1.net/)
مميزات الاستايل قبل التحميل :
1- الابتعاد عن الروتين المعتاد من ناحية التصميم.
2- سرعة التصفح في موقعك.
3- راحت اعضائك في اختيار الوانه التي يحبونه بدون اللجواء اليك.
4- سرعة أختيار وتبديل اللون في عضون ثواني.
5- فصل الاقسام في موقعك بترتيب صحيح وجميل.
6- فصل الاقسام الفرعية وترتيبها.
7- فصل المواضيع المثبته عن المواضيع العادية.
8- نظام تسريع المنتديات بتقليل عدد استعلامات الهاكات.
9- لا توجد اي اضافات خارجية او جداول او غيرها جميعها من نفس برمجة الاستايلات.
10 - اضافة موضوع اضافة رد اقتباس ودجميع الازرار متوافقه مع الاستايل والوانه.
11- لا توجد صور كثيرة وجميعها صغيرة وذات خفه وسرعه في التحميل لاي مستخدم للانترنت.
12 لا توجد اي هاكات مضافة على الاستايل وهو تعديل واحد فقط ويمكنك اضافة جميع هاكاتك وبكل سهولة.
13 - سوف يتم وضع صفحة خاصة بجديد الاستايل وجديد الوانه مع توفير جميع الهكات والمميزات الخاصة بشبكة عيون الويب التعليمية.
14 - استايل واحد في 7 الوان مريح جدا لمحبي كثرة التعديل في منتدياتهم ويحتوي على ملف واحد Xml وهو الملف الخاص بالاستايل فقط.
15- وداعا لكثرة الاستايلات في منتداك.
16- هاك واحد فقط لمعرفة عدد مواضيع ومشاركات العضو.
بعض النصائص والارشادات :
1- قم بالذهاب الى
خيارات المنتدى > إعدادات اللغة - الستايل > تخزين أنماط CSS كملفات؟
قم بوضعها ( نعم )
وقبل تجربت هذا الاختيار تأكد من مجلد موقعك التالي
clientscript/vbulletin_css
المجلد هو
vbulletin_css
قم بإعطائه التصريح
777
ليقوم المنتدى بتخزين جميع خصائص الاستايلات بالمجلد الحالي لضمان سرعة تصفحك وهذه الميزت احد المميزات التي قامة الشركه بوضعها لجميع المستخدمي ولا تخص الاستايل الخاص بنا انما هي احد الطرق الجميله في عمليت التسريع
اذا لم تتم الطريقتين السابقتين قم بأخبار مستضيفك بفتح التراخيص الخاصه بموقعك.
2- لا تقم بتحميل هاكات كثيره في منتداك لسلامت تصفح اعضائك بالاضافة الي تقليل سرعة الاستعلام من المنتدى الى قاعدت البينات مما يسبب في النهاية الي هبوط وتعطل موقعك وأرتفاع اللود بالسيرفر وهذا الخطاء الكبير الذي يرتكبه اكثر الاخوان في حق منتدياتهم.
امثله
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_1.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_2.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_3.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_4.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_5.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_6.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyeswebs_7.gif
مثال على الاقسام الفصولة :
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_1.gif
مثال على الاقسام الفرعية المرتبه :
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_2.gif
توافق كاتب كتابة المواضيع والردود والتحرير والرسائل مع اللوان بدون اي اخطاء :
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_3.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_4.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_5.gif
http://www.eyesweb1.net/naga/vb/Eyesweb1-Color/eyesweb1_6.gif
طريقة استخدامك للاستايل :
بسم الله الرحمن الرحيم
قم بتنزيل الاستايل من هنا وهو الان على النسخة
3.6.8
وسوف اقوم بتطويره ووضعه لكم هنا على جميع النسخ
لان النسخ الاقدم بها اكواد وتعديلات غير متوافقه
مع النسخه هذه
قم بتحميل الاستايل من هنا
Rapidshare.com
Download Eyesweb1-Color upload by SUPPORT-AR.COM.zip from Rapidshare.com (http://asapload.com/file/download?mirror_id=39055)
Depositfiles.com
Download Eyesweb1-Color upload by SUPPORT-AR.COM.zip from Depositfiles.com (http://asapload.com/file/download?mirror_id=39054)
Zshare.net
Download Eyesweb1-Color upload by SUPPORT-AR.COM.zip from Zshare.net (http://asapload.com/file/download?mirror_id=39053)
Megaupload.com
Download Eyesweb1-Color upload by SUPPORT-AR.COM.zip from Megaupload.com (http://asapload.com/file/download?mirror_id=39056)
قم برفع ملف Eyesweb1-Color.xml الى منتداك عن طريق
الإستايلات والقوالب > رفـع / تحميل الإستايل > استيراد ملف XML الستايل
قم برفع الملفات التي بداخل المجلد upload الى مجلد منتداك الاساسي
هل تريد الاستبدال نعم
الان بعد عملية الرفع وتنصيب الاستايل قم بتجربته اذا ناسبك قم بتعديل القالب header
وقم بتصميم الهدير المناسب لموقعك
ثم قم بإضافة هذا في اعلى قالب headinclude
<head>
<link rel="stylesheet" type="text/css" href="clientscript/s1.css" title="default"/>
<link rel="alternate stylesheet" type="text/css" title="style-1" href="clientscript/s1.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-2" href="clientscript/s2.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-3" href="clientscript/s3.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-4" href="clientscript/s4.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-5" href="clientscript/s5.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-6" href="clientscript/s6.css" media="screen"/>
<link rel="alternate stylesheet" type="text/css" title="style-7" href="clientscript/s7.css" media="screen"/>
<script src="clientscript/vbullletin_ajax_reputation.js" type="text/javascript" ></script>
</head>وفي اي مكان تحب وضع اختيار اللون لاعضائك في جدول في الهيدر في الفوتر في اي مكان قم بوضع هذا الكود مكان الجدول الذي تريد
img border="0" src="eyesweb1_color/color/bo.gif" width="5" height="7"> </span>
<a href="javascript:chooseStyle('style-1',60)">
<img src="eyesweb1_color/color/Turquoise.gif" alt="تركواز" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-2', 60)">
<img src="eyesweb1_color/color/Violet.gif" alt="بنفسجي" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-3',60)">
<img src="eyesweb1_color/color/Pink.gif" alt="وردي" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-4',60)">
<img src="eyesweb1_color/color/Red.gif" alt="احمر " width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-5',60)">
<img src="eyesweb1_color/color/Brown.gif" alt="بني" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-6',60)">
<img src="eyesweb1_color/color/Green.gif" alt="اخضر" width="12" height="12" border="0"/></a>
<a href="javascript:chooseStyle('style-7',60)">
<img src="eyesweb1_color/color/Default.gif" alt="إفتراضي" width="12" height="12" border="0"/></a>للتعديل على الخطوط والالوان توجه الى المجلد هذا
clientscript
وقم بالتعديل على الملفات التالية
الاستايل الازرق
s1
الاستايل البنفسجي
s2
الاستايل الوردي
s3
الاستايل الاحمر
s4
الاستايل البني
s5
الاستايل الاخضر
s6
الاستايل الإفتراضي
s7
ويكون التعديل يدوي او عن طريق احد برامج تحرير Css
وبكذا تحصل على احلى استايل لاحلى اعضاء عندك
========================
تمت الترقيه للنسخه 3.7.0
على الرابط التالى
http://www.support-ar.com/vb/showthread.php?p=1012