اليوم اضع لكم كود إعلاني بفكرة جديدة ونراها في بعض مواقع التصميم لعرض تصاميمها
شرح لهذا الكود :-
يقوم الكود بعمل صورة لا تظهر اللوان الاعلان بنسبة 100% ولكن تظهر بنسبة 50 الى 60% وعند مرور مؤشر الماوس على البنر يومض البنر وتكون اللوانها واضحها
مثال :-
عند عدم مرور مؤشر الماوس :-

عند وضع مؤشر الماوس فوق البنر :-
الكود الاعلاني :-
كود:
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>صفحة جديدة 2</title>
</head>
<body>
<div align="center">
<table border="0" width="50%" cellspacing="0" cellpadding="0">
<tr>
<td><a target="_blank" href="http://www.forums.insarab.com/">
<img src="http://www.insarab.com/Banrs/150.gif" border="0" alt=":: إعلانك يحقق هذفك بـ 100 ريال لمدة شهرين ::" style="-moz-opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" width="160" height="60" ></a></td>
<td><a target="_blank" href="http://www.forums.insarab.com/">
<img src="http://www.insarab.com/Banrs/150.gif" border="0" alt=":: إعلانك يحقق هذفك بـ 100 ريال لمدة شهرين ::" style="-moz-opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" width="160" height="60" ></a></td>
<td><a target="_blank" href="http://www.forums.insarab.com/">
<img src="http://www.insarab.com/Banrs/150.gif" border="0" alt=":: إعلانك يحقق هذفك بـ 100 ريال لمدة شهرين ::" style="-moz-opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" width="160" height="60" ></a></td>
<td><a target="_blank" href="http://www.forums.insarab.com/">
<img src="http://www.insarab.com/Banrs/150.gif" border="0" alt=":: إعلانك يحقق هذفك بـ 100 ريال لمدة شهرين ::" style="-moz-opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" width="160" height="60" ></a></td>
</tr>
<tr>
<td><a target="_blank" href="http://www.forums.insarab.com/">
<img src="http://www.insarab.com/Banrs/150.gif" border="0" alt=":: إعلانك يحقق هذفك بـ 100 ريال لمدة شهرين ::" style="-moz-opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" width="160" height="60" ></a></td>
<td><a target="_blank" href="http://www.forums.insarab.com/">
<img src="http://www.insarab.com/Banrs/150.gif" border="0" alt=":: إعلانك يحقق هذفك بـ 100 ريال لمدة شهرين ::" style="-moz-opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" width="160" height="60" ></a></td>
<td><a target="_blank" href="http://www.forums.insarab.com/">
<img src="http://www.insarab.com/Banrs/150.gif" border="0" alt=":: إعلانك يحقق هذفك بـ 100 ريال لمدة شهرين ::" style="-moz-opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" width="160" height="60" ></a></td>
<td><a target="_blank" href="http://www.forums.insarab.com/">
<img src="http://www.insarab.com/Banrs/150.gif" border="0" alt=":: إعلانك يحقق هذفك بـ 100 ريال لمدة شهرين ::" style="-moz-opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" width="160" height="60" ></a></td>
</tr>
</table>
</div>
</body>
</html>
ملاحظة : ثم كتابة نفس الموضوع في عدد من المنتديات التطويرية ولكن لا يجود شرح مفصل كما وضعتة هنا
مع التحية