السبت، 14 ديسمبر، 2013

ازرار احترافية بتقنية css لمدونتك ومن تصميمك

اليوم اقدم لكم شرح بسيط جدا يحتاجه كل مدون لاعطاء موضوعاته لمسة جماليه عن طريق وضع ازار داخل المواضيع بشكل جميل وجذاب وسوف اتطرق لشرح ذلك فى هذه التدوينة من مدونة ابداعاتى وهذه الازار يتم استعمالها فى اغراض عديدة منها المعاينة التى تفعلها داخل المواضيع لتوضح ناتج اضافه قمت بشرحها او ما الى ذلك والان مع الشرح


تفضل بزيارة الموقع من
وهذا شرح لقايمة تنسيق الأزرار فى الموقع 
وبعد الانتهاء من التنسيقات على الزر قم بالضغط عليه سيظهر لك نافذة أكواد الـ css  للزر كهذه 

اذهب الى لوحة تحكم مدونتك >> القالب >> تحرير HTML 
  ابحث عن
  ]]></b:skin>
ضع قبله كود الــ css الذى حصلنا عليه بعد الضغط على الزر
ملاحظات على كود الــ css 
font-family: Georgia, serif   ......... نوع الخـــــط 
font-size: 19px   .............. حجم الخط 

طريقة استخدام الأزرار في المواضيع
قم بتحويل صندوق المواضيع من وضع التأليف الى وضع HTML
ثم أضف الكود التالي في المكان الذي تريد
<a class="button" href="link" rel="nofollow" target="_blank">name</a>
نستبدل كلمة name باسم الزر 
نستبدل كلمة link برابط 
هذا الكود target="_blank" معناه أن الرابط سيفتح في صفحة جديدة ان اردته أن يفتح في نفس الصفحة قم بإزالته

من فضلك اضغظ لايك لمشاهدة لينك التحميل

4 التعليقات:

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار