0
سلام عليكم ورحمة الله وبركاته اصدقائى مرحبا بيكم في  من جديد في تدوينة جديدة من تدونات خاصة ب بلوجر من إضافات و تعديلات وغيرها

إضافة بطاقة من نحن إلى مدونة بلوجر v2

وبعد

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


مميزات إضافة (تغير شكل إقتباس في بلوجر)

  1. شكل مربع مقوس من جوانب
  2.  أيقونات مميزة لشكل إقتباس 
  3. تغيير لون الخلفية و خط عند لمس او تمرير فأرة 
  4. إضافة بدون سكربت css فقط

طريقة إضافة كود تغيير شكل إقتباس

  1. المظهر
  2.  تم تعديل html
  3.  نبحث عن <style/> بإستخدام ctrl + f
  4.  ضع كود التالى فوقه / أعلاه
blockquote {
    position: relative;
    font-weight: 800;
    color: #e91e63;
    padding: 30px 0;
    width: 100%;
    max-width: 500px;
    z-index: 1;
    margin: 80px auto;
    align-self: center;
    border-top: solid 4px #e91e63;
    box-shadow: 0 12px 35px -11px rgba(0,0,0,0.4);
    text-align: center;
    border-radius: 4px;
    transition: all 1s;
}
blockquote:after {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    content: "\f10d";
    color: rgb(233, 30, 99);
    font-size: 4rem;
    line-height: 0;
    top: -10px;
    left: 30px;
}
blockquote:before {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    content:"\f10e";
    color: #e91e63;
    font-size: 4rem;
    line-height: 0;
    bottom: -10px;
    right: 30px;
}
blockquote:hover{
    background: #2d213f;
    color: #fff;
}


في حالة اذا لم تظهر أيقونات تأكد من وجود هدا كود

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">



ادا لم تجده اضفه فوق<head/>

طريقة عرض إقتباس في شكله جديد


  1. كل ما عليك هو إنشاء مشاركة جديدة كتابة إقتباس الدي تريده
  2.  وتحديد إقتباس 
  3. وضغط على ايقونة إقتباس كما هو مبين في صورة
  4.  بعد ذلك ستعمل إضافة تلقائيا

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


يمكنك ايضا وضع كود التالى اذا اردت تدوين من HTML

<blockquote>
اكتب اي شيء هنا
</blockquote>



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

إرسال تعليق

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

 
Top