يوم سوالف، في 7 أغسطس القادم

 

العودة   سوالف سوفت > قسم تطوير المنتديات > إصلاح وصيانة المنتديات
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد
 
LinkBack أدوات الموضوع
عضو جديد
تاريخ التسجيل: Jan 2008-
#1 (permalink)  
لطريقة الصحيحة لحفر جدوال المنتدى المتوافقه مع كل المتصفحات بواسطة الـ css


السلام عليكم ورحمة الله ....

بعد أن طرحت موضوعي هذا

http://www.swalif.net/softs/swalif59/softs225387/

وجدت هذا الحل للأخ
ca2oom
::مشرف أقسام تعليم استايلات::
بمعهد ترايدنت


وقد نقلته لكم كما هو عدا بعض الصور


كثيرا مانعانى من شكل حدود المنتدى على المتصفحات الأخرى غير الأكسبلوار وللأسف أغلب مصممي الاستايلات لا تهتم بهذا النقطة حتى المنتديات التطويرة الكبيرة !
مثلا حاول ان تفتح منتدى المشرق على متصفح الفايرفوكس وشاهد كيف تظهر حدودة ( مشكلة !! )


http://www.almshreg.com/up/uploads/i...aefab2b7d4.jpg

بينما على الأكسبلورر تظهر هكذا

http://www.almshreg.com/up/uploads/i...e1adad4f13.jpg

والسبب في ذلك يرجع ان البعض مازال يستخدم الكود القديم المتهالك لحفر الجدول فى لغه html وهو borderColorDark و borderColorLight والحد border=1
وتجده بالشكل التالي بالجدول ..
كود PHP:
<table class="tborder" cellpadding="0" cellspacing="0" borderColorDark="#FFFFFF" borderColorLight="#8F7D5E" border="1"  width="100%" align="center"
وهذا الكود يلغي كود التحديد القياسي لحدود المنتدى الافتراضيه فى الـ class=tborder والذى بدورة يطلب كود الحد من متغيرات css القياسية
والفاجعه ايضا ان تجد مصمم الاستايل لكي يطبق هذا الحفر بين كل موضوع والثاني اى فى alt1 و alt2 يضع نفس هذا الكود فى متغيرات الاستايل ثم Inner Border Width أو عرض الحدود الداخلي بالكود التالي :
كود PHP:
 2" borderColorDark="#FFFFFF" borderColorLight="#10375D" border="1 


وهذا خطأ كبير لان الامر كان يصلح قديما فى الزمن الجميل وقبل ان تنتشر المتصفحات الجديدة التى تعتمد على الأكواد القياسيه والنمط css فى التصميم ــ فرجاء الان من كل مصمم ان يحذف هذا الكود نهائياً من الاستايل ويرجع هذا الخيار بإعدادات المنتدى للوضع الافتراضي وهو (1 بكسل) ــ

ثم
إذهب الى الإستايلات والقوالب > التحكم بالإستايل > css رئيسي .......


- لحدود الجدول المحفورة الخارجية ابحث عن ( حدود الجدول ) وضع لون للخلفية مناسب بحيث يكون أغمق قليلاً من لون خلفية صفحة المنتدى لديك ( حسب تلوينك )

وهذا سيمثل الحد الداخلي ..

ثم من ( خواص css إضافية ) اضف الكود التالي وهو الذى يمثل الحد الخارجي
كود PHP:
border1px solid #FFFFFF;
border-top0px
-
للفصل بين المواضيع بكود الحفر في المتغيرات alt1 و alt2 إذهب الى اللون المتناوب الأول ثم ( خواص css إضافية ) وضع الكود التالي فيها :

كود PHP:
border-left1px solid #FFFFFF;
border-top1px solid #FFFFFF; 
نفس الكود كررة مع لون التوزيع الثاني ...



- الوصلات الخاصة بالـ navbar هذا سيتطلب منا الدخول على القالب والتعديل عليه ..

إفتح القالب بالدريم ويفر وابحث فيه الكود التالي :
كود PHP:
<!-- nav buttons bar -->
<
div align="center">
    <
table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px"
وهو بدايه الجدول الخاص بالوصلات ..
ونستبدله بالتالي :

كود PHP:
 <!-- nav buttons bar -->
<
div align="center">
    <
table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-top-width:0px"
وما تم فعله هو تحديد ( cellspacing ) فقط بدلا من القيمة 0
بعدها نذهب ايضا ونبحث علي ( التحكم بالقوائم المنبثقة/Popup Menu Controls ) من css رئيسي ونضيف نفس الكود اللى اضفناه بلون التوزيع الاول والثاني ...

بنفس هذا الكود ايضاً يمكننا وضعه بقائمة الإنبثاق حتى تظهر هى الأخري بحدود داخليه محفورة ..


مع التحية للكل وأتمنى أن أكون قدمت شيئا مفيدا

( ملاحظة
1- الكل يعرف أن هذا الرمز للون ويمكنك استبداله بما يتوافق مع لون استايلك
كود PHP:
#FFFFFF; 
2-لم أضع رابط الموضوع الأصلي خشية أن يكون محظورا وضع رابط منتدى آخر







التعديل الأخير تم بواسطة : almshreg بتاريخ 25-04-2008 الساعة 11:09 PM.
almshreg غير متواجد حالياً   قديم 25-04-2008, 11:08 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Mar 2008-
#2 (permalink)  

شكرا اخى الفاضل المشرج على التوضيح






hanyteto غير متواجد حالياً   قديم 26-04-2008, 11:23 AM
رد مع اقتباس
رد


أدوات الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
سلسلة دروس الـ ASP ، درس (2) : قم بتشغيل الـ ASP على جهازك الشخصي محمود المسعودي PHP 11 29-10-2003 01:10 AM
سلسة دروس الـ ASP ، درس (1) : تعريف بالـ ASP محمود المسعودي PHP 8 24-04-2003 03:23 PM
كل ما تريد معرفته عن الـ MD5. rocker تطوير الويب 8 03-12-2002 04:55 AM
سباق أجمل منتديات vBulletin لربيع عام 2002 alkahf إصلاح وصيانة المنتديات 154 24-07-2002 11:53 PM
Winsock.ocx طالب الروسي أخبار الإنترنت والتقنية ومناقشتها 7 01-08-2001 10:44 AM


الساعة الآن: 03:23 AM بتوقيت المملكة العربية السعودية