كيف اخلي التصميم يناسب كل انواع الشاشات

حركتات · 13-09-2006, 09:20 PM

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

إن شاء الله يكون العنوان واضح

طبعا انا مركبه سكيربتات في الموقع

ولمن اركب الستايلات الجديده على السكريبتات

مثلا انا دقة المتصفح عندي 800*600

طبعا بيكون التصميم تمام التمام

لكن اكيد مو كل الناس مثلي

في ناس تصفحهم يكون صغير بدقة 1024*768

طبعا التصميم على هده الدقه يطلع مو حلووو

خاصة إني احب دقة الشاشه تكون كبيره عشان اشووف زي الناس

كيف اخلص التصميم يلائم كل المتصفحات ؟؟؟؟

يعني في حاجة خاصة اعملها ولا انا اتحكم في هذا الشيء من نفس التصميم ؟؟

يارب يكون الطلب واضح

m7bobh · 14-09-2006, 12:32 AM

في هذه الحاله عليك ان تعملي ( التمدد ) مثل الموجود باستايلات المنتديات

!

حركتات · 14-09-2006, 02:14 AM

المشكله ان في تصاميم احس ان التمدد مايطلع حلو عليها

لكن الف شكر محبوبه الرد

تسلم

ولد الديره · 14-09-2006, 07:06 AM

عزيزي

عليك أن تصنع تيبل في حجم 775 وتضع موقعك كاملاً فيه ليسمح للجميع المتصفحين أن يرو الموقع بشكل أسن.
و الذين عندهم الشاشه أعلى من 600 - 800 يرون الوقع سليم وتكون عندهم مساحه جيده ويمكنك أستغلالها للدعايا

مثال عن التيبل <table border="0" width="775" id="table1"></table>

و الموقع هو http://www.alittihad.co.ae/

كل المتصفحين يرون الجريدة و أصحاب الرزلوشن أكبر من 600 - 800 يرون حتى الدعايا التي باليسار

جرب وترى الفرق

وشكراً

حركتات · 15-09-2006, 01:51 AM

مشكور ولد الديره

وراح اجرب

الف شكر على الطريقه

مناااف · 15-09-2006, 06:05 AM

السلام عليكم

يوجد كود بالجافاسيكربت يشيك على الدقة ويحول المتصفح لملف الcss المناسب له
يعني مثلاً ملفين css الاول 800 والثاني 1024
وتضيف اعدادات الجداول والاحجام لهذه الملفات
وتضع كود الجافاسيكريت في منطقة الرأس

كود:

<script language="javascript">
  w= screen.width ;
  h= screen.height;

if (w !=800 || h != 600){
document.write('<link rel="stylesheet" type="text/css" href="800.css">');
}
if (w !=1024 || h != 768){
document.write('<link rel="stylesheet" type="text/css" href="1024.css">');
}
</script>

الثلج · 15-09-2006, 09:59 AM

الفكرتين ممتازة

يعطيكم العافية

ليث الشرس · 15-09-2006, 01:05 PM

حبيبي جرب موقعي ..

موقع الشرس

السالفة وما فيها

كود HTML:

<table width="100%"> <tr> <td align="right"> <img src="رابط الصورة التي ستكون جهة اليمين"> </td> <td width="100%" background="رابط صورة التمدد وانا مسويها نفس خلفية الصورة اللي على اليمين واللي على اليسار وستكون كخلفية كما تلاحظ"> </td> <td align="left"> <img src="رابط الصورة اخر شي عاليسار اذا ما تبيها لا تحطها"> </td> </tr> </table>

اتمنى اكونت افدت اي احد

حركتات · 15-09-2006, 03:31 PM

يسلموو جميعا

راح اجرب كل الطرق واشوف الانسب