السلام عليكم ورحمة الله وبركاته، أتيت لكم اليوم بإضافة جد رائعة ومميزة جدا، إنه كود التبادل الإعلاني بتقنية CSS والذي عليه طلب كثير هذه الأيام، لديه مميزات رائعة منها لأنه ليعطي جمالية لمدونتك و يوفر لك مساحة عكس باقي الأكواد الأخرى فهو يقلص حجم البانز، بالنسبة لطريقة تركيبه فهي سلهة فقط إذهب إلى لوحة التحكم > تخطيط > إضافة أداة > 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-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> <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> <div class="adss" id='adsanime'> <a href="رابط المدونة"> <img src="رابط الصورة" /> <strong>اسم المدونة</strong></a> </div> </center>
بعض التغييرات :
> باللون الأحمر رابط المدونة
> و باللون الأزرق بإسم المدونة
> و اللون الأخضر برابط المدونة
وهذا رابط بانز لإضافته في مكان الفراغ مؤقتا
والان مبروك عليك البانز الإحترافي.
بالتوفيق ;)
المشاركات
0 التعليقات:
إرسال تعليق