كود تعديل حجم صورة التبادل الاعلاني
السلام عليكم ورحمة الله وبركاته
هذا كود وضع بنر التبادل الاعلاني بمنتداك وهذا ما سيمنحك باكلينك وانتشار اكثر لمنتداك
الكود يسمح لك بالتحكم الكلي بالبنرات الحجم والمؤثرات (عند وضع المؤشر على الصورة )
الكود يوضع في العلانات الخاصة أو في الصفحة الرئيسية
- الكود:
- <style type="text/css">
.small.Banner img{
width:10em;
height: 6em;
}
.big.Banner img{
width: 18em;
height: 6em;
}
.Banner img{ padding: 2px; margin:2px; border: solid 1px #e6e6e6; }
.Banner img:hover{padding: 4px; margin:0px;border: 3px; -webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 20px #666;} </style>
<table border="0" cellpadding="0" cellspacing="0" style="width: 0; ">
<tbody>
<tr>
<td>
<a class="small Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
<td>
<a class="big Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
<td><a class="big Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
<td>
<a class="small Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
</tr>
<tr>
<td>
<a class="small Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
<td><a class="big Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
<td><a class="big Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
<td><a class="small Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
</tr>
<tr>
<td><a class="small Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
<td><a class="big Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
<td><a class="big Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
<td><a class="small Banner" href="/contact"><img alt="تبادل إعلاني" src="http://lh5.ggpht.com/_cwJ0D7A_V3I/TDIEGubkODI/AAAAAAAAAeo/wRtI7skeL1c/image_thumb%5B3%5D.png" /></a></td>
</tr>
</tbody>
</table>
يمكنك تجربة الكود والتعديل عليه بسهولة أكثر من هـــــــــــــــــنا