آموزش mouseover تصاویر بدون نیاز به برنامه نویسی

[amir_seddighi 146]

درود

از آنجایی که استاد بزرگمون بیل گیتس می فرمایند : من سخت ترین کارها رو به تنبل ترین افراد میسپارم زیرا آنها ساده ترین راه را برای رسیدن به پاسخ پیدا میکنند .

من هم به نوبه خودم تصمیم گرفتم بفهمم چجوری میشه به این مهم دست یافت و از اونجایی که بنده در سومین حرم اهل بیت یعنی شیراز زندگی میکنم خیلی سریع به نتیجه دلخواه رسیدم : دی

حتما تو بعضی سایتها دیدید که تا موس روی یک تصویر میره رنگ اون تغییر میکنه یا تصویر با یک تصویر دیگه جایگزین میشه . خب اینکار نیازمند یادگیری دانش برنامه نویسیه ولی دوستان بزرگوار توسعه جوملا جهانی که احتمالا اونها هم یه ربطی به ما شیرازیها دارن این کار رو خیلی خیلی ساده کردن .

بریم برسیم به آموزش :

1- ابتدا باید ویرایشگر جوملاتون رو به JCE تغییر بدید که اینم لینک دانلودش : com_jce_226 دانلود ● آپلود سنتر انجمن جوملای ایران

ادیتور رو نصب میکنید بعد از منوی سایت / تنظیمات کلی / ویرایشگر پیش فرض انتخابش میکنید .

2- به مدیریت ماژولها برید و گزینه جدید رو بزنید و یک ماژول از نوع html سفارشی بسازید .

[ATTACH=CONFIG]6061[/ATTACH]

3- توی قسمتی که ویراشگر هست دکمه تصویر رو بزنید :

[ATTACH=CONFIG]6062[/ATTACH]

4- تصویرتون رو انتخاب کنید

5- روی تصویر دکمه سمت راست موس رو بزنید و گزینه insert/edit image رو انتخاب کنید .

[ATTACH=CONFIG]6063[/ATTACH]

6- در صفحه ای که باز شد در سربرگ image که تصویر منتخب خودتون رو میبینید . برید با سربرگ rollever

7- از پایین عکسی رو که میخواید با اومدن موس روی تصویر اول نشون بده رو انتخاب کنید

[ATTACH=CONFIG]6064[/ATTACH]

8- بدون اینکه ذخیره کنید به سربرگ image برگردید و از همون پایین تصویر اولتون رو دوباره انتخاب کنید و گزینه update رو بزنید .

[ATTACH=CONFIG]6065[/ATTACH]

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

میتونید از این آموزش برای ساخت منوی تصویری هم استفاده کنید .

موفق باشید و امیدوارم به دردتون خورده باشه

[amirparvaneh 100]

بسیار جالب و آموزنده،البته برای تنبل هایی مثل من:auizz3ffy9vla57584x

[hda2295 11]

عالی بود.عالی...:4d564ad6::4d564ad6::4d564ad6::4d564ad6:

[aynalserat 17]

آموزش mouseover تصاویر بدون نیاز به برنامه نویسی

[/b]

یعنی چی ؟ من بلد نیستم توضیح بفرماید و دمو بدهید تا یاد بگیرم ؟

[amir_seddighi 146]

مثلا منوی تصویری سایت رایتل ( زیر اسلایدشو) رو ببینید : http://rightel.ir

[mrs.salari 11]

خیلی عالی بود و جالب ...[dasdas]smile22:4d564ad6:

[m.fazl 10]

دست گلت درد نکنه واقعا برا تنبل ها بود !!!!!! منکه یاد گرفتم !!

[amir_seddighi 146]

امیدوارم مثمر ثمر بوده باشه .....

[yavadood 13]

سلام

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

ممنون

یا علی

[amir_seddighi 146]

درود

این در واقع یه کلکه . برنامه نویسی نیست که بگم با افزونه ایتون تداخل داره یا با قالب سازگار نیست . یکبار دیگه آموزش رو با دقت مطالعه کنید . و حتما هم یکبار کش مرورگرتون رو خالی کنید دوباره تست بزنید

[yavadood 13]

درود

این در واقع یه کلکه . برنامه نویسی نیست که بگم با افزونه ایتون تداخل داره یا با قالب سازگار نیست . یکبار دیگه آموزش رو با دقت مطالعه کنید . و حتما هم یکبار کش مرورگرتون رو خالی کنید دوباره تست بزنید

نه عزیز میدونم من خودم استفاده میکردم از این امکان، ولی الان که از جوملا 2.5.20 استفاده میکنم نمیشه و وقتی ذخیره میکنم قسمت هاور غیر فعال میشه

[amir_seddighi 146]

روی یه قالب دیگه هم تست بزنید من الان روی 2.5.20 تست زدم مشکلی نداره

[aynalserat 17]

من مراحل رو دقیق همونطور که گفتید طی کردم ولی بعد از اینکه ذخیره می کنم و می رم تو سایت عمل نمی کنه . دلیلش چیه ؟

[amir_seddighi 146]

درود

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

چیز خاصی نداره که نخواد عمل کنه . داریم 2 تا تصویر رو میندازیم روی هم

[aynalserat 17]

هرکاری می کنم نمی شه بعد از ذخیره قبل از ذخیره عمل می کنه ولی بعد از اینکه ذخیره شد ظاهرا قسمتی از کد حذف می شه و کار نمی کنه من هم با این ویرایشگر تست کردم هم با ویرایشگر خود جوملا:21::21::21::21:

[irmacfa 10]

آقا من بیش از 23 دفعه کاری امتحان کردم این داخل محیط ادیتور کار میکنه بیرونش کار نمی کنه [kkk] تا حالا قالب عوض کردم کش پاک کردم اما نشد که نشد.

[irmacfa 10]

Help Help :auau:

[amir_seddighi 146]

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

[irmacfa 10]

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

به جان مهندس صدیقی عزیز ، این مورد هم تست کردم تو محیط هاور میشه ، روش با موس کلیک میکنی راحت تغییر می کنه اما این وقتی ذخیره میزنی و میری تو قالب تست بکنی ، خشک خشک هست ، روش هم ماوس رو میبریم برا مدتی تغییری نداره ؛ بعد که میاییم تو ادیتور دوباره ماوس رو میبریم روش باز خشک هست ؛ کش مرورگر رو هم پاک کردم اما انگار نه انگار ....

[amir_seddighi 146]

:oom::oom::oom:

به خدا کار میکنه . من الان 10 تا سایت رو نت دارم همش از همین روش استفاده شده :13::13::13:

یه مود دیگه : کش رو با Cntrl + F5*پاک نکنید با Shift + Cntrl + Del پاک کن دوباره تست بزنید

یه بار هم برای تست رو یه قالب دیگه امتخان کنید

دیگه واقعا چیزی به ذهنم نمیرسه . چون کد نیست که بگم کار نکنه یه حقه است در واقع دو تا عکس رو میندازه رو هم . کار خاصی نمیکنه

[irmacfa 10]

:oom::oom::oom:

به خدا کار میکنه . من الان 10 تا سایت رو نت دارم همش از همین روش استفاده شده :13::13::13:

یه مود دیگه : کش رو با Cntrl + F5*پاک نکنید با Shift + Cntrl + Del پاک کن دوباره تست بزنید

یه بار هم برای تست رو یه قالب دیگه امتخان کنید

دیگه واقعا چیزی به ذهنم نمیرسه . چون کد نیست که بگم کار نکنه یه حقه است در واقع دو تا عکس رو میندازه رو هم . کار خاصی نمیکنه

نوکرتم داش ، عزیزی اشکال نداره howit

[Masood Ashoori 232]

نه عزیز میدونم من خودم استفاده میکردم از این امکان، ولی الان که از جوملا 2.5.20 استفاده میکنم نمیشه و وقتی ذخیره میکنم قسمت هاور غیر فعال میشه

من مراحل رو دقیق همونطور که گفتید طی کردم ولی بعد از اینکه ذخیره می کنم و می رم تو سایت عمل نمی کنه . دلیلش چیه ؟

آقا من بیش از 23 دفعه کاری امتحان کردم این داخل محیط ادیتور کار میکنه بیرونش کار نمی کنه [kkk] تا حالا قالب عوض کردم کش پاک کردم اما نشد که نشد.

کشف کردم :didi:

rsFirewall اگه دارید غیر فعال کنید .همه ی مواردش رو

[irmacfa 10]

کشف کردم :didi:

rsFirewall اگه دارید غیر فعال کنید .همه ی مواردش رو

و اگر نداسته باشیم این کامپوننت رو چی ؟؟؟

Send From Tapatalk Surface Windows 8.1 pro

[Masood Ashoori 232]

یکی از وظایف افزونه های امنیتی اینه که یک سری کدهای ممنوعه دارند و خودشون این کدها رو فیلتر میکنند . rsfirewall هم جزء این دسته افزونه هاست . بعد از اینکه همه مراحل درج موس اور تموم شد قبل از ذخیره "تغییر ویرایشگر" رو بزنید . کد رو کپی کنید . بعد "ذخیره" ( نه ذخیره و بستن ) رو بزنید . حالا کد رو با کد کپی شده مقایسه کنید . اگه باهم تفاوت داشتته باشه یعنی افزونه ای یا تنظیمی ( هم تنظیمات جوملا فیلتر داره و هم JCE ) داره کد رو فیلتر میکنه که باید علت یابی کنید .

وقتی کاری توسط کسی انجام میشه پس شدنیه . علت رو باید پیدا کرد که چه چیزی باعث میشه نشه این rsfirewall رو هم با کلی سر و کله زدن پیدا کردم .

[danial30 10]

mouse over kar kard tashakorgiftgift