السلام عليكم ورحمة الله وبركاته
اليكم الكود التالي لبانرات اعلانية
بتاثير ميلان البانر + إطار اسود
بتقنية css
طريقة التركيب
=========
1-الدخول للوحة تحكم المنتدى
الستايلات والقوالب
تحديد الستايل واختيار css رئيسي
في اخر الصفحة تعاريف CSS الإضافية/Additional CSS Definitions
نضيف الكود التالي
كود PHP:
- الكود:
-
a {}a:hover {-webkit-text-stroke: 0;color: transparent;background-color .2s ease-out;}a:focus {outline: none;}* { word-wrap: break-word; }a img {opacity: 0.8;-webkit-transition: all 0.2s ease-out;}a:hover img {opacity: 1;-moz-transform: scale(1.05) rotate(2deg);-webkit-transform: scale(1.05) rotate(2deg); border:1px #000000 solid;}
2-الإستايلات والقوالب
البحث في القوالب
نحدد الاستايل المناسب ونبحث عن قالب الهيدر
header
نضيف الكود التالي اسفل القالب
كود PHP:
- الكود:
-
<div style="text-align: center;"><br></div><center><div style="text-align: center;"> </div><table style="border-collapse: collapse;" width="70%" bgcolor="#ffffff" border="2" bordercolor="#e9e9e9" cellpadding="5" cellspacing="0"> <tbody><tr> <td style="text-align: center;" width="100%"><a target="_blank" title="قريباً" href="sendmessage.php"><img src="http://i51.tinypic.com/2dtq71j.jpg"></a><br></td><td style="vertical-align: top;"><a target="_blank" title="قريباً" href="sendmessage.php" class="TB"><img src="http://i51.tinypic.com/359k1v7.jpg"></a><br></td><td style="vertical-align: top; text-align: center;"><a target="_blank" title="قريباً" href="sendmessage.php"><img src="http://i51.tinypic.com/2dtq71j.jpg"></a><br></td> </tr><tr><td style="vertical-align: top; text-align: center;"><a target="_blank" title="قريباً" href="sendmessage.php"><img src="http://i51.tinypic.com/2dtq71j.jpg"></a><br></td><td style="vertical-align: top; text-align: center;"><a target="_blank" title="قريباً" href="sendmessage.php"><img src="http://i51.tinypic.com/359k1v7.jpg"></a><br></td><td style="vertical-align: top; text-align: center;"><a target="_blank" title="قريباً" href="sendmessage.php"><img src="http://i51.tinypic.com/2dtq71j.jpg"></a><br></td></tr> </tbody></table> </center></br>
مع تعديل ما يلزم ...
اتمنى ان ينال على اعجابكم
ملاحظة : التاثير على الصور سيكون بكامل المنتدى , اي بمعنى اي صورة داخل المنتدى فيها ارتباط تشعبي سيتم تطبيق هذه التاثيرات عليها عند مرور الماوس
ودمتم بخير وعافيه