مشكور يا غالي

العفو
منور ،،

ألف شكر لك أخي قناص على الشرح الرائع هذا
بس أخي قناص لو بغيت يكون الإعلانات البنرية جنب بعض وبينهم مسافة بسيطة
مثلاً بين كل بنر 1 أو 2 بيكسل
شلون يكون كود البنرات ؟؟
.
.
أتمنى أوضحت الفكرهـ

مثلا هتوزع كانك بتوزع الهيدر
وفى الصوره الشمال هتضيف الكود ده وفى الصوره اللى فى اليمين هتضيف الكود ده والصوره الثالثه اللى فى المنتصف مش هتضيف غير اتمنر تكون الفكره وضحت

مشور كتير على الشرح
لكن كيف اضيف رابط لكود الاعلان البانرى ؟

يعنى الكود الموجود

<div style="padding:0px;position:fixed;height:60px;widt h:100%;margin:0px;z-index:999;top:0px;text-align:center;">
<!-- بدايه الكود (قناص جوبا) -->
<div style="background-image:url('http://vbegy.info/up/Banner_css_4.gif');height:60px;width:200px;
background-repeat:no-repeat;margin:0px auto;"></div>
<!-- نهاية الكود (قناص جوبا) -->
</div>

موجود رابط البانر لكن كيف اضيف رابط الموقع اللى هنتقل له عندما اضغط على هذا البانر ؟

هيكون على الشكل
وهنحط فى اعدادات ال css الرئيسية

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

لكن عندى استفسار

اذا عندنا مجوعه بانرات مثلا 8 هنرتبهم فى صفين كل 4 جمب بعض
كيف بنكرر الكود ؟

انا حاولت اعمله لكن طلعوا البانرات تحت بعض مش جمب بعض
مع انى كتبت

margin-left:2px
margin-right:2px
margin:0px auto

بصى هنوزعهم الاول عادى جدا الاربعه جنب بعض
وبعدين نيجى جنب الاول من ناحيه الشمال نعمل ازاحه لليمين 2 وبعدين اللى جنبه 2 برضه وكله كده
بس الاول انا عاوز اشوف التوزيع اللى انتى ماشيه عليه علشان كل واحد وليه طريقه
يعنى انا مثلا لو هوزع الاربعه دول هعمل ديف الاول يحتوى على الاربعه وبعدين بداخله 2 ديف كل واحد يحتوى على 2 علشان تسهل العمليه
فعاوز اشوف الكود الحالى ايه

اخى الكود انا شوفته فى شرح لك لعضو بيسئل عن توزيع الاوسمه فحاولت اطبقه
لكن الشرح كان 6 بانرات فانا زودت 2

فى الهدر كتبت الكود التالى

<div class="ads1">
<div class="banner1"><a class="ban1" title="ماسنجر" href="http://www.xxxx.com/msn"></a>
</div>
<div class="banner2"><a class="ban2" title="العاب" href="http://www.xxxx.com/games"></a>
</div>
<div class="banner3"><a class="ban3" title="فوتوشوب" href="http://www.xxxx.com/photoshop"></a>
</div>
<div class="banner4"><a class="ban4" title="تصميم" href="http://www.xxxx.com/design"></a>
</div>
</div>
<div class="ads3">
<div class="banner5"><a class="ban5" title="العاب بنات" href="http://www.xxxx.com/girl-games"></a>
</div>
<div class="banner6"><a class="ban6" title="صور" href="http://www.xxxx.com/photo"></a>
</div>
<div class="banner7"><a class="ban7" title="فيديو" href="http://www.xxxx.com/video"></a>
</div>
<div class="banner8"><a class="ban8" title="مطبخ" href="http://www.xxxx.com/food"></a>
</div>
</div>

وفى تعريفات css الاضافيه

.ads1{
width:610px;
height:60px;
margin:0px auto;
}
.ads2{
width:610px;
height:60px;
margin:0px auto;
}
.banner1{background-image:url('http://www.xxxx.com/msn.gif');
background-repeat:no-repeat;width:150px;height:60px;float:right;margin-right:2px;
position:relative;
}
a.ban1{
width:150px;
height:60px;
display:block;
position:absolute;
bottom:0px;
left:0px;
}
.banner2{background-image:url('http://www.xxxx.com/games.gif');
background-repeat:no-repeat;width:150px;height:60px;float:left;margin-left:2px;position:relative;
}
a.ban2{
width:200px;
height:60px;
display:block;
position:absolute;
bottom:0px;
left:0px;
}
.banner3{
background-image:url('http://www.xxxx.com/rina3/roro6.gif');
background-repeat:no-repeat;width:150px;height:60px;margin:0px auto;position:relative;
}
a.ban3{
width:150px;
height:60px;
display:block;
position:absolute;
bottom:0px;
left:0px;
}
.banner4{
background-image:url('http://www.xxxx.com/design.gif');
background-repeat:no-repeat;width:150px;height:60px;margin:0px auto;position:relative;
}
a.ban4{
width:150px;
height:60px;
display:block;
position:absolute;
bottom:0px;
left:0px;
}

.banner5{background-image:url('http://www.xxxx.com/vb/elsmt/girl.gif');
background-repeat:no-repeat;width:150px;height:60px;float:left;margin-left:2px;position:relative;
}
a.ban5{
width:150px;
height:60px;
display:block;
position:absolute;
bottom:0px;
left:0px;
}
.banner6{background-image:url('http://www.xxxx.com/photo.gif');
background-repeat:no-repeat;width:150px;height:60px;float:right;margin-right:2px;position:relative;
}
a.ban6{
width:150px;
height:60px;
display:block;
position:absolute;
bottom:0px;
left:0px;
}
.banner7{
background-image:url('http://www.xxxx.com/rina3/video.gif');
background-repeat:no-repeat;width:150px;height:60px;margin:0px auto;position:relative;
}
a.ban7{
width:150px;
height:60px;
display:block;
position:absolute;
bottom:0px;
left:0px;
}
.banner8{
background-image:url('http://www.xxxx.com/rina3/food.gif');
background-repeat:no-repeat;width:150px;height:60px;margin:0px auto;position:relative;
}
a.ban8{
width:150px;
height:60px;
display:block;
position:absolute;
bottom:0px;
left:0px;
}
.ads3{
width:610px;
height:60px;
margin:0px auto;
}

انا عملتهم على اول اربعه بس
وانتى قيسى على الاربعه التانين