أكواد css لأزرار وقوائم رأسية للمواقع ولصفحات ترحيب الفيس بوك css buttons

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين 

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

بعد عرض كيفية عمل تاب ترحيب iframe 

ووضع أكواد لخلفيات الترحيب  

بعد وضع أكواد الخلفية يمكنا إضافة كود الأزرار المناسب لخلفية صفحة الترحيب 
ووضع الروابط لكل زر

يمكنكم معاينة الأزرار على الطبيعة   

من هــنااااااااااا  

    

وإليكم أكواد الأزرار
أزرار بنية تتحول إلى اللون الأزرق بمرور الماوس

أزرار بنية










 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

أزرار برتقالية تتحول إلى اللون الأصفر بمرور الماوس

 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

أزرار زيتية ذات إطار ذهبى تتحول إلى اللون الذهبى عند مرور الماوس

 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

قائمة أزرار (إطار فقط)

>














 تم التصميم بواسطة مدونة كن داعيا للخير 

>br/

قائمة أزرار

 تم التصميم بواسطة مدونة كن داعيا للخير 

أكواد أزرار ذهبية تتحول لأزرار خضراء بمرور الماوس

 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

أزرار صفراء تتحول إلى اللون البنفسجى عند مرور الماوس

أزرار صفراء











 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

أزرار زرقاء تتحول إلى اللون الذهبى عند مرور الماوس

 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

أزرار زجاجية  تتحول إلى اللون البنى بمرور الماوس

 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

أزرار سوداء ذات إطار ذهبى تتحول إلى اللون البيج بمرور الماوس

 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

أزرار ذات إطار ملون

 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

أزرار برتقالية تتحول إلى اللون الأزرق

 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

أزرار زرقاء تتحول إلى الروز

 تم التصميم بواسطة مدونة كن داعيا للخير 





 





















 
  
  
 href="اللينك الأول" title="الزر الأول">الزر الأول
 
  
    
 href="اللينك الثانى" title="الزر الثانى">الزر الثانى
 
  
    
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث">مدونة كن داعيا للخير
 
  
    
 href="اللينك الرابع" title="الزر الرابع">الزر الرابع
 
  
    
 href="اللينك الخامس" title="الزر الخامس">الزر الخامس
 
  
    
 href="اللينك السادس" title="الزر السادس">الزر السادس

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا  

مكتبة أكواد HTml لصفحات ترحيب الفيس بوك 

إضافة المصحف الشريف لصفحتك على الفيس بوك 

مجموعة تصميمات لصفحات ترحيب fbml 

صفحات ترحيب بدون أكواد بتطبيق iwipa