
newcom
عضو احلى مطور
المساهمات :
7
النقاط :
32
التقيم :
0

Dr.OmaR
المؤسس

المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
28
الاوسمة :

البلد :
مصر
2017-11-29, 7:12 pm
ضع الكود التالي في اى مكان يقبل لغة ال 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>

newcom
عضو احلى مطور
المساهمات :
7
النقاط :
32
التقيم :
0