عمل أزرار المعاينة و التحميل بدون معرفتك للبرمجة و التصميم

اضافات بلوجر

سنتعرف في هذا الشرح الجديد على موقعنا ، على كيفية انشاء أزرار المعاينة و التحميل الخاصة بالمواقع الإلكترونية على بلوجر او وردبريس .
فمن خلال هذا الشرح سنقدم لك موقع يمكنك ان تنشئ به أزرار او button متناسقة مع مظهر قالبك او الشكل الذي تريده .

كيفية إنشاء أزرار للمعاينة و التحميل خاصة بموقعك على بلوجر 

موقع لإنشاء الأزرار و تصميمها بدون معرفة ب css

من خلال موقع css button generator ستتمكن من انشاء أزرار بتصميم الذي تريده بكل سهولة ، و بأدق التفاصيل ؛
رابط الموقع button generator
بعد توجهك لرابط ستجد واجهة الموقع توجد بها مجموعة من الأدوات ، التي سوف تساعدك في إنشاء أزرار خاصة بموقعك و بلون مدونتك .
نبدأ من اليسار أولا هناك يمكنك ان تقوم بإختيار شكل الزر المناسب لك و لموقع .
و في وسط الصفحة نجد معاينة مباشرة لشكل الزر ، و من ثم الآن سنأتي الى اليمين هناك توجد مجموعة من الأدوات المهمة لكي تنشأ زر بكل سهولة :

text :

  • في الخانة الأولى : نكتب النص الذي تريده ان يظهر أعلى الزر مثلا : "معاينة"
  • في الخانة الثانية : ستكتب باللغة الإنجليزية أي كلمة و هي تحدد في css لتصميم الشيئ مثلا :"trbutton" 
  • في الخانة الثالثة : يمكنك اختيار نوع الخط يمكنك تركها مثلا :"Arial" 
  • في الخانة الرابعة : هنا ستقوم بإختيار حجم الكتابة font-size مثلا : "15px"
  • في الخانة الأخيرة : يمكنك ان تقوم بتفخيم النص بضغط على B او يمكنك ان تجعل النص مائل بالضغط على I او هما معا .

size :

  • vertical size  : بهذه تتحكم بإرتفاع الزر كلما كان العدد أكبر كلما زاد الإرتفاع .
  • horizontal size : تتحكم بالعرض كلما كان عدد px أكبر كلما كبر العرض .

border :

  • border radius : تتحكم هذه بدرجة إنحناء الزر من الجانبين كلما كان العدد أصغر كلما أصبح الزر مستطيلا .
  • border size : تتحكم بها درجة سمك اطار الزر .

box shadow :

يمكنك الضغط عليها لتفعيل الضل على الزر .

text shadow :

يمكنك بها أن تقوم بالتحكم في ضل الخاص بالنص على الزر.

بعد الإنتهاء من عمل جميع التصاميم على الزر الخاص بك قم بالضغط على get code أسفل صندوق المعاينة ، بعدها ستقوم بنسخ الكود ووضعه في المكان الذي تريده في موضوعك أو موقعك .


فيديو يشرح بشكل سريع كيفية تصميم و اضافة أزرار الى موقعك






أيوب علا

الإسم الكامل أيوب علا ، من المغرب ، مدون إلكتروني ، صاحب هذا الموقع الإلكتروني ، خبير ادارة و تصميم المواقع الإلكترونية .

إرسال تعليق

قدم رأيك حول الموضوع ، او سؤالك ...

أحدث أقدم

هل هذا الموضوع مفيد ؟

نشكرك على رأيك ...


الايمايل


إعلان متجاوب