كود اداة التبادل الاعلاني بتاثير جميل بتقنية css

بسم الله الرحمن الرحيم درس اليوم اضافة كود اداة التبادل الاعلاني الموجودة في مدونة MaM-X .

ملاحظة غير ما يلزم في الكود

<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:125px; height:12px; 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: 125px; max-width: 125px; }
 #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="رابط المعلن">
   <img src="رباط البنر" />
   <strong>اعلن هنا</strong></a>
    </div>


   <div class="adss" id='adsanime'>


<a href="رابط المعلن/">
   <img src="رابط البنر" />
   <strong>مدونة بلوجر فيس</strong></a>
    </div>




   <div class="adss" id='adsanime'>


<a href="رابط المعلن/">
   <img src="رابط البنر" />
   <strong>اسم مدونة المعلن</strong></a>
    </div>


      <div class="adss" id='adsanime'>


<a href="رابط المعلن">
   <img src="رابط البنر" />
   <strong>أعلن هنا</strong></a>
    </div>           </center>
 <br />
<a href="رابط صفحة التبادل الاعلاني">للتبادل الاعلاني يرجي الاتصال بنا هنا</a><br /><br /><div style="text-align: center;"><script language='Javascript'>
<!--
document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%62%6C%6F%67%67%2D%66%61%63%65%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%22%20%72%65%6C%3D%22%6E%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%41%64%64%65%64%20%62%79%20%74%68%69%73%3C%2F%61%3E%3C%2F%64%69%76%3E'));
//-->
</script></div>

وتم بحمد الله ومن يريد اي اضافة او تعديل في قالب يترك تعليق باللذي يريده ومنتظر تقيمكم واي شئ انا في الخدمة في اي وقت

والسلام عليكم ورحمة الله وبركاته

هل أعجبك الموضوع ؟

Tweet

Sharing Widget bychamelcool