فى بى ايجى لدروس وشروحات تصميم الاستايلات يهتم القسم بشروحات لكيفية تنسيق وتصميم الاستايلات بالاضافة الى تعديلات css وايضا الاعدادات الشاملة للاستايلات |
LinkBack (14) | أدوات الموضوع | انواع عرض الموضوع |
![]() |
#14 (permalink) | ||
VB EGY
![]() ![]() ![]() ![]() ![]() ![]() ![]() |
![]() مثلا هتوزع كانك بتوزع الهيدر
وفى الصوره الشمال هتضيف الكود ده كود PHP:
كود PHP:
كود PHP:
|
||
![]() |
![]() |
![]() |
#15 (permalink) | |||||
عضو نشيط
![]() ![]()
|
![]() مشور كتير على الشرح
لكن كيف اضيف رابط لكود الاعلان البانرى ؟ يعنى الكود الموجود <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> موجود رابط البانر لكن كيف اضيف رابط الموقع اللى هنتقل له عندما اضغط على هذا البانر ؟ |
|||||
![]() |
![]() |
![]() |
#16 (permalink) | ||
VB EGY
![]() ![]() ![]() ![]() ![]() ![]() ![]() |
![]() هيكون على الشكل
كود PHP:
كود PHP:
|
||
![]() |
![]() |
![]() |
#17 (permalink) | |||||
عضو نشيط
![]() ![]()
|
![]() مشكور كتير للاهتمام و الرد
لكن عندى استفسار اذا عندنا مجوعه بانرات مثلا 8 هنرتبهم فى صفين كل 4 جمب بعض كيف بنكرر الكود ؟ انا حاولت اعمله لكن طلعوا البانرات تحت بعض مش جمب بعض مع انى كتبت margin-left:2px margin-right:2px margin:0px auto |
|||||
![]() |
![]() |
![]() |
#18 (permalink) | ||
VB EGY
![]() ![]() ![]() ![]() ![]() ![]() ![]() |
![]() بصى هنوزعهم الاول عادى جدا الاربعه جنب بعض
وبعدين نيجى جنب الاول من ناحيه الشمال نعمل ازاحه لليمين 2 وبعدين اللى جنبه 2 برضه وكله كده بس الاول انا عاوز اشوف التوزيع اللى انتى ماشيه عليه علشان كل واحد وليه طريقه يعنى انا مثلا لو هوزع الاربعه دول هعمل ديف الاول يحتوى على الاربعه وبعدين بداخله 2 ديف كل واحد يحتوى على 2 علشان تسهل العمليه فعاوز اشوف الكود الحالى ايه
|
||
![]() |
![]() |
![]() |
#19 (permalink) | |||||
عضو نشيط
![]() ![]()
|
![]() اخى الكود انا شوفته فى شرح لك لعضو بيسئل عن توزيع الاوسمه فحاولت اطبقه
لكن الشرح كان 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; } |
|||||
![]() |
![]() |
![]() |
#20 (permalink) | ||
VB EGY
![]() ![]() ![]() ![]() ![]() ![]() ![]() |
![]() انا عملتهم على اول اربعه بس
وانتى قيسى على الاربعه التانين كود PHP:
كود PHP:
|
||
![]() |
![]() |
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
مميزه, الهيدر, css, اعلان, بتقنيه, بطريقه, درس, عمل, فى |
أدوات الموضوع | |
انواع عرض الموضوع | |
|
|
![]() فى بى ايجى التطويرية |
||||