شبكة ومنتديات صدى الحجاج

شبكة ومنتديات صدى الحجاج (https://www.sadaalhajjaj.net/vb/index.php)
-   ستايلات المنتديات (https://www.sadaalhajjaj.net/vb/forumdisplay.php?f=130)
-   -   تلوين ستايل واحد بأكثر من لون .بحيث تترك للأعضاء باختيار اللون المفضل .. (https://www.sadaalhajjaj.net/vb/showthread.php?t=6195)

نشمي 22-02-2009 16:41

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

لتحميل ستايل Vb.Org-color_beta التجريبي ب7 ألوان للنسخة 3.7.3 من الصدى
مثال آخر بالصور

[IMG]http://img201.imageshack.us/img201/3711/87986124pk6.***[/IMG]

[IMG]http://img174.imageshack.us/img174/8724/13751098tl1.***[/IMG]

[IMG]http://img518.imageshack.us/img518/8163/95300943gd3.***[/IMG]

[IMG]http://img186.imageshack.us/img186/7365/46531948ce0.***[/IMG]

- حفظ أنماط css بشكل منفصل أي في ملف خارجي لنستطيع التحكم بها بكل حرية


من المعروف انه لحفظ أنماط css بشكل منفصل أي في ملف خارجي في صفحات المنتدى كنا نتوجة الى :

لوحة التحكم => خيارات المنتدى => إعدادات اللغة - الإستايل .. ثم الى الحقل ( تخزين أنماط CSS كملفات؟ ) ونختار "نعم"
ويشترط هذا الخيار للتفعيل أعطاء المجلد "vbulletin_css" ترخيص 777 حتى يمكن للمنتدى من الكتابه داخلة وتحديث الملف بعد كل تغيير في إعدادات css من لوحة css رئيسي ..
ولكن البعض يخشي من التصريح 777 للقول بأنه غير آمن كما ان ملفات css الناتجة داخله تكون بأسماء عشوائيه مع كل تعديل جديد يحدث على متغيرات css بهذا الشكل :
كود:

style-4bb5f638-00049.css
style-05bbc47d-00048.css
style-6e08ebf7-00057.css
style-82ed02cc-00055.css

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

الخطوات :
1 - بعد الإنتهاء من الإستايل ثم ضبط إعدادات css ، إعرض الإستايل على المتصفح وقم بفتح Source الصفحة لتظهر معك بالشكل التالي ..

http://www.geocities.com/ca2oom_pic/.../cssall_01.gif

إنسخ كل ماهو موجود بعد الوسم

http://www.geocities.com/ca2oom_pic/.../cssall_02.gif

- ضع كل مانسخته داخل ملف نصي txt فارغ وإحفظة بأي اسمه وبإمتداد css ـ

/*** وفي المرفق تجدوا ملف css يحتوى على كل الأوامر والألوان للإستايل الإفتراضي يمكنكم التعديل عليه مباشرة على اى إستايل جديد ***/

- مسارات الصور ، أمر مهم جدا فبعد حفظ الملف السابق بإمتداد css بداخل مجلد المنتدى او مجلد الصور او اى مكان تريدة داخل مجلد المنتدى الرئيسي لابد ان نراعي كتابة المسارات بطريقة صحيحة ويتوقف المسار ويتغير على حسب مكان حفظ ملف css نفسه وإليكم بعض الأمثلة للتوضيح ..

* لو وضعت ملف css بمجلد مستقل تماماً وليكن بإسم style ووضعته بمجلد الصور الرئيسي داخل مجلد المنتدى على هذا المسار ..

كود:

url(vb/images/style/new.css)
أما مجلد صور الإستايل سيكون داخل مجلد الصور الرئيسي ايضا ومساره هكذا ..

كود:

url(vb/images/images-style)
إذن كيف تكون مسارات الصور داخل ملف css لهذا الصورة مثلا ..

كود:

url(vb/images/images-style/buttons/newthread.gif)
بهذا الشكل ..

كود:

url(../images-style/buttons/newthread.gif)
طيب لو كان ملف css بمجلد مستقل ايضا ولكن هذه المرة موجود مباشرة بمجلد المنتدى الرئيسي بعيداً عن الصور والمسار هكذا ..

كود:

url(vb/style/new.css)
ومجلد الصور في نفس مكانة السابق ـ إذن مسار الصور هذه المرة سيتغير الى ..

كود:

url(../images/images-style/buttons/newthread.gif)
حالة أخرى وفيها سوف نحفظ ملف css ونضعه مباشرة داخل مجلد صور الإستايل اى كان مكانة ـ ومسارات الصور في هذه الحالة ستكون بالشكل التالي :

كود:

url(buttons/newthread.gif)
* أتمني تكون وضحت الفكرة جيداً !
وهناك طريقة أخرى لكتابة المسارات داخل ملف css أسهل وهى بكتابه المسار الكامل للصورة متضمنا اسم الموقع ـ ولكنها في نفس الوقت طريقة لا تتناسب إذا كان الإستايل يشترك في إستخدامه أكثر من موقع أو في حالة عرض الإستايل مجاني ..

كود:

url(http://www.yoursite.com/vb/images/im...newthread.gif)
- إرجع الى لوحة تحكم المنتدى وإبحث في الإستايل المراد تعديلة عن القالب [headinclude] وافتحه ثم أبحث فيه عن الكود التالي وأحذفة :

كود:

$style[css]
وكانت وظيفته جلب أوامر css من خيارات لوحة التحكم العادية ( css رئيسي )
ونستبدله بالكود التالي ..
كود:


مع مراعاة تغير المسار على حسب مكان حفظ ملف css داخل مجلد المنتدى كما وضحنا سابقاً
( إختياري ) 5 - أخيراً وحتى نكون جمعنا كل أوامر css في ملف واحد منفصل تبقي خصائص css للمحرر Editor وهو الصندوق التى تظهر به القوائم لإختيار الخط واللون الخ .....
والمنتدى يقوم من تلقاء نفسه بفصل بعض الأوامر من css الخاصة بالمحرر ويضعها في ملف خارجي تجده على المسار

كود:

vb/client******/vbulletin_editor.css
ومن ثم يقوم بجلب هذا الملف داخل القالب [editor_client******] ـ وبنفس القالب ايضا تجد أوامر css مكتوبة مباشرة داخل الوسم