حلولي 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

اضافة شريط بتقنية CSS داخل التدوينة او الصفحات

حلولي

مشرف

المزيد

ليست هناك تعليقات

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

تم النشر منذ

تحميل ...
اضافة شريط بتقنية CSS داخل التدوينة او الصفحات

 اضافة شريط بتقنية CSS داخل التدوينة او الصفحات
معاينة الشريط

حـلولــي

طريقة الاضافة
عند كتابة التدوينة بدل من تأليف إلى HTML وضع الكود التالي مع تعديل
كلمة حلولي بما يناسبك


<style>.css-ribbon {    position: relative;    z-index: 1;   padding: 1em 2em;}.bsribbon {    font-size: 120% !important;    width: 60%;    position: relative;    background: #0CC5F4;    color: #fff;    text-align: center;    padding: 1em 2em;    margin: 2em auto 3em;}
.bsribbon:before, .bsribbon:after {    content: "";    position: absolute;    display: block;    bottom: -1em;    border: 1.5em solid #04A8D1;    z-index: -1;}
.bsribbon:before {    left: -2em;    border-right-width: 1.5em;    border-left-color: transparent;}
.bsribbon:after {    right: -2em;    border-left-width: 1.5em;    border-right-color: transparent;}
.bsribbon .ribbon-content:before, .bsribbon .ribbon-content:after {    content: "";    position: absolute;    display: block;    border-style: solid;    border-color: #088EB0 transparent transparent transparent;    bottom: -1em;}
.bsribbon .ribbon-content:before {    left: 0;    border-width: 1em 0 0 1em;}
.bsribbon .ribbon-content:after {    right: 0;    border-width: 1em 1em 0 0;}</style>

<div class="css-ribbon">   <h1 class="bsribbon">    <strong class="ribbon-content">حـلــولــي </strong>  </h1></div>

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

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

ليست هناك تعليقات:

إرسال تعليق

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

مواضيع مميزة

التعليقات

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

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

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

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

المتابعون

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

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

  • اتصل بنا

  • ×

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

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

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