مدونة الاتقان للمعلوميات: كود التبادل الاعلانى صوري بشكل رائع جدا CSS 3

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

كثير من المدونات التي تستخدم التبادل الاعلاني حيث يلعب التباادل الاعلاني دور كبير في زيادة زوار المدونة و غيرها واليوم اقدم لكم كود التبادل الاعلانى صوري بشكل رائع جدا CSS 3 وهذا سيعطي شكل رائع وجذاب للمدونة والقالب بهذا الشكل .

طريقه التركيب : اذهب الى لوحة التحكم بلوكر ثم الى تخطيط اضافه اداه 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(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-duraنtion: 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://al-etqan.blogspot.com/p/blog-page_24.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQlMC21k4v2WAKkN8l8Wop2J29uIyZ9Z1DYcBOITqV5BIcu-E8CZj_L_j0MCiCCnL9SjWKW7FSoR2bDN97t1MIesbxibKQlsXduNJiOqm0biPYokHZrBXEjlGeWIeAE8jBfT2sHqRavgV/s1600/adschange_125-125.jpg" />    <strong>اعلن هنا</strong></a>     </div><div class="adss" id="adsanime"><a
 href="http://al-etqan.blogspot.com/p/blog-page_24.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQlMC21k4v2WAKkN8l8Wop2J29uIyZ9Z1DYcBOITqV5BIcu-E8CZj_L_j0MCiCCnL9SjWKW7FSoR2bDN97t1MIesbxibKQlsXduNJiOqm0biPYokHZrBXEjlGeWIeAE8jBfT2sHqRavgV/s1600/adschange_125-125.jpg" />    <strong> أعلن هنا</strong></a>     </div><div class="adss" id="adsanime"><a 
href="http://al-etqan.blogspot.com/p/blog-page_24.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQlMC21k4v2WAKkN8l8Wop2J29uIyZ9Z1DYcBOITqV5BIcu-E8CZj_L_j0MCiCCnL9SjWKW7FSoR2bDN97t1MIesbxibKQlsXduNJiOqm0biPYokHZrBXEjlGeWIeAE8jBfT2sHqRavgV/s1600/adschange_125-125.jpg" />    <strong>أعلن هنا</strong></a>     </div><div class="adss" id="adsanime"><a 
href="http://al-etqan.blogspot.com/p/blog-page_24.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQlMC21k4v2WAKkN8l8Wop2J29uIyZ9Z1DYcBOITqV5BIcu-E8CZj_L_j0MCiCCnL9SjWKW7FSoR2bDN97t1MIesbxibKQlsXduNJiOqm0biPYokHZrBXEjlGeWIeAE8jBfT2sHqRavgV/s1600/adschange_125-125.jpg" />    <strong>أعلن هنا</strong></a>     </div><div class="adss" id="adsanime"><a
 href="http://al-etqan.blogspot.com/p/blog-page_24.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQlMC21k4v2WAKkN8l8Wop2J29uIyZ9Z1DYcBOITqV5BIcu-E8CZj_L_j0MCiCCnL9SjWKW7FSoR2bDN97t1MIesbxibKQlsXduNJiOqm0biPYokHZrBXEjlGeWIeAE8jBfT2sHqRavgV/s1600/adschange_125-125.jpg" />    <strong>أعلن هنا</strong></a>     </div><div class="adss" id="adsanime"><a
 href="http://al-etqan.blogspot.com/p/blog-page_24.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQlMC21k4v2WAKkN8l8Wop2J29uIyZ9Z1DYcBOITqV5BIcu-E8CZj_L_j0MCiCCnL9SjWKW7FSoR2bDN97t1MIesbxibKQlsXduNJiOqm0biPYokHZrBXEjlGeWIeAE8jBfT2sHqRavgV/s1600/adschange_125-125.jpg" />    <strong>أعلن هنا</strong></a>     </div><div class="adss" id="adsanime"><a 
href="http://al-etqan.blogspot.com/p/blog-page_24.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQlMC21k4v2WAKkN8l8Wop2J29uIyZ9Z1DYcBOITqV5BIcu-E8CZj_L_j0MCiCCnL9SjWKW7FSoR2bDN97t1MIesbxibKQlsXduNJiOqm0biPYokHZrBXEjlGeWIeAE8jBfT2sHqRavgV/s1600/adschange_125-125.jpg" />    <strong>أعلن هنا</strong></a>     </div><div class="adss" id="adsanime"><a 
href="http://al-etqan.blogspot.com/p/blog-page_24.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQlMC21k4v2WAKkN8l8Wop2J29uIyZ9Z1DYcBOITqV5BIcu-E8CZj_L_j0MCiCCnL9SjWKW7FSoR2bDN97t1MIesbxibKQlsXduNJiOqm0biPYokHZrBXEjlGeWIeAE8jBfT2sHqRavgV/s1600/adschange_125-125.jpg" />    <strong>أعلن هنا</strong></a>     </div><div class="adss" id="adsanime"><a 
href="http://al-etqan.blogspot.com/p/blog-page_24.html">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQlMC21k4v2WAKkN8l8Wop2J29uIyZ9Z1DYcBOITqV5BIcu-E8CZj_L_j0MCiCCnL9SjWKW7FSoR2bDN97t1MIesbxibKQlsXduNJiOqm0biPYokHZrBXEjlGeWIeAE8jBfT2sHqRavgV/s1600/adschange_125-125.jpg" />    <strong>أعلن هنا</strong></a>     </div></center><a href="http://add-b.blogspot.com/"></a>

كود التبادل الاعلانى صوري بشكل رائع جدا CSS 3

شارك الموضوع ادا اعجبك !

الكاتب : علي الياسري

هناك تعليقان (2) :

تابعنا على الفيس بوك

المشاركات الشائعة

اكثر المواضيع تصفحا خلال هذا الاسبوع

عن المدونة