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

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

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

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


الملاحظات

دورة تصميم استايلات vbulletin بال css دورة خاصة للمبتدأين لتعليم تصميم استايلات بتقنية ال css [شاملة]


LinkBack (11) أدوات الموضوع انواع عرض الموضوع
غير مقروء 04-29-2010   #21 (permalink)
عضو جديد

 رقم العضوية : 545
 تاريخ التسجيل : Apr 2010
 الدولة :
 المشاركات : 7
افتراضي



درس مميز لتقنية الهوفر كما انه لو لم تستعمل صور كان افضل لان التقنية الجديدة من السي اس اس مطورة كتيرة وتغنيط عن الصور الى ما دلك












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

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

اها اكيد يا غالى
بس انا شرحت الطرق اللى بتعامل بيها
وكل واحد يختار اللى تريحه












قناص جوبا غير متواجد حالياً   رد مع اقتباس
غير مقروء 05-20-2010   #23 (permalink)
عضو جديد

 رقم العضوية : 588
 تاريخ التسجيل : May 2010
 الدولة :
 المشاركات : 11
افتراضي

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

ومثلا فيها ازرار
الرئيسية - المدونة- المنتدى - المجلة - اتصل بنا
وردت اخلي الصورة الثانيه تكون بخاصيه hover على كل رابط بهذه الصورة الثانية

فكيف يكون ترتيب الاكواد
وجزاك الله خير و وفقك لعمل الخير












الصور المصغرة للصور المرفقة
اضغط على الصورة لعرض أكبر

الاســـم:	1.gif‏
المشاهدات:	113
الحجـــم:	2.6 كيلوبايت
الرقم:	373   اضغط على الصورة لعرض أكبر

الاســـم:	2.gif‏
المشاهدات:	121
الحجـــم:	950 بايت
الرقم:	374  
● S M S M ● غير متواجد حالياً   رد مع اقتباس
غير مقروء 05-21-2010   #24 (permalink)
VB EGY
 
الصورة الرمزية قناص جوبا

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

الموضوع بسيط جدا يا غالى
انت الاول بس اعمل القائمه وانسى ال hover دلوقتى
واعطينى الاكواد وهشرحلك عليها












قناص جوبا غير متواجد حالياً   رد مع اقتباس
غير مقروء 05-21-2010   #25 (permalink)
عضو جديد

 رقم العضوية : 588
 تاريخ التسجيل : May 2010
 الدولة :
 المشاركات : 11
افتراضي

كود الكلاسات
كود PHP:
 
<div class="smsm">
<
a id="li" href="index.php" title=" الرئيسية"></a>
<
a id="li1" href="index.php" title=" المجلة"></a>
<
a id="li2" href="index.php" title=" الدردشة"></a>
<
a id="li3" href="index.php" title=" المنتدى"></a>
<
a id="li4" href="index.php" title=" اتصل بنا"></a>
</
div

كود الـ css
كود PHP:
 
.smsm{
background-image:url('11.gif');
width:567px;
height:43px;
background-repeat:no-repeat;
margin:auto;
position:relative
}
#li{
position:absolute;
height:43px;
width:113px;
right:0px;
}
#li:hover{
background-image:url('1hover.gif');
}
#li1{
position:absolute;
height:43px;
width:113px;
right:113px;
}
#li1:hover{
background-image:url('2hover.gif');
}
#li2{
position:absolute;
height:43px;
width:113px;
right:226px;
}
#li2:hover{
background-image:url('3hover.gif');
}
#li3{
position:absolute;
height:43px;
width:113px;
right:339px;
}
#li3:hover{
background-image:url('4hover.gif');
}
#li4{
position:absolute;
height:43px;
width:113px;
left:px;
}
#li4:hover{
background-image:url('5hover.gif');

الصور المستخدمة
صورة القائمة



صورة الازرار تأثير hover



الناتج



لكن الامر مرهق استخدام خمس صور
الكتابه على كل زر
هل استطيع عمل صورة واحده فقط واوزعها على كل اقسام الهوفر ؟
بدون ان اكتب على الصور
ولو اردت ان اكتب اسماء الرئيسية,المجلة,الدردشة,المنتدى داخل اكود الـ CSS
كيف سيصبح الكود
وجزاك الله خير












الصور المصغرة للصور المرفقة
اضغط على الصورة لعرض أكبر

الاســـم:	test.gif‏
المشاهدات:	115
الحجـــم:	12.8 كيلوبايت
الرقم:	377   اضغط على الصورة لعرض أكبر

الاســـم:	11.gif‏
المشاهدات:	115
الحجـــم:	3.1 كيلوبايت
الرقم:	378   اضغط على الصورة لعرض أكبر

الاســـم:	1hover.gif‏
المشاهدات:	119
الحجـــم:	1.0 كيلوبايت
الرقم:	379   اضغط على الصورة لعرض أكبر

الاســـم:	5hover.gif‏
المشاهدات:	112
الحجـــم:	1.0 كيلوبايت
الرقم:	380   اضغط على الصورة لعرض أكبر

الاســـم:	4hover.gif‏
المشاهدات:	115
الحجـــم:	1.0 كيلوبايت
الرقم:	381  

● S M S M ● غير متواجد حالياً   رد مع اقتباس
غير مقروء 05-21-2010   #26 (permalink)
VB EGY
 
الصورة الرمزية قناص جوبا

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

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












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

 رقم العضوية : 474
 تاريخ التسجيل : Mar 2010
 الدولة :
 المشاركات : 63
افتراضي

السلام عليكم

الطريقة الثالثة مافهمتها
خصوصا

background-position:-15px -113px;


مافهمتش كيف عملت القيم دي

بس لو تفهمني على هذه الصورة ..اين احط نقظة الصفر و كيف احسب
الله يحفظك















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

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

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












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

 رقم العضوية : 474
 تاريخ التسجيل : Mar 2010
 الدولة :
 المشاركات : 63
افتراضي

شكرا جزيلا فهمت شوي ..القيم السالبة لسة مش ظابطهم

ان شالله احاول












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

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

هى المسئله عاوزه تكرار فقط وتجريب وان شاء الله تظبط معاك












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

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

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

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

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

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


LinkBacks (?)
LinkBack to this Thread: http://vbegy.info/vb/t906.html
أرسلت بواسطة For Type التاريخ
Untitled document This thread Refback 02-09-2012 02:57 PM
Untitled document Post #0 Refback 11-11-2011 03:37 PM
Untitled document This thread Refback 02-10-2011 04:46 PM
Untitled document This thread Pingback 06-27-2010 04:39 PM
Untitled document This thread Pingback 06-25-2010 07:13 PM
Untitled document This thread Refback 05-22-2010 05:15 PM
Untitled document This thread Refback 02-01-2010 04:05 PM
Untitled document This thread Refback 01-14-2010 11:04 PM
Untitled document This thread Refback 01-13-2010 06:28 PM
Untitled document This thread Trackback 01-12-2010 10:01 PM
Untitled document This thread Trackback 01-12-2010 09:52 PM


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



الساعة الآن 08:41 AM.
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