| لغات برمجة مواقع PHP, ASP, Java Script, Perl دورات، دروس، نقاشات، وتبادل خبرات في كلاً من php asp java scripts perl وغيرها. |
|
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
|
#1
| |||||
| |||||
| درس عمل زر متحرك بتقينه css باكثر من طريقه
السلام عليكم النهارده قررت انه يكون درس احترافى وكل الناس نفسها تتعلمه كود PHP: وبعدين فى منقطه ال style كود PHP: اول حاجه بعمل استعداء للصوره عادى من الكلاس Ahmed1 وبنحدد كل حاجه الطول والعرض ورابط الصوره وبعدين بعمل رابط عليها كما تعلمنا سابقا وبعدين بناخد جزء كود PHP: كود PHP: كود PHP: وفى المرفقات الكود كامل للطريقه ودى تعتبر اسهل الطرق والمثال عليها Untitled Document ![]() الطريقه الثانيه اننا نصمم صوره فيها زرين جنب بعض بالشكل وبعدين هنعمل برضه نفس السابق فى ال body بس هنذود ما بين <a></a> اسم الحاجه اللى احنا عاوزنها وليكن الرئيسية الصوره اللى احنا مصممنها ![]() كود PHP: هنمشى خطوه خطوه كود PHP: وبعدين هنختار ال backbround ونختار الصوره اللى عليها الزرين وبعدين هنختار no-repeat يعنى عدم التكرار وبعدين هنختار right اى الجزء الايمين من الصوره وبعدين top يعنى يجب الصور من فوق حسب الارتفاع اللى احنا هنحدد وبعدين هنحدد العرض والارتفارع وهنكتب text-align:center علشان الكلام يكون فى المنتصف وبعدين هنكتب padding-top:5px; علشان يبعد الكلام شويه والحاجات دى بتكون حسب تقديراتنا وحسب التصميم بتاعنا وبعدين هنكتب الرابط كود PHP: كود PHP: وهنحدد نوع الخط وحجمه وبعدين text-decoration:none; دى علشان نشيل الخط اللى تحت الرابط وبعد كده هنعمل استدعاء لل hover كود PHP: ونحدد الطول والعرض المناسب للزر ونفس السابق بالظبط وبعدين هنعمل تحديد لون الرابط عند ال hover كود PHP: وفى المرفقات الكود كامل ولمثال على الطريقه من هنا Untitled 1 ![]() الطريقه الثالثه والاكثر احترافيه وسهوله وهى بالخاصيه كود PHP: اولا احنا هنصمم الصوره اللى هنعمل عليها الازرر وليكن دى ![]() وبعدين هنغير الالوان بتاعت الازرر علشان لما تتحرك ينج الشكل بتعها والشكل بعد التغير وليكن ده ![]() هنخش على الاكسبريشن ويب وبعدين هنظبط الشكل البدأئى بتاعنا كود PHP: كود PHP: وبعدين نعمل حفظ للصفحه بتاعتنا فى اى مكان ونفتحها بالمتفح علشان نشوف الشكل بتعنا لما الموس يجى على الزر وهنكت خصائص الكلاس الاول كود PHP: كود PHP: وبعدين هنا الاختلاف كود PHP: كود PHP: كود PHP: وبعدين هنكتب كود PHP: هنكتب كود PHP: وبعدين هنكتب كود PHP: احنا هتكون بالناقص يعنى تتحرك ناحيه الشمال كما فى خط الاعداد فى ماده الرياضيات كود PHP: احنا هنا هنلاحظ التحديد -15px وطبعا احنا نقدر نظبطها حسب كل تصميم بتاعنا وبعدين هندوس مسافه من الكيبورد علشان نظبط المحور الصادى وبرضه اللى دارس رياضه الموجب فقط والصفر فى المنتصف والسالب تحت بيحث يكون الشكل النهائى كود PHP: يعنى كده 15px ودلوقتى نشوف المثال بتاعنا علشان اول زر بعد تسجيل العمل هنلاقيه متحرك ونطبق نفس الحكايه على باقى الازرر الباقيه المثال من هنا Untitled 2 والاكواد فى المرفقات ![]() الاكواد فى المرفقات بالترتيب 1 و 2 و3 الموضوع الاصلى منتديات فى بى ايجى منتديات فى بى ايجى التطويرية توقيعي لا اله الا الله .. محمد رسول الله منتديات فى بى ايجى مدونه فى بى ايجى دليل مواقع فى بى ايجى مركز رفع فى بى ايجى |
|
#2
| |||||
| |||||
|
وعليكم السلام ورحمة الله وبركاتة .. توقيعي حصري لمطور [Product] منع أعضاء محددين من تعديل البريد // كلمة المرور حصري لمطور [Product] منع تعديل المشاركات الا بعد عدد من المشاركات حصري لمطور [Product] أخبار المنتدى المتحركة بالجى كويري jQuery حصري لمطور [Product] منع إضافة الكلمات الدلالية tag الا بعد عدد من المشاركات حصري لمطور [Product] اعلانات ادسنس أو أي اعلان في الملف الشخصي للعضو [ Product ] منع رفع المواضيع - منع الردود المتتالية لنفس العضو - الإصدار 2 الثاني (حصري لمطور mtwer) [ Product ] منتج شريط جريدة الرياض الإخباري ! (حصري لمطور mtwer) حصري لمطور [ Product ] الروابط الإضافية في الفوتر Footer بو مجاهد |
|
#3
| |||||
| |||||
|
عليكم السلام ورحمة الله وبركاته جزاكم الله خير توقيعي لاخير في كاتم علم اخواني اعذروني على دخولي المتقطع لضروفي الخاصة وتعب خدمة الانتر نت |
|
#4
| |||||
| |||||
|
اقتباس:
ووضعه فى قائمه المواضيع المميزه منور يا غالى وعليكم السلام ان شاء الله يكون درس بسيط وخفيف على الجميع توقيعي لا اله الا الله .. محمد رسول الله منتديات فى بى ايجى مدونه فى بى ايجى دليل مواقع فى بى ايجى مركز رفع فى بى ايجى |
|
#5
| |||||
| |||||
|
تقدر تسويها بكل سهوله عند تصميمك بالفوتوشوب توقيعي سيرف نت لخدمات المواقع www.servnt.com بريد الدعم الفني : support @ servnt.com متحرك : 00971507118665 |
|
#6
| |||||
| |||||
|
اقتباس:
وكمان لو تقارن باول طريقه وتانى طريقه هتلاقى انك مش هتعرف تعملها بالفوتوشوب نهائى ده فى حاله استخدام اكتر من زر ويكون الاضافه دينيميكى كما فى المدونه مثلا او فى دليل مواقع كما هنا مثلا http://vbegy.info/dir توقيعي لا اله الا الله .. محمد رسول الله منتديات فى بى ايجى مدونه فى بى ايجى دليل مواقع فى بى ايجى مركز رفع فى بى ايجى |
![]() |
| العلامات المرجعية |
مواضيع جديدة في قسم لغات برمجة مواقع PHP, ASP, Java Script, Perl |
| |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
LinkBacks (?)
LinkBack to this Thread: http://www.mtwer.com/vb/t20084.html | ||||
| أرسلت بواسطة | For | Type | التاريخ | |
| الدرس التاسع عن كفيه عمل ازرر متحركه بطريقه احترافيه بتقنيه css - منتديات فى بى ايجى التطويرية | This thread | Refback | 21-02-2011 04:00 PM | |
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| درس عمل صفحه باكثر من لون او استايل باكثر من لون او اى سكربت باكثر من لون | قناص جوبا | لغات برمجة مواقع PHP, ASP, Java Script, Perl | 11 | 06-01-2011 03:13 PM |
| ممكن شرح طريقه ارسال الرسايل عن طريقه مجموعه جوجل بصيغه هتمل | احمدكهربا | دعم فني ، و صيانة المنتديات مجاناً | 2 | 20-08-2010 06:27 AM |
| الكود باكثر من مكان | rayhan | دعم فني مجانا جوجل ادسنس Google Adsense | 1 | 20-05-2010 03:40 PM |