اضافة صندوق طلب الخدمات على خمسات

الاثنين، 12 ديسمبر 2016

اضافة صندوق طلب الخدمات على خمسات

اليوم في هذه التدوينة سنشارككم اضافة رائعة و التي هي عبارة عن صندوق طلب الخدمات على خمسات وقد تم تصميمه باحترافية ليكون متوافق مع جميع المقاسات اي انه متجاوب كما تتيح لك هذه الاضافة الى كسب العديد من مشتري خدماتك اضافة الى ذلك فان الاضافة يمكن وضعها فوق الفوتر ويمكن وضعها ايضا في السايدبار كما سترونها في المعاينة.
....................................

طريقة التركيب

أول خطوة عليك فتح قالب المدونة
والبحث عن الوسم ]]></b:skin>
ثم قم بوضع هذا الكود فوقه مباشرة

/* ------------------------------
* Header khamssat by Nak1ha
http://nak1ha.blogspot.com/
* ------------------------------ */
.radio-info1 {
text-align: center;
font-size: 26px;
}
.radio-side1 {
border-bottom: 5px solid #dd2f2f;
border-top: 5px solid #dd2f2f;
width: 100%;
height: 304px;
padding: 17px;
background: #444444 url(//khamsat.hsoubcdn.com/assets/splash-7531fc6a7a3f995f040e4b83a2309ed1.jpg) fixed; color: #fff;
}
.radio-name1 {
margin-top: 18.5px;
margin-bottom: 22px;
text-align: center;
}
.radio-name1 .fa {
font-size: 69px;
color: #fff;
}
.radio-button1 .button {
padding: 8px 18px;
background: #FFFFFF;
color: #444444;
border-radius: 4px;
border: 3px solid #FFF;
transition: all 0.4s ease;
font-size: 16px;
}
.radio-button1 {
margin-top: 50px;
}
.radio-button1 .button:hover {
background: #444444;
color: #fff;
transition: all 0.4s ease;
}

في الخطوة الثانية عليك ان تركز معي فيها جيدا
أولا عليك الاختيار أين ستضع الاضافة هل فوق الفوتر أو في السايدبار ثم اتبع الشرح الآتي

فوق الفوتر

01-اذن ان كنت اخترت وضع الاضافة فوق الفوتر عليك البحث عن هذا الوسم 'footer وتقوم بوضع هذا الكود قبله مباشرةثم اعمل حفظ للقالب

<div class='radio-side1'>
<div class='radio-name1'>
<img alt='' class='quott' src='http://f.top4top.net/p_297245181.png'/></div>
<div class='radio-info1'>
<b style='font-size: 20px;'>اكتشف آخر الأعمال والخدمات التي أقدمها على خمسات</b>
<div class='radio-button1'>
<a class='button' href='https://khamsat.com/' target='_blank'>
<i aria-hidden='true' class='fa fa-money'/>
طلب خدماتى
</a>
</div>
</div>
</div>