کدی مخصوص تصویر در جوملا

[gamentech]

سلام دوستان
من می خوام تو جوملا برای تصاویری کاری کنم که وقتی ماوس رو روی تصویر می برم شکال تصویر عوض بشه.
مثلا تصویر در حالت عادی یک تصویری رو نشون بده و وقتی که ماوس رو روی اون می برم شکل دیگه ای رو نشون بده.
چطوری این کار رو می تونم بکنم؟

[amirali]

وقتی تصویری رو می ذاری توی رویدادهاش حالت های مختلف هست می تونی از اونجا درسش کنی که مثلا وقتی موس روش رفت یا وقتی روش کلیک یا دابل کلیک کردی...

[bbyk]

با سلام.
دوست عزیز شما باید این کار رو انجام بدید.
یه کلاس تعریف می کنید که در آن تصویر مورد نظر را قرار می دهید به این صورت

کد: (انتخاب همه)

.test{
  background: url(../images/Icons/7.png);/*آدرس تصوير موردنظر*/
}

و این کلاس را به عنصری که می خواهید نسبت دهید
و این کد هم قرار بدهید تا وقتی ماوس روی عنصر مورد نظر می رود تصویرش عوض شود

کد: (انتخاب همه)

.test:hover{
  background: url(../images/Icons/7.png);/*آدرس تصويري که مي خواهيد با رفتن موس روي آن ديده شود*/
}

[gamentech]

(۱۵-۱۱-۱۳۹۱ ۰۸:۱۰ عصر)bbyk نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
با سلام.
دوست عزیز شما باید این کار رو انجام بدید.
یه کلاس تعریف می کنید که در آن تصویر مورد نظر را قرار می دهید به این صورت

کد: (انتخاب همه)

.test{
  background: url(../images/Icons/7.png);/*آدرس تصوير موردنظر*/
}

و این کلاس را به عنصری که می خواهید نسبت دهید
و این کد هم قرار بدهید تا وقتی ماوس روی عنصر مورد نظر می رود تصویرش عوض شود

کد: (انتخاب همه)

.test:hover{
  background: url(../images/Icons/7.png);/*آدرس تصويري که مي خواهيد با رفتن موس روي آن ديده شود*/
}

این کد ها رو تو ادیتور بزارم؟