سلام عليكم ورحمة الله سأقدم إليكم إضافة ممتزا جيدا و هي عبارة عن صندوق تبادل إعلاني مقدم من طرف مدونة حاسوب
كيفية تركيب
ذهاب الي بلوجر
تخطيط
إضافة أداة
Html/javascript
لصق الكود
<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(12, 106, 205, 0.95); -moz-border-radius: 3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .adss img { 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="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="#" target="_blank"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" class="hoverZoomLink" /> <strong>اعلن هنا</strong></a> </div> </center>
إرسال تعليق