12/24/2013 12:52:00 م

ازرار احترافية بتقنية 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" معناه أن الرابط سيفتح في صفحة جديدة
 ان اردته أن يفتح في نفس الصفحة قم بإزالته

♥ المصدر : مدونة ابداعاتى ♥ 

0 التعليقات:

إرسال تعليق


إذا لم يكن لديك جيميل يرجى التععليق بصفتك غير "معرف / مجهول"
كن من أعضاء المدونة من هنـــــــــــــــــــــــــــــــــــــــــــــــا