₪ كـود بنـرات المواضيع الممـيزة والحصـرية بتأثير css hover ₪
http://www.dzbatna.com/images/icons/iconrote.gif ₪ ظƒظ€ظˆط¯ ط¨ظ†ظ€ط±ط§طھ ط§ظ„ظ…ظˆط§ط¶ظٹط¹ ط§ظ„ظ…ظ…ظ€ظٹط²ط© ظˆط§ظ„ط*طµظ€ط±ظٹط© ط¨طھط£ط«ظٹط± css hover ₪
تم تحديث update الموضوع يوم الإثنين الساعة ( 1 ليلاً )
يرجى إعدة تركيب install الأكواد
كود code بتقنية css وتأثير hover ينفع لفعاليات المنتدى forum والمواضيع المميزة والحصرية .
الكود code عبارة عن 6 بنرات قابلة لزيادة, البنرات عليها تأثير يجعلها مظللة وبمجرد مرور الماوس توضح.
الإعداد الأول للكود code كان بواسطة الأخ : Solar Attack .
وتم التعديل عليه من قبل الأخ : -==Zero==- , ليتوافق مع جميع المتصفحات .
ترتيب الكود code تم بواسطتي : ساعة زمن .
لمشاهدة مثال على الكود code : " الكود code في مربع الملاحظات "
طريقة التركيب install كأي كود code فقط عدل الكود code بما يناسبك بعد ذلك قم بإضافته بالمكان المناسب, من رأيي الملاحظات مكان مناسب جداً.
وراح اوضح لكم طريقة التركيب install :
1- قم بإضافة الكود code التالي في (تعاريف CSS الإضافية/Additional CSS Definitions)
ملاحظة: عدل روابط الصور بما يناسبك كذلك المقاسات .
رمز PHP:
/* ***** الفعاليات ***** */
#solar-img {
background:url('http://www.sa3atzaman.com/vb/images/New-Events/soon.gif') no-repeat;
height:148px; width:122px; filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
#solar-img:hover{filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
#solar-img2 {
background:url('http://www.sa3atzaman.com/vb/images/New-Events/soon.gif') no-repeat;
height:148px; width:122px; filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
#solar-img2:hover{filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
#solar-img3 {
background:url('http://www.sa3atzaman.com/vb/images/New-Events/soon.gif') no-repeat;
height:148px; width:122px; filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
#solar-img3:hover{filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
#solar-img4 {
background:url('http://www.sa3atzaman.com/vb/images/New-Events/soon.gif') no-repeat;
height:148px; width:122px; filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
#solar-img4:hover{filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
#solar-img5 {
background:url('http://www.sa3atzaman.com/vb/images/New-Events/soon.gif') no-repeat;
height:148px; width:122px; filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
#solar-img5:hover{filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
#solar-img6 {
background:url('http://www.sa3atzaman.com/vb/images/New-Events/soon.gif') no-repeat;
height:148px; width:122px; filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
#solar-img6:hover{filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
2- ضف الكلاسات التالية في المكان المراد ظهور الصور فيه :
ملاحظة: قم بتعديل وصف الصورة ورابطها بما يناسبك.
رمز PHP:
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
td><td>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="right">
<tr><td align="center">
<img border="0" src="http://www.sa3atzaman.com/vb/images/nec1.png" width="16" height="16"><a href="/vb"><font color="C26B68">?{.
ـالْمَوَآضِيْع ـالْمُمَيِّزَة وَـالحَصَرِيّة .}?font>a><img border="0" src="http://www.sa3atzaman.com/vb/images/nec1.png" width="16" height="16">td>tr>
table>
td>tr>table>
<div align="center">
<table border="0" width="58%" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><a title="قريباً" href="رابط الموضوع"><div id="solar-img">div>a>td>
<td align="center"><a title="قريباً" href="رابط الموضوع"><div id="solar-img2">div>a>td>
<td align="center"><a title="قريباً" href="رابط الموضوع"><div id="solar-img3">div>a>td>
<td align="center"><a title="قريباً" href="رابط الموضوع"><div id="solar-img4">div>a>td>
<td align="center"><a title="قريباً" href="رابط الموضوع"><div id="solar-img5">div>a>td>
<td align="center"><a title="قريباً" href="رابط الموضوع"><div id="solar-img6">div>a>td>
tr>
table>
التعديل الأخير كان بواسطة ساعة زمن; 04 - 04 - 2014 الساعة 01:00
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
