loulou ange
10-30-2013, بتوقيت غرينيتش 09:50 PM
http://www.dzbatna.com/images/icons/icon20.gif ظ‚ط§ط¦ظ…ط© ط§ط²ط±ط§ط± ظˆظ„ط§ ط§ط±ظˆط¹ - ظ…ظ‚ط¯ظ…ط© ظ…ظ† ظ„ظ…ط³ط§طھ (http://www.dzbatna.com/t2289131/)
السلام عليكم ورحمة الله وبركاته
لاول مره احط درس مفصل في هالقسم وحبيت يكون حصري لكم http://www.dzbatna.com/images/smilies/icon30.gif
الدرس مفصل عبارة عن قائمة أزرار أنيقة بـ لونين ،، ، استخدمت خصائص css + css3 ومثل ماتعرفون بعض خصائص css3 فالاكسبلورر مابتطلع بنفس النتيجة كما في المتصفحات الاخرى ..
فالبداية هذا مثال على القائمة
قائمة أزرار أنيقة (http://lamasat4u.net/lamasat4u-css/)
والحين الاكوادhttp://www.dzbatna.com/images/smilies/icon31.gif
رمز Code:
.button{ width:150px; height:150px; margin:2px; float:right; padding-right:2px; } .thebage { width:700px; height:160px; float:right; } .lamasat4u{ background-color:#720144; width:130px; height:40px; margin-top:50px; font-family:Tahoma; font-size:12px; border-radius: 9px; text-align:center; color:#d285be; transition:width 2s, height 2s; -moz-transition:width 2s, height 2s, -moz-transform 2s; -webkit-transition:width 2s, height 2s, -webkit-transform 2s; -o-transition:width 2s, height 2s, -o-transform 2s; -ms-transition:width 2s, height 2s, -ms-transform 2s; } .lamasat4u:hover{background-color:#527000; color:#b9e251; width:140px; height:100px; transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } a {text-decoration:none; } a h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; }
http://www.dzbatna.com/images/smilies/icon31.gif...
رمز Code:
<div class="thebage"> <div class="button"><div class="lamasat4u"><a href="#"><h1>الرئيسية </h1></a><br>الرجول للصفحة الرئيسية </br></div></div> <div class="button"><div class="lamasat4u"><a href="#"><h1>لمسات </h1></a><br>تمتع بأجمل التصاميم </br></div></div> <div class="button"><div class="lamasat4u"><a href="#"><h1>اتصل بنا</h1></a><br>[email protected] (http://www.cloudflare.com/email-protection) </br></div></div> <div class="button"><div class="lamasat4u"><a href="#"><h1>اعمالنا</h1></a><br>لمشاهدة اخر الاعمال </br></div></div> </div>
[ملف الاندكس مرفق]
الخطأ وارد
http://www.dzbatna.com/images/smilies/icon26.gif
اي استفسار انا حاضرة
اختكم لمسات
التعديل الأخير كان بواسطة lamasat4u; 23 - 06 - 2014 الساعة 01:01
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif lamasat4u-css.zip (http://www.traidnt.net/vb/attachments/698426d1371938470-lamasat4u-css.zip) (968 بايت, عدد مرات المشاهدة 47 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
السلام عليكم ورحمة الله وبركاته
لاول مره احط درس مفصل في هالقسم وحبيت يكون حصري لكم http://www.dzbatna.com/images/smilies/icon30.gif
الدرس مفصل عبارة عن قائمة أزرار أنيقة بـ لونين ،، ، استخدمت خصائص css + css3 ومثل ماتعرفون بعض خصائص css3 فالاكسبلورر مابتطلع بنفس النتيجة كما في المتصفحات الاخرى ..
فالبداية هذا مثال على القائمة
قائمة أزرار أنيقة (http://lamasat4u.net/lamasat4u-css/)
والحين الاكوادhttp://www.dzbatna.com/images/smilies/icon31.gif
رمز Code:
.button{ width:150px; height:150px; margin:2px; float:right; padding-right:2px; } .thebage { width:700px; height:160px; float:right; } .lamasat4u{ background-color:#720144; width:130px; height:40px; margin-top:50px; font-family:Tahoma; font-size:12px; border-radius: 9px; text-align:center; color:#d285be; transition:width 2s, height 2s; -moz-transition:width 2s, height 2s, -moz-transform 2s; -webkit-transition:width 2s, height 2s, -webkit-transform 2s; -o-transition:width 2s, height 2s, -o-transform 2s; -ms-transition:width 2s, height 2s, -ms-transform 2s; } .lamasat4u:hover{background-color:#527000; color:#b9e251; width:140px; height:100px; transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } a {text-decoration:none; } a h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; }
http://www.dzbatna.com/images/smilies/icon31.gif...
رمز Code:
<div class="thebage"> <div class="button"><div class="lamasat4u"><a href="#"><h1>الرئيسية </h1></a><br>الرجول للصفحة الرئيسية </br></div></div> <div class="button"><div class="lamasat4u"><a href="#"><h1>لمسات </h1></a><br>تمتع بأجمل التصاميم </br></div></div> <div class="button"><div class="lamasat4u"><a href="#"><h1>اتصل بنا</h1></a><br>[email protected] (http://www.cloudflare.com/email-protection) </br></div></div> <div class="button"><div class="lamasat4u"><a href="#"><h1>اعمالنا</h1></a><br>لمشاهدة اخر الاعمال </br></div></div> </div>
[ملف الاندكس مرفق]
الخطأ وارد
http://www.dzbatna.com/images/smilies/icon26.gif
اي استفسار انا حاضرة
اختكم لمسات
التعديل الأخير كان بواسطة lamasat4u; 23 - 06 - 2014 الساعة 01:01
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif lamasat4u-css.zip (http://www.traidnt.net/vb/attachments/698426d1371938470-lamasat4u-css.zip) (968 بايت, عدد مرات المشاهدة 47 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
