More

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

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

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

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


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

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

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



div>

#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; }


للإعلان هنا يرجى الإتصال بنا

READ  Great Sand Dunes NP Jigsaw
Tags
Show More

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Adblock Detected

Please consider supporting us by disabling your ad blocker
Inline
Inline