للمعاينة أضغط هنا
طريقة التركيب تخطيط >> أضافة أداة >> html javascript |
<!-- new4ange --> <!--http://new4ange.blogspot.com/-->
<style>
#advertise{
margin: auto;
}
.adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
.adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
.adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.adss img {-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; max-height: 75px; max-width: 75px; }
#adsanime:hover { opacity:0.2; }
#adsanime a strong {
-webkit-transition-property: opacity;
-webkit-transition-duration: 500ms;
-moz-transition-property: opacity;
-moz-transition-duration: 500ms; }
#adsanime a strong {
opacity:0;
-webkit-transition-property: opacity, top;
-webkit-transition-duration: 300ms;
-moz-transition-property: opacity, top;
-moz-transition-duration: 300ms; }
#adsanime {
opacity:0.5;
-webkit-transition-property: opacity, top;
-webkit-transition-duration: 300ms;
-moz-transition-property: opacity, top;
-moz-transition-duration: 300ms; }
#adsanime:hover { opacity:1; }
#adsanime:hover a strong { opacity:1; top:-10px; }
</style>
<center>
<div class="adss" id="adsanime">
<a href="http://adf.ly/?id=6119018">
<img src="https://cdn.adf.ly/images/banners/adfly.125x125.2.gif" />
<strong>AdF.ly - shorten links and earn money</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="https://shorte.st/ref/055e7daf3c">
<img src="https://static.shorte.st/bundles/smeuser/img/referral_banners/125x125.png" />
<strong>Earn on short links</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="https://shorte.st/ref/055e7daf3c">
<img src="https://static.shorte.st/bundles/smeuser/img/referral_banners/125x125.png" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://new4ange.blogspot.com/p/blog-page_5954.html#.Uv2Eks7MjUk">
<img src="http://www.m5zn.com/newuploads/2014/02/06/png//027544fb277bd9b.png" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://new4ange.blogspot.com/p/blog-page_5954.html#.Uv2Eks7MjUk">
<img src="http://www.m5zn.com/newuploads/2014/02/06/png//027544fb277bd9b.png" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://new4ange.blogspot.com/p/blog-page_5954.html#.Uv2Eks7MjUk">
<img src="http://www.m5zn.com/newuploads/2014/02/06/png//027544fb277bd9b.png" />
<strong>أعلن هنا</strong></a>
</div>
</center>
<!-- new4ange --> <!--http://new4ange.blogspot.com/-->
اللون الأصفر : بصورة المدونة المعلنة
اللون الأحمر : برابط المدونة المعلن
كما يمكنك أيضاً أضافة أكثر من بانر( زيادة عدد البنرات) بأضافة هذا الكود هذا الكود </div>
<div class="adss" id="adsanime">
<a href="http://new4ange.blogspot.com/p/blog-page_5954.html#.Uv2Eks7MjUk">
<img src="http://www.m5zn.com/newuploads/2014/02/06/png//027544fb277bd9b.png" />
<strong>أعلن هنا</strong></a>
</div>
إذا واجهتك مشكلة قم بوضع تعليق