پارس جوم :: انجمن های تخصصی جوملا

نسخه‌ی کامل: کدی مخصوص تصویر در جوملا
شما در حال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب بندی مناسب.
سلام دوستان
من می خوام تو جوملا برای تصاویری کاری کنم که وقتی ماوس رو روی تصویر می برم شکال تصویر عوض بشه.
مثلا تصویر در حالت عادی یک تصویری رو نشون بده و وقتی که ماوس رو روی اون می برم شکل دیگه ای رو نشون بده.
چطوری این کار رو می تونم بکنم؟
وقتی تصویری رو می ذاری توی رویدادهاش حالت های مختلف هست می تونی از اونجا درسش کنی که مثلا وقتی موس روش رفت یا وقتی روش کلیک یا دابل کلیک کردی...
با سلام.
دوست عزیز شما باید این کار رو انجام بدید.
یه کلاس تعریف می کنید که در آن تصویر مورد نظر را قرار می دهید به این صورت
کد:
.test{
  background: url(../images/Icons/7.png);/*آدرس تصوير موردنظر*/
}
و این کلاس را به عنصری که می خواهید نسبت دهید
و این کد هم قرار بدهید تا وقتی ماوس روی عنصر مورد نظر می رود تصویرش عوض شود
کد:
.test:hover{
  background: url(../images/Icons/7.png);/*آدرس تصويري که مي خواهيد با رفتن موس روي آن ديده شود*/
}
(۱۵-۱۱-۱۳۹۱ ۰۸:۱۰ عصر)bbyk نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
با سلام.
دوست عزیز شما باید این کار رو انجام بدید.
یه کلاس تعریف می کنید که در آن تصویر مورد نظر را قرار می دهید به این صورت
کد:
.test{
  background: url(../images/Icons/7.png);/*آدرس تصوير موردنظر*/
}
و این کلاس را به عنصری که می خواهید نسبت دهید
و این کد هم قرار بدهید تا وقتی ماوس روی عنصر مورد نظر می رود تصویرش عوض شود
کد:
.test:hover{
  background: url(../images/Icons/7.png);/*آدرس تصويري که مي خواهيد با رفتن موس روي آن ديده شود*/
}
این کد ها رو تو ادیتور بزارم؟
لینک مرجع