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

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

بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته

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

إضافة كود إعلانات بطريقة مميزة ( CSS و HTML ) للتبادل الاعلاني
في هذه الإضافة تظهر بنرات الإعلانات بألوان باهته, و عند المرور فوقها بالماوس تأخد ألوانها الطبيعية مع ظهور تسمية البنر بطريقة مميزة .

طريقة التركيب : 

1. ادخل مدونتك .
2. ثم التخطيط .
3. ثم اختر اداة جديده HTML/JavaScript .
4. اخيرا انسخ الكود مع استبدال الروابط والصور بما يلزم .

<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="http://blog.7lolblogger.com">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCI6KU-cLJHCgtEaYDA972pinU8sNqjIXX3502xwlZj1K0DX3rMCEfkMRNmwf2bC5Y4ra8FCX2RIfCcH-HE9Z_fIzaZpC7HypmS61990_OugHhf1vmqHp_K9DmOB8IgDTP79lAxULHjk/s1600/%D8%A8%D8%AF%D9%88%D9%86-%D8%B9%D9%86%D9%88%D8%A7%D9%86-1.gif" />
   <strong>مدونة حلول بلوجر</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://blog.7lolblogger.com">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQuEc4MMwA69vFeHHE4VgSgPtWfyyL0HoZcuVddAKBimL-YQ3Nn-m0kB3IBIDCyHGRqyKIAw6jrQJw5Mq9U7a8p3XxyRFaWaslynPFy7kEE9v2uOUcYrUBtmJaHSmCzA9A9aqFNBhTCYb/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://blog.7lolblogger.com">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQuEc4MMwA69vFeHHE4VgSgPtWfyyL0HoZcuVddAKBimL-YQ3Nn-m0kB3IBIDCyHGRqyKIAw6jrQJw5Mq9U7a8p3XxyRFaWaslynPFy7kEE9v2uOUcYrUBtmJaHSmCzA9A9aqFNBhTCYb/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://blog.7lolblogger.com">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQuEc4MMwA69vFeHHE4VgSgPtWfyyL0HoZcuVddAKBimL-YQ3Nn-m0kB3IBIDCyHGRqyKIAw6jrQJw5Mq9U7a8p3XxyRFaWaslynPFy7kEE9v2uOUcYrUBtmJaHSmCzA9A9aqFNBhTCYb/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://blog.7lolblogger.com">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQuEc4MMwA69vFeHHE4VgSgPtWfyyL0HoZcuVddAKBimL-YQ3Nn-m0kB3IBIDCyHGRqyKIAw6jrQJw5Mq9U7a8p3XxyRFaWaslynPFy7kEE9v2uOUcYrUBtmJaHSmCzA9A9aqFNBhTCYb/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://blog.7lolblogger.com">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQuEc4MMwA69vFeHHE4VgSgPtWfyyL0HoZcuVddAKBimL-YQ3Nn-m0kB3IBIDCyHGRqyKIAw6jrQJw5Mq9U7a8p3XxyRFaWaslynPFy7kEE9v2uOUcYrUBtmJaHSmCzA9A9aqFNBhTCYb/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://blog.7lolblogger.com">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQuEc4MMwA69vFeHHE4VgSgPtWfyyL0HoZcuVddAKBimL-YQ3Nn-m0kB3IBIDCyHGRqyKIAw6jrQJw5Mq9U7a8p3XxyRFaWaslynPFy7kEE9v2uOUcYrUBtmJaHSmCzA9A9aqFNBhTCYb/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://blog.7lolblogger.com">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQuEc4MMwA69vFeHHE4VgSgPtWfyyL0HoZcuVddAKBimL-YQ3Nn-m0kB3IBIDCyHGRqyKIAw6jrQJw5Mq9U7a8p3XxyRFaWaslynPFy7kEE9v2uOUcYrUBtmJaHSmCzA9A9aqFNBhTCYb/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://blog.7lolblogger.com">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQuEc4MMwA69vFeHHE4VgSgPtWfyyL0HoZcuVddAKBimL-YQ3Nn-m0kB3IBIDCyHGRqyKIAw6jrQJw5Mq9U7a8p3XxyRFaWaslynPFy7kEE9v2uOUcYrUBtmJaHSmCzA9A9aqFNBhTCYb/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
</center>
<a href="http://blog.7lolblogger.com/"></a>
للإعلان هنا يرجى الإتصال بنا <br />

عبدالله الحربي - من السعوديه مهتم في مجال التدوين بشكل عام وفي بلوجر بشكل خاص , اهوى تصميم القوالب وتكويدها , انشر المحتوى المفيد لي ولزوار مدونتي واعضائها , انتهى.
لا تنسى متابعتي :

عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.

معلومات عن التدوينة

صورة التدوينة

عنوان التدوينة :إضافة كود التبادل الاعلاني بشكل جميل للمدونة CSS3

ملخص التدوينة:

إضافة كود التبادل الاعلاني بشكل جميل للمدونة CSS3 بسم الله الرحمن الرحيم والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة...

goust

الساعه : 2013-08-21T17:58:00+03:00

تاريخ : 21‏/08‏/2013

من : المملكة العربيه السعوديه

التعليقات : 0

انشرها :

تاق :