إتصل بنا القوانين الإعلانات الإستضافة الأوسمة والجوائز رفع الملفات المدونات المجموعات مكتبة الفيديو مكتبة الصور مكتبة الملفات النادي الصفحة الرئيسية
::SyRiAn BoY::
 
مواعظ وأذكار:
العودة   ::SyRiAn BoY CluB:: > ..:: مســـــــاحات تقنية وتكنلوجيه ::.. > [ نـــــــادي تطوير المواقع ]

          
    
Share This Forum!  
[ نـــــــادي تطوير المواقع ] تصميم المواقع, برمجتها وتطويرها,دروس.
• تطوير مواقع • سكربتات • عروض تجارية • دروس.


Facebook Style Buttons | كيف تصنع أزرار تشبه أزرار الفيسبوك ؟

Facebook Style Buttons | كيف تصنع أزرار تشبه أزرار الفيسبوك ؟ السلام عليكم و رحمة الله تعالى و بركاته في هذا الدرس نحاول محاكاة

رد
 
  #1 (permalink)  
قديم 05-28-2012, 10:40 PM
الصورة الرمزية Magic Boy


______________

من مواضيعــي إبداعاتــي

أوسمــتي

Magic Boy غير متواجد حالياً

الملف الشخصي
رقــــم العضويـــــــــة: 21651
تاريــخ التسجيـــــــل: Jul 2009
الجنــــــــــــــــــــس:
العــــــــــمـــــــــــــر: 32
مكان الإقـــــامـــــــة: syria
مجموع المشاركــات : 670  [ ؟ ]
صور الجاليــــــــــــري: 2935  [ ؟ ]
النقـاط / قـوة التقـييم: 6809 / 175
مستــوى الســـمعة: Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute Magic Boy has a reputation beyond repute
آخــــر تواجـــــــــــد: 04-13-2014 [ 02:21 AM ]
إرسال رسالة عبر مراسل MSN إلى Magic Boy My Facebook My Twitter +My Google برجي : Scorpio

Facebook Style Buttons | كيف تصنع أزرار تشبه أزرار الفيسبوك ؟



Facebook Style Buttons | كيف تصنع أزرار تشبه أزرار الفيسبوك ؟


Facebook Style Buttons تصنع أزرار facebook-like-button.jpg


السلام عليكم و رحمة الله تعالى و بركاته


في هذا الدرس نحاول محاكاة أزرار الفيسبوك باستخدام CSS

فالنتابع ...

Facebook Style Buttons تصنع أزرار unled1copyh.png

التطبيق :


قم بانشاء ملفين الأول facebook.html و الثاني facebook.css

الملف الأول facebook.html :

كود بلغة HTML:
<!-- Created by Barrett at RRPowered --> <!-- File name facebook.html --> <html> ******** <title>FaceBook style buttons</title> <link rel="stylesheet" type="text/css" href="facebook.css"> </head> <body> <h1>FaceBook style buttons</h1>   <div class="button_outside_border_green"> <div class="button_inside_border_green"> Sign Up </div> </div>   <br />   <div class="button_outside_border_blue"> <div class="button_inside_border_blue"> Login </div> </div>     </body> </html>

الملف الأول facebook.css :
كود بلغة HTML:
/*Created by Barrett at RRPowered*/ /*File name facebook.css*/   body{   font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight:bold; font-size:12px;   margin:100px; }   /* #68a64c background color #98c286 top border #3b6e22 border #2c5115 border bottom #609946 hover background color */       .button_outside_border_green{ width:100px; border:solid #3b6e22 1px; border-bottom:solid #2c5115 1px; cursor:pointer; }   .button_inside_border_green{ padding:6px 0 6px 0; background-color:#68a64c; border-top:solid #98c286 1px; text-align:center; color:#ffffff; }   div.button_inside_border_green:active{ background-color:#609946; }     /* #5c75a9 background color #8a9cc2 top border #29447e border #1a356e border bottom #4f6aa3 hover background color */       .button_outside_border_blue{ width:100px; border:solid #29447e 1px; border-bottom:solid #1a356e 1px; cursor:pointer; }   .button_inside_border_blue{ padding:6px 0 6px 0; background-color:#5c75a9; border-top:solid #8a9cc2 1px; text-align:center; color:#ffffff; }   div.button_inside_border_blue:active{ background-color:#4f6aa3; }


النتيجة :


Facebook Style Buttons تصنع أزرار cssfbstylebtn.png

Facebook Style Buttons تصنع أزرار resultj.png

Facebook Style Buttons | ;dt jwku H.vhv jafi hgtdsf,; ? Hsvhv buttons facebook style

رد مع اقتباس
رد

Tags
أسرار , buttons , الفيسبوك , تشبه , تصنع , facebook , style , كيف


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
تقييم هذا الموضوع
تقييم هذا الموضوع:

تعليمات المشاركة
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

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



جميع الأوقات بتوقيت جرينتش +3 . الساعة الآن » [ 02:59 AM ]


Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd , SyRiAn BoY
[ SyRiAn BoY Club ], Developed by [GLOBAL SCOPE].
SyRiAn BoY CluB
For Best Browsing, Use Mozilla Firefox v17.0
       
Copyright © 2005-2018 syrianboy.net. All rights reserved