حلولي https://www.facebook.com/hlo1y https://twitter.com/hlo1y https://www.youtube.com/user/v518v https://plus.google.com/+v518v

تابعنا على :

f tw +G yt vk

KHALED ALMILBE




مدون ومطور قوالب بلوجر
My E-mail : ###
My Phone No. : #%^$#
My Website : www.k2d.us
مساحة إعلانية متجاوبة

اضافة صندوق الملاحظات الأحترافي

حلولي

مشرف

المزيد

هناك تعليق واحد

تم النشر فى قسم

تم النشر منذ

تحميل ...
 اضافة صندوق الملاحظات الأحترافي

 اضافة صندوق الملاحظات الأحترافي
معاينة الاضافة من / هــنـــا
طـريـقـة الـتـركـيـب
لوحة التحكم - القالب - تحرير HTML - اضغط CTRL+F
ابحث عن  ]]></b:skin> ضع الكود التالي فوقة
/* CSS Note */
.note { position: relative; width: 70%; padding: 1.2em 1.5em; margin: 2em auto; color: #fff; background: #343436; overflow: hidden; text-align: right; font-size: 14px; } .note.black { background: #343436; } .note.blue { background: #3498DB; } .note.red { background: #ea6153; } .note.purple { background: #9B59B6; } .note.yellow { background: #F1C40F; } .note.turquoise { background: #1ABC9C; } .note.red:before { border-color: #fff #fff #ea6153 #ea6153; background: #ea6153; } .note.blue:before { border-color: #fff #fff #3498DB #3498DB; background: #3498DB; } .note.purple:before { border-color: #fff #fff #9B59B6 #9B59B6; background: #9B59B6; } .note.yellow:before { border-color: #fff #fff #F1C40F #F1C40F; background: #F1C40F; } .note.turquoise:before { border-color: #fff #fff #1ABC9C #1ABC9C; background: #1ABC9C; } .note:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 16px 16px 0; border-style: solid; border-color: #fff #fff #343436 #27ae60; background: #27ae60; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2); display: block; width: 0 }

الان عند الاضافة ماعليك الا اختيار احد الاكواد واضافة في تبويب HTML عند المشاركة

<div class='note black'>النص المراد ظهورة</div>
<div class='note blue'>النص المراد ظهورة</div>
<div class='note red'>النص المراد ظهورة</div>
<div class='note purple'>النص المراد ظهورة</div>
<div class='note yellow'>النص المراد ظهورة</div>
<div class='note turquoise'>النص المراد ظهورة</div>
ان افدتك لاتنسى الضغط على انضم معنا وترك تعليق بالأسفل

مشاركة الموضوع

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

هناك تعليق واحد:

مساحة إعلانية متجاوبة

مواضيع مميزة

إحصائيات المدونة

  • عدد المواضيع :

  • عدد التعليقات :

  • عدد المشاهدات :

المتابعون

اشترك ليصلك كل جديد

  • الإشعارات
  • من نحن

  • اتصل بنا

  • ×

ادخل الاسم (إختيارى)

ادخل البريد الإلكترونى (مطلوب)

ادخل الرسالة (مطلوب)