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

ازرار منوعة احترافية لمدونة بلوجر

حلولي

مشرف

المزيد

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

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

تم النشر منذ

تحميل ...
ازرار منوعة احترافية معدلة لمدونة بلوجر

ازرار منوعة احترافية معدلة لمدونة بلوجر
طريقة التركيب
توجة للقالب ثم تحرير HTML 
وابحث عن  ]]></b:skin>
ثم ضع الكود التالي فوقة

/* CSS Button hloly */.button{float:right;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both;}.button ul {margin:0;padding:0}.button li{display:inline;margin:0;padding:0}.demo {opacity:1;padding:7px 12px!important;background:#23A377;border-radius: 3px; box-shadow: 0 1px rgba(0,0,0,0.1);color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.download {opacity:1;padding:7px 12px!important;background:#fe4e3f;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.demo:before {content:'\f06e';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.download:before {content:'\f019';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.download1 {opacity:1;padding:7px 12px!important;background:#3FA2FE;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out;}.download1:before {content:'\f019';display:inline-block;margin-left:5px;width:16px;height:20px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;padding:3px;background:rgba(0, 0, 0, 0.2)padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-dark-button {opacity:1;padding:7px 12px!important;background:#425b71;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-dark-button:before {content:'\f135';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-red-button {opacity:1;padding:7px 12px!important;background:#e4644b;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-red-button:before {content:'\f0c3';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-RedHm-button {opacity:1;padding:7px 12px!important;background:#e74c3c;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-RedHm-button:before {content:'\f127';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-pink-button {opacity:1;padding:7px 12px!important;background:#e75d66;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-pink-button:before {content:'\f041';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-blue-button {opacity:1;padding:7px 12px!important;background:#3bbce0;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-blue-button:before {content:'\f058';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-tirquoise-button {opacity:1;padding:7px 12px!important;background:#00c5ad;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-tirquoise-button:before {content:'\f0c2';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-green-button {opacity:1;padding:7px 12px!important;background:#99ca6a;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-green-button:before {content:'\f07b';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-yellow-button {opacity:1;padding:7px 12px!important;background:#fac75b;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-yellow-button:before {content:'\f084';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-gray-button {opacity:1;padding:7px 12px!important;background:#c9ced1;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-gray-button:before {content:'\f0c1';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-purblehm-button {opacity:1;padding:7px 12px!important;background:#A954E4;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-purblehm-button:before {content:'\f0c7';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-purblehm-button:hover,.flato-red-button:hover,.flato-RedHm-button:hover,.flato-pink-button:hover,.flato-blue-button:hover,.flato-tirquoise-button:hover,.flato-green-button:hover,.flato-yellow-button:hover,.flato-gray-button:hover,.flato-dark-button:hover,.demo:hover,.download1:hover,.download:hover {background:rgba(224, 90, 90, 0.72);text-shadow:0 0 1px #222;color:#fff;;}

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

  <a class="flato-dark-button" href="#" target="_blank">هنا اسم</a>

<a class="flato-red-button" href="#" target="_blank">هنا اسم</a>

<a class="flato-purblehm-button" href="#" target="_blank">هنا اسم</a>

<a class="flato-pink-button" href="#" target="_blank">هنا اسم</a>

<a class="flato-RedHm-button" href="#" target="_blank">هنا اسم</a>

<a class="flato-blue-button" href="#" target="_blank">هنا اسم</a>

<a class="flato-tirquoise-button" href="#" target="_blank">هنا اسم</a>

<a class="flato-green-button" href="#" target="_blank">هنا اسم</a>

<a class="flato-yellow-button" href="#" target="_blank">هنا اسم</a>

<a class="flato-gray-button" href="#" target="_blank">هنا اسم</a>

<a class="download" href="#" target="_blank">هنا اسم</a>



<a class="demo" href="#" target="_blank">هنا اسم</a> </code></pre>  

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

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

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

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

مواضيع مميزة

التعليقات

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

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

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

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

المتابعون

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

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

  • اتصل بنا

  • ×

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

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

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