newcom
newcom
عضو احلى مطور
المساهمات :
7
النقاط :
32
التقيم :
0
طلب اعلان نصي مع الصورة اسفل الواجهة مباشرة

صورة كمثال

طلب اعلان نصي مع الصورة 010
https://i.servimg.com/u/f62/19/57/20/66/010.png

وبارك الله فيكم
Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1012
التقيم :
102
العمر :
26
الاوسمة :
طلب اعلان نصي مع الصورة Crown_gold
البلد :
مصر
ضع الكود التالي في اى مكان يقبل لغة ال HTML
الكود:
<style>
.general-ADs {
    background: #39c;
    color: #FFF;
    box-sizing: border-box;
}
.inline-block {
    display: inline-block;
    vertical-align: middle; 
}
.text-ADs {
    width: 39%;

.image-ADs {
    width: 59%;
    padding-right: 0 !important;

img {
    max-width: 100%;

.general-ADs div, .general-ADs a {
    padding: 5px;
    margin: 3px 0;

.general-ADs a:hover {
    background-color: #eee
}
.ADs-content {
    background: #FFF;
    border-radius: 5px;
    display: block;

.ADs-title {
    margin: 0 !important;

.ADs-title span {
    background: #FFF;
    color: #000;
    padding: 5px 20px;
    margin-bottom: -10px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;

</style>
<div class="general-ADs">
    
   <div class="ADs-title">
       <span>الأعلانات النصية</span>
   </div>
        
   <div class="text-ADs inline-block">
          <a href="/#" class="ADs-content">اعلان نصي</a>
          <a href="/#" class="ADs-content">اعلان نصي</a> 
          <a href="/#" class="ADs-content">اعلان نصي</a>
          <a href="/#" class="ADs-content">اعلان نصي</a>     
   </div>
        
   <div class="image-ADs inline-block">
          <img style="width: 720px; height: 90px;" src="http://www.swalif.net/swalifsite/wp-content/uploads/2016/09/banner_big.gif" /> 
   </div>
</div>
تقييم المساهمة: 100% (2)
newcom
newcom
عضو احلى مطور
المساهمات :
7
النقاط :
32
التقيم :
0
الف شكر لك تمام
بارك الله فيك يا غالي
Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1012
التقيم :
102
العمر :
26
الاوسمة :
طلب اعلان نصي مع الصورة Crown_gold
البلد :
مصر
تم حل المشكلة & ينقل للأرشيف.
ادارة احلى مطور
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى