حصري:كود code 4 بانر صغير و2 كبير بتأثير ميلان واطار بتقنية css ..!

[said]

http://www.dzbatna.com/images/icons/icon20.gif ط*طµط±ظٹ:ظƒظˆط¯ 4 ط¨ط§ظ†ط± طµط؛ظٹط± ظˆ2 ظƒط¨ظٹط± ط¨طھط£ط«ظٹط± ظ…ظٹظ„ط§ظ† ظˆط§ط·ط§ط± ط¨طھظ‚ظ†ظٹط© css ..! (http://www.dzbatna.com/t1986262/)



السلام عليكم ورحمة الله وبركاته
اليكم الكود code التالي لبانرات اعلانية
بتاثير ميلان البانر + إطار اسود
بتقنية css
مثال
هـــــــــــــــــــــنـــــــــــــــــــــــــــ ـــــــــــا (http://www.faisalwe.com/vb/index.php)
طريقة التركيب install
=========
1-الدخول للوحة تحكم المنتدى forum
الستايل styleات والقوالب
تحديد الستايل style واختيار css رئيسي
في اخر الصفحة تعاريف CSS الإضافية/Additional CSS Definitions
نضيف الكود code التالي
رمز Code:
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-الإستايل styleات والقوالب
البحث في القوالب
نحدد الاستايل style المناسب ونبحث عن قالب template الهيدر header
header
نضيف الكود code التالي اسفل القالب template
رمز Code:
<div style=&quot;text-align: center;&quot;><br></div><center><div style=&quot;text-align: center;&quot;> </div><table style=&quot;border-collapse: collapse;&quot; width=&quot;70%&quot; bgcolor=&quot;#ffffff&quot; border=&quot;2&quot; bordercolor=&quot;#e9e9e9&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;> <tbody><tr> <td style=&quot;text-align: center;&quot; width=&quot;100%&quot;><a target=&quot;_blank&quot; title=&quot;قريباً&quot; href=&quot;sendmessage.php&quot;><img src=&quot;http://i51.tinypic.com/2dtq71j.jpg&quot;></a><br></td> <td style=&quot;vertical-align: top;&quot;><a target=&quot;_blank&quot; title=&quot;قريباً&quot; href=&quot;sendmessage.php&quot; class=&quot;TB&quot;><img src=&quot;http://i51.tinypic.com/359k1v7.jpg&quot;></a><br></td> <td style=&quot;vertical-align: top; text-align: center;&quot;><a target=&quot;_blank&quot; title=&quot;قريباً&quot; href=&quot;sendmessage.php&quot;><img src=&quot;http://i51.tinypic.com/2dtq71j.jpg&quot;></a><br></td> </tr><tr><td style=&quot;vertical-align: top; text-align: center;&quot;><a target=&quot;_blank&quot; title=&quot;قريباً&quot; href=&quot;sendmessage.php&quot;><img src=&quot;http://i51.tinypic.com/2dtq71j.jpg&quot;></a><br></td> <td style=&quot;vertical-align: top; text-align: center;&quot;><a target=&quot;_blank&quot; title=&quot;قريباً&quot; href=&quot;sendmessage.php&quot;><img src=&quot;http://i51.tinypic.com/359k1v7.jpg&quot;></a><br></td> <td style=&quot;vertical-align: top; text-align: center;&quot;><a target=&quot;_blank&quot; title=&quot;قريباً&quot; href=&quot;sendmessage.php&quot;><img src=&quot;http://i51.tinypic.com/2dtq71j.jpg&quot;></a><br></td></tr> </tbody></table> </center> </br>
مع تعديل ما يلزم ...
اتمنى ان ينال على اعجابكم
ملاحظة : التاثير على الصور سيكون بكامل المنتدى forum , اي بمعنى اي صورة داخل المنتدى forum فيها ارتباط تشعبي سيتم تطبيق هذه التاثيرات عليها عند مرور الماوس
ودمتم بخير وعافيه
http://www.dzbatna.com/images/smilies/cupidarrow.gif










ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©