[بنت دجلة]

الكثير من الاعضاء يسألون عن كيفية اضافة ازرار css جميلة جدا كهذة

والمثال :
زر اقرأء المزيد لــ
مدونة محترفي الحماية
عالم التقنية
اولا :
ابحث عن الكود التالي

]]></b:skin>

واستبدلة بهذا الكود

.rmlink a{
background: #F1F1F1;
border: 1px solid #E6E6E6;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #FFFFFF inset, 0 1px 1px #CACACA;
color: #999999 !important;
display: inline-block;
font: 17px "Arial";
font-weight:700;
text-align: center;
padding: 2px 15px 2px;
color: #999999 !important;
padding-right:15px;
padding-left:15px;
padding-tpo:5px;
padding-bottom:3px;
margin-top:15px;
-webkit-transition: background 0.4s ease-in-out;
-moz-transition: background 0.4s ease-in-out;
-o-transition: background 0.4s ease-in-out;
-ms-transition: background 0.4s ease-in-out;
transition: background 0.4s ease-in-out;
}
.rmlink a:hover {
background-color: #00A8D8;
border-color: #fff;
outline: medium none;
color: #f3f3f3 !important;
text-decoration:none
}
]]></b:skin>

والان اذهب الى اضافة مشاركة واضف مشاركتك ولتفعيل زر اضف هذا الكود

<span class="rmlink" style="float:left;padding-top:0px;"><a href="#">النص هنا </a></span>

التغيرات : # الرابط , النص هنا : نص الرسالة المراد عرضها
انتباه : بأمكانك استعمال هذة الادارة بزر أقرا المزيد من خلال تغير class او div الخاص بزر
غير مسجل هل اعجبك الموضوع اعطي رئيك في التعليقات و كن من اصدقائي
اذا وجهتك مشكلة في التركيب راسلني او من خلال التعليقات