home الرئيسيةpeople_outline الأعضاء vpn_key دخول
chatالمواضيع الأخيرة
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر
bubble_chartالمتواجدون الآن ؟
ككل هناك 7 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 7 زائر

لا أحد

مُعاينة اللائحة بأكملها

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 178 بتاريخ 2016-08-25, 3:35 pm

طريقة عرض الأقسام

لونك المفضل

طلب اعلان نصي مع الصورة

طلب اعلان نصي مع الصورة اسفل الواجهة مباشرة

صورة كمثال


https://i.servimg.com/u/f62/19/57/20/66/010.png

وبارك الله فيكم

رد: طلب اعلان نصي مع الصورة

ضع الكود التالي في اى مكان يقبل لغة ال 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>

رد: طلب اعلان نصي مع الصورة

الف شكر لك تمام
بارك الله فيك يا غالي

رد: طلب اعلان نصي مع الصورة

تم حل المشكلة & ينقل للأرشيف.
ادارة احلى مطور
ارسال رد

هــــــام

ندعوك للتسجيل في المنتدى لتتمكن من ترك رد أو تسجيل الدخول اذا كنت من اسرة المنتدى

صلاحيات هذا الموضوع
لاتستطيع الرد على المواضيع في هذا المنتدى