إضافات ملاحظات بشكل جديد إلي منصة بلوجر - إتقان ويب - دليلك التقني لعالم المعلوميات إضافات ملاحظات بشكل جديد إلي منصة بلوجر - إتقان ويب - دليلك التقني لعالم المعلوميات

آخر المواضيع

breaking/الكل/9
قوالب عربية

الخميس، 15 سبتمبر، 2016

3:07:00 م

تكبير النص تصغير النص أعادة للحجم الطبيعي

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

  1. أولا من لوحة تحكم القالب ثم إلي قسم القالب وبالضغط HTML
  2. بعد هذا قم بالبحث في القالب عن هذا الوسم ]]></b:skin>
  3. وقم بوضع الكود التالي فوقه

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
  font-family: 'droid-sans';
font-size: 16px;
}
.info {
 background: #e0e5eb url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}

  1.  وقم بوضع الكود التالي قبل هذا الوسم  </head>
<link rel="stylesheet" type="text/css" href="//www.fontstatic.com/f=droid-sans" />

  1. عندما تقوم بالعمل تدوينة إذهب إلي تبويب HTML 
  2. وقم بوضع الأكواد التالية في التبويب
 <div class='info'>
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</div>

<div class='tips'>
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</div>


<div class='warning'>
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</div>

  1. وقم بالتغير ما هو باللون الأحمر.

إلي اللقاء في تدوينة جديدة.

إرسال تعليق

الربح