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

مشاهدات الان

الاضافه لـ HTML/JavaScript

 
 المثال
 https://sfehthayef.blogspot.com/p/blog-page_93.html
 اختر المكان المناسب وهذا مثال

 <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-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="https://sfehthayef.blogspot.com/">
 <img src="https://2.bp.blogspot.com/-bEUo9eNj3-w/WdtV0pV2NpI/AAAAAAAAECY/4oLYDm5g-sEeTbEn6QKXljPk1Vj939gDgCK4BGAYYCw/s400/fill-email.gif" />
 <strong>مدونة بلوجر</strong></a>
 </div>
 <div class="adss" id="adsanime">
 <a href="https://sfehthayef.blogspot.com/">
 <img src="https://2.bp.blogspot.com/-bEUo9eNj3-w/WdtV0pV2NpI/AAAAAAAAECY/4oLYDm5g-sEeTbEn6QKXljPk1Vj939gDgCK4BGAYYCw/s400/fill-email.gif" />
 <strong>أعلن هنا</strong></a>
 </div>
 <div class="adss" id="adsanime">
 <a href="https://sfehthayef.blogspot.com/">
 <img src="https://2.bp.blogspot.com/-bEUo9eNj3-w/WdtV0pV2NpI/AAAAAAAAECY/4oLYDm5g-sEeTbEn6QKXljPk1Vj939gDgCK4BGAYYCw/s400/fill-email.gif" />
 <strong>أعلن هنا</strong></a>
 </div>
 <div class="adss" id="adsanime">
 <a href="https://sfehthayef.blogspot.com/">
 <img src="https://2.bp.blogspot.com/-bEUo9eNj3-w/WdtV0pV2NpI/AAAAAAAAECY/4oLYDm5g-sEeTbEn6QKXljPk1Vj939gDgCK4BGAYYCw/s400/fill-email.gif" />
 <strong>أعلن هنا</strong></a>
 </div>
 <div class="adss" id="adsanime">
 <a href="https://sfehthayef.blogspot.com/">
 <img src="https://2.bp.blogspot.com/-bEUo9eNj3-w/WdtV0pV2NpI/AAAAAAAAECY/4oLYDm5g-sEeTbEn6QKXljPk1Vj939gDgCK4BGAYYCw/s400/fill-email.gif" />
 <strong>أعلن هنا</strong></a>
 </div>
 <div class="adss" id="adsanime">
 <a href="https://sfehthayef.blogspot.com/">
 <img src="https://2.bp.blogspot.com/-bEUo9eNj3-w/WdtV0pV2NpI/AAAAAAAAECY/4oLYDm5g-sEeTbEn6QKXljPk1Vj939gDgCK4BGAYYCw/s400/fill-email.gif" />
 <strong>أعلن هنا</strong></a>
 </div>
 <div class="adss" id="adsanime">
 <a href="https://sfehthayef.blogspot.com/">
 <img src="https://2.bp.blogspot.com/-bEUo9eNj3-w/WdtV0pV2NpI/AAAAAAAAECY/4oLYDm5g-sEeTbEn6QKXljPk1Vj939gDgCK4BGAYYCw/s400/fill-email.gif" />
 <strong>أعلن هنا</strong></a>
 </div>
 <div class="adss" id="adsanime">
 <a href="https://sfehthayef.blogspot.com/">
 <img src="https://2.bp.blogspot.com/-bEUo9eNj3-w/WdtV0pV2NpI/AAAAAAAAECY/4oLYDm5g-sEeTbEn6QKXljPk1Vj939gDgCK4BGAYYCw/s400/fill-email.gif" />
 <strong>أعلن هنا</strong></a>
 </div>
 <div class="adss" id="adsanime">
 <a href="https://sfehthayef.blogspot.com/">
 <img src="https://2.bp.blogspot.com/-bEUo9eNj3-w/WdtV0pV2NpI/AAAAAAAAECY/4oLYDm5g-sEeTbEn6QKXljPk1Vj939gDgCK4BGAYYCw/s400/fill-email.gif" />
 <strong>أعلن هنا</strong></a>
 </div>
 </center>

 وسلامتكم