حلولي 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>
ان افدتك لاتنسى الضغط على انضم معنا وترك تعليق بالأسفل

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

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

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

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

مواضيع مميزة

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

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

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

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

المتابعون

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

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

  • اتصل بنا

  • ×

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

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

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