الأحد، 6 يوليو 2014

شرح تركيب ازرار فلات احترافية لتزين مواضيعكم لمدونات Flat UI CSS Buttons Blogger



مرحبا  بكم في موضوع جديد حول اضافة ازرار فلات احترافية بخمسة ألوان وثلاثة احجام يمكنكم استعمالها لتزين مواضعيكم كإضافتها كزر للتحميل او زر للمعاينة ، مما يجعل الزائر يستمتع  بتصفح مواضيعك :)


معاينة مباشرة


كما ترون هناك العديد من الأحجام واللوان الرائعة ، ما عليكم الا متابعي،،نبدأ على بركة الله


طريقة التركيب

نذهب الى لوحة التحكم تم الى تحرير القالب 


 نبحت عن    ]]></b:skin>      بالضغط على Ctrl +F
تم نضيف هذا الكود :
الكود طويل جدا لذلك وضعته في ملف txt  حمل من هنا 



نتوجه الأن ونحرر مشاركة جديدة

نحتار التحرير بـ HTML كما هو موضح في الصورة


آختر احد هذه الأكواد حسب رغبتك وضعه في المشاركة 




<a class="button blue big" href="#">زر ازرق كبير</a><a class="button green big" href="#">زر اخضر كبير</a>

<a class="button red big" href="#">زر أحمر كبير</a><a class="button purple big" href="#">زر الأرجواني كبير</a>

<a class="button seagreen big" href="#">زر ازرق فاتح (بحرى) كبير</a><a class="button blue medium" href="#">زر أزرق متوسط</a>

<a class="button green medium" href="#">زر أخضر متوسط</a><a class="button red medium" href="#">زر احمر متوسط</a>

<a class="button purple medium" href="#">زر أرجوانى متوسط</a><a class="button seagreen medium" href="#">زر ازرق فاتح (بحرى) متوسط</a>

<a class="button blue small" href="#">زر ازرق صغير</a><a class="button green small" href="#">زر اخضر صغير</a>

<a class="button red small" href="#">زر احمر صغير</a><a class="button purple small" href="#">زر ارجوانى صغير</a>

<a class="button seagreen small" href="#">>زر ازرق فاتح (بحرى) صغير</a>




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


الابتساماتالابتسامات