EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

إضافة جديدة للتبادلات الإعلانية النصية

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


كما ترون في الصورة شكل بسيط لكن مميز بعمودين
لتركيب الإضافة في مدونتك كل ما يجب عليك فعله هو نسخ الكود التالي :

<style>
#arabetutorial1 ul li{
color:#2D2C28;
float: right;
width: 45%;
}
#arabetutorial2 ul li{
color:#2D2C28;
float: left;
width: 45%;
}
#arabetutorial1 li{
margin-bottom:5px;
padding:5px;
}
#arabetutorial1 li a{
color: #777777;
font: 12px GESSTwoMediumRegular,tahoma;
height: 20px;
width:120px;
font-family:'GESSTwoMediumRegular',tahoma,sans-serif;
text-transform: uppercase;
transition: border-color .218s;
background:#f4f4f4;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background:#f3f3f3;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
border: solid 1px#ccc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 4px 4px 0;
padding: 3px 5px;
text-decoration: none;
text-align: center;
}
#arabetutorial1 li:hover{
background:#FCFEFE;
color:#00D1FF;
padding:5px;
cursor:pointer;
}
#arabetutorial1 li a:hover{
color:#333;
font-size:12px;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px
rgba(0,0,0,0.15);
} </style>
<div id="arabetutorial1">
<ul>
                        
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
<li><a href="#">إعلانك هنا</a></li>
</ul>
        
</div>
ثم ضعها في أداة HTML جديدة
غير "#" برابط المدونة التي ستعمل معها تبادل إعلاني نصي ثم ضع إسمها
تم تجميع الإضافة لكي يسهل تركيبها في إضافة جديدة دون التعديل على القالب
اتمنى ان تروقكم بالتوفيق للجميع 
ودمتم في رعاية الله وحفظه

ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية