آموزش تغيير رنگ سلول ها با حركت موس

[hyper]

با سلام

براي اينكار ابتدا فايل page_header.php در شاخه includes را گشوده و كد زير را پيدا كنيد :

'L_PRIVATEMSGS' => $lang['Private_Messages'],

سپس اين خطوط را بعد از كد فوق اضافه كنيد :

'L_HOVER' => '#00FFFF',
'U_HOVER' => '#EFEFEF',

خوب حالا فايل مورد نظرتون رو باز كنيد : مثلا index_body.tpl

قسمتي رو ميخواهيد اين عملكرد ( تغيير رنگ ) بروي اون كار كنه رو انتخاب كنيد
توجه كنيد كه قسمت انتخاب شده حتما بايد سلولي از يك جدول بوده و بين دستورات <td> و </td> قرار گرفته باشد . به طور مثال :

<td width="46" class="{catrow.forumrow.inc.INC_CLASS}"><img src="{SPACER}" width="46" height="0" /></td>

خوب حالا اين كد ها رو پيش از < درج كنيد :

 onMouseOver="this.style.backgroundColor='{L_HOVER}'; this.style.cursor='default';" onMouseOut="this.style.backgroundColor='{U_HOVER}';"

در نهايت نتيجه اين خواهد بود :

<td width="46" class="{catrow.forumrow.inc.INC_CLASS}" onMouseOver="this.style.backgroundColor='{L_HOVER}'; this.style.cursor='default';" onMouseOut="this.style.backgroundColor='{U_HOVER}';"><img src="{SPACER}" width="46" height="0" /></td>

تذكر :

متغير هايي رو كه در فايل page_header.php تعريف كرديم
حاوي شماره هاي رنگ هستند

متغير L_HOVER : زماني كه موس بروي سلول قرار ميگيرد
متغير U_HOVER : زماني كه موس از روي سلول خارج ميشود

شما ميتوانيد با تغيير اين كدها ، رنگ رو به دلخواه و با قالب انجمنتون هماهنگ كنيد

موفق باشد ، رضا

 

[mojtabax]

خیلی خوبه البته اگه به جای این که اون رو توی td بگذاری توی tr میگذاشتی خیلی بهتر بود چون اگه چند تا ستون داشته باشیم اونوقت نیازی نیست که برای هر کدوم این رو بگذاریم ..

در ضمن من یه جا اون رو با CSS دیدم :

<style>
.TrClass a:hover
{
	background: #F3F3F4;
</style>
}

حالا فقط کافیه که توی تگ tr بنویسیم

class="TrClass"

من CSS اون رو پیشنهاد می کنم .

با تشکر و آرزوی موفقیت برای شما:happy: