رسالة مدير الموقع

تم افتتاح الموقع الحمدلله بحلته الجديدة وهو تحت التطوير لفترة حتى يتم الانتهاء من كل شئ بنجاح

دورة تصميم قالب ورد بريس بلوحة تحكم

دورة برمجه اضافه اتصل بنا للورد بريس


الملاحظات

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


LinkBack (14) أدوات الموضوع انواع عرض الموضوع
غير مقروء 12-11-2009   #11 (permalink)
عضو ممتاز
 
الصورة الرمزية وحي الرسم

 رقم العضوية : 7
 تاريخ التسجيل : Jul 2009
 الدولة :
 المشاركات : 228
افتراضي



مشكور يا غالي












وحي الرسم غير متواجد حالياً   رد مع اقتباس
غير مقروء 12-12-2009   #12 (permalink)
VB EGY
 
الصورة الرمزية قناص جوبا

 رقم العضوية : 1
 تاريخ التسجيل : Jun 2009
 العمر : 27
 الدولة : ام الدنيا
 المشاركات : 4,439
إرسال رسالة عبر MSN إلى قناص جوبا
افتراضي

المشاركة الأصلية كتبت بواسطة وحي الرسم مشاهدة المشاركة
مشكور يا غالي
العفو
منور ،،












قناص جوبا غير متواجد حالياً   رد مع اقتباس
غير مقروء 12-12-2009   #13 (permalink)
عضو جديد

 رقم العضوية : 266
 تاريخ التسجيل : Nov 2009
 الدولة :
 المشاركات : 19
افتراضي

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












همس الأطياف غير متواجد حالياً   رد مع اقتباس
غير مقروء 12-13-2009   #14 (permalink)
VB EGY
 
الصورة الرمزية قناص جوبا

 رقم العضوية : 1
 تاريخ التسجيل : Jun 2009
 العمر : 27
 الدولة : ام الدنيا
 المشاركات : 4,439
إرسال رسالة عبر MSN إلى قناص جوبا
افتراضي

مثلا هتوزع كانك بتوزع الهيدر
وفى الصوره الشمال هتضيف الكود ده
كود PHP:
margin-left:2px 
وفى الصوره اللى فى اليمين هتضيف الكود ده
كود PHP:
margin-right:2px 
والصوره الثالثه اللى فى المنتصف مش هتضيف غير
كود PHP:
margin:0px auto
اتمنر تكون الفكره وضحت












قناص جوبا غير متواجد حالياً   رد مع اقتباس
غير مقروء 12-23-2009   #15 (permalink)
عضو نشيط

 رقم العضوية : 302
 تاريخ التسجيل : Dec 2009
 الدولة :
 المشاركات : 30
افتراضي

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

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

<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>

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












rina غير متواجد حالياً   رد مع اقتباس
غير مقروء 12-24-2009   #16 (permalink)
VB EGY
 
الصورة الرمزية قناص جوبا

 رقم العضوية : 1
 تاريخ التسجيل : Jun 2009
 العمر : 27
 الدولة : ام الدنيا
 المشاركات : 4,439
إرسال رسالة عبر MSN إلى قناص جوبا
افتراضي

هيكون على الشكل
كود PHP:
<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/vb/Ahmed_vbegy/Banner3.gif); background-repeat:no-repeat; height:60px; width:468px; margin:0px auto; position:relative;"><class="Ahmed" href="http://vbegy.info/vbtitle="فى بى ايجى"></a></div>
<!-- 
نهاية الكود (قناص جوبا) -->
</
div
وهنحط فى اعدادات ال css الرئيسية
كود PHP:
a.Ahmed{
    
height:60px;
    
width:468px;
    
position:absolute;
    
border:none;













قناص جوبا غير متواجد حالياً   رد مع اقتباس
غير مقروء 01-04-2010   #17 (permalink)
عضو نشيط

 رقم العضوية : 302
 تاريخ التسجيل : Dec 2009
 الدولة :
 المشاركات : 30
افتراضي

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

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

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

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

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















rina غير متواجد حالياً   رد مع اقتباس
غير مقروء 01-04-2010   #18 (permalink)
VB EGY
 
الصورة الرمزية قناص جوبا

 رقم العضوية : 1
 تاريخ التسجيل : Jun 2009
 العمر : 27
 الدولة : ام الدنيا
 المشاركات : 4,439
إرسال رسالة عبر MSN إلى قناص جوبا
افتراضي

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












قناص جوبا غير متواجد حالياً   رد مع اقتباس
غير مقروء 01-04-2010   #19 (permalink)
عضو نشيط

 رقم العضوية : 302
 تاريخ التسجيل : Dec 2009
 الدولة :
 المشاركات : 30
افتراضي

اخى الكود انا شوفته فى شرح لك لعضو بيسئل عن توزيع الاوسمه فحاولت اطبقه
لكن الشرح كان 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;
}












rina غير متواجد حالياً   رد مع اقتباس
غير مقروء 01-04-2010   #20 (permalink)
VB EGY
 
الصورة الرمزية قناص جوبا

 رقم العضوية : 1
 تاريخ التسجيل : Jun 2009
 العمر : 27
 الدولة : ام الدنيا
 المشاركات : 4,439
إرسال رسالة عبر MSN إلى قناص جوبا
افتراضي

انا عملتهم على اول اربعه بس
وانتى قيسى على الاربعه التانين
كود PHP:
<div class="ads1">
<
div class="ads2">
<
div class="banner1"><class="ban1" title="ماسنجر" href="http://www.xxxx.com/msn"></a>
</
div>
<
div class="banner2"><class="ban2" title="العاب" href="http://www.xxxx.com/games"></a>
</
div></div>
<
div class="ads3">
<
div class="banner3"><class="ban3" title="فوتوشوب" href="http://www.xxxx.com/photoshop"></a>
</
div>
<
div class="banner4"><class="ban4" title="تصميم" href="http://www.xxxx.com/design"></a>
</
div></div>
</
div
كود PHP:
.ads1{
    
width:812px;
    
height:60px;
}
.
ads2{
    
float:left;
    
width:404px;
    
height:60px;
    
margin-right:2px;
}
.
ads3{
    
float:right;
    
width:404px;
    
height:60px;
    
margin-left:2px;
}
.
banner1{
    
background-image:url('http://vbegy.info/up/vbegy_lossen_4.gif');
    
background-repeat:no-repeat;
    
width:200px;
    
height:60px;
    
float:left;
}
.
banner2{
    
background-image:url('http://vbegy.info/up/vbegy_lossen_4.gif');
    
background-repeat:no-repeat;
    
width:200px;
    
height:60px;
    
float:right;
}
.
banner3{
    
background-image:url('http://vbegy.info/up/vbegy_lossen_4.gif');
    
background-repeat:no-repeat;
    
width:200px;
    
height:60px;
    
float:left;
}
.
banner4{
    
background-image:url('http://vbegy.info/up/vbegy_lossen_4.gif');
    
background-repeat:no-repeat;
    
width:200px;
    
height:60px;
    
float:right;













قناص جوبا غير متواجد حالياً   رد مع اقتباس

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
مميزه, الهيدر, css, اعلان, بتقنيه, بطريقه, درس, عمل, فى


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

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

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


LinkBacks (?)
LinkBack to this Thread: http://vbegy.info/vb/t760.html
أرسلت بواسطة For Type التاريخ
ط¯ط±ط³ ط¹ظ…ظ„ ط§ط¹ظ„ط§ظ† ط¨ط·ط±ظٹظ‚ظ‡ ظ…ظ…ظٹط²ظ‡ ط¨طھظ‚ظ†ظٹظ‡ (css) ظپظ‰ ط§ظ„ظ‡ظٹط¯ط± - طھظ‚ظ†ظٹظˆظ† This thread Refback 03-30-2010 10:00 AM
Untitled document This thread Refback 03-27-2010 01:30 AM
Untitled document This thread Refback 01-01-2010 07:35 AM
Untitled document This thread Refback 12-19-2009 08:15 PM
Untitled document This thread Refback 12-13-2009 02:12 PM
Untitled document This thread Refback 12-11-2009 01:08 AM
Untitled document This thread Refback 12-08-2009 05:03 PM
Untitled document This thread Refback 12-08-2009 12:41 AM
Untitled document This thread Refback 12-07-2009 04:29 PM
Untitled document This thread Refback 12-07-2009 03:53 PM
Untitled document This thread Refback 12-07-2009 01:42 PM
ط¯ط±ط³ ط¹ظ…ظ„ ط§ط¹ظ„ط§ظ† ط¨ط·ط±ظٹظ‚ظ‡ ظ…ظ…ظٹط²ظ‡ ط¨طھظ‚ظ†ظٹظ‡ (css) ظپظ‰ ط§ظ„ظ‡ظٹط¯ط± This thread Trackback 12-07-2009 01:53 AM
Untitled document This thread Trackback 12-07-2009 01:51 AM
Untitled document This thread Trackback 12-07-2009 01:37 AM


فى بى ايجى التطويرية



الساعة الآن 07:08 PM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37