▼▲منتشرشد ▼▲ Responsive FavEffects نمایش حالت های css3 واکنش گرا

[mmfallah 67]

سلام

با استفاده از این ماژول می تونید از حالت های زیبای css3 در سایت خودتون استفاده کنید. کدهای این حالت ها توی نت زیاد هست ولی خب همه امکان استفاده را نداشتند.

با این ماژول به راحتی هر کسی به راحتی می تونه از افکت های Css3 تعبیه شده استفاده کنه (6 حالت مختلف)

این ماژول توسط کاربر گرامی AMINMEHR معرفی شده و منم تبدیل به 2.5 کردم تا دوستان بتونند استفاده کنند.

سازگاری با :

دمو افزونه:http://extensions.favthemes.com/faveffects

امکانات:

نمایش همزمان 6 قسمت با 6 افکت مختلف

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

انتخاب نوع باز شدن لینک

وارد کردن رنگ پس زمینه

انتخاب رنگ متن

سایز متن

css3 effect

و ....

برای استفاده از آیکون ها باید یه سری کد توی بخش مدیریت ماژول قسمت Icon Name وارد کنید. من کد چند تا آیکون را می زارم.

سری اول هم که نصب می کنید 6 تا کد به صورت نمونه داره.

جستجو (ذره بین): fa fa-search

ممنوع: fa fa-ban

میکروفون: fa fa-microphone

مداد: fa fa-pencil

چشم: fa fa-eye

لایک: fa fa-thumbs-o-up

دسکتاپ: fa fa-desktop

دانلود :

http://jupload.ir/do.php?filename=joomlaforum.ir_13908343561.zip

ویرایش شده در شهریور 93 توسط mmfallah

[majid_aqaiy 34]

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

[hosseinimani 10]

ممنون از شما

اندازه کادر دایره ای اطراف ایکن چطور عوض میشه مثل دمو ؟

[mmfallah 67]

از طریق فایل CSS می تونید سایزش را تغییر بدید

لاین 138 فایل faveffects.css

width:200px; را به سایز مورد نظر تغییر بدین

#faveffects-box1{
width:200px;
float: left;}

[AMINMEHR 12]

گل کاشتید عالی بود و ممنون

[AMINMEHR 12]

دو تا سوال که ممنون میشم راهنمایی کنید:

1- چطور می تونم تصویر وسط ایکن و تغیر بدم و اختصاصی کنم؟

2- چطور می تونم فاصله بین ایکن ها رو بیشتر کنم؟

ضمنا افکت ایکن ها تو نرم افزار گوگل کروم اذیت می کنه چه باید بکنم؟

[power_off 10]

سلامبه دوستان گلم

من نمیتونم فایل رو دانلود کنم لطفا یه جا دیگه هم آپلود کنید

[mmfallah 67]

دو تا سوال که ممنون میشم راهنمایی کنید:

1- چطور می تونم تصویر وسط ایکن و تغیر بدم و اختصاصی کنم؟

2- چطور می تونم فاصله بین ایکن ها رو بیشتر کنم؟

ضمنا افکت ایکن ها تو نرم افزار گوگل کروم اذیت می کنه چه باید بکنم؟

1- با استفاده از css می تونید انجام بدید. با استفاده margin می تونید انجام بدید.

2- همونطور تو دمو مشخصه تو گوگل کروم بدون مشکل اجرا میشه.

سلامبه دوستان گلم

من نمیتونم فایل رو دانلود کنم لطفا یه جا دیگه هم آپلود کنید

تا حالا 170 بار دانلود شده . مشکلی نداره

[majid_aqaiy 34]

ممنون مهندس فلاح عزیز خیلی به کارم اومد

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

[majid_aqaiy 34]

ممنون مهندس فلاح عزیز خیلی به کارم اومد

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

[mmfallah 67]

خواهش می کنم مجید جان

برای استفاده از آیکون ها به این صفحه برو

Font Awesome Icons

از هر آیکونی که خوشت اومد کدش را تو قسمت Icon Name ماژول وارد کن تا نمایش داده یبشه

[proma 10]

یه سئوالی رنگش رو هم میشه به سادگی تغییر داد؟

[proma 10]

دوستان کمک نمی کنند؟

[mmfallah 67]

بله امکان تغییر رنگ از مدیریت ماژول وجود داره

[proma 10]

خیلی هم عالی. ممنون از افزونه ی کامل شما [dasdas]

[AMINMEHR 12]

امکانش هست اموزش کوچکی از قرار دادن ایکون دلخواه و بذارین؟

[AMINMEHR 12]

اینم برخی از کدها :

fa-glass

fa-music

fa-search

fa-envelope-o

fa-heart

fa-star

fa-star-o

fa-user

fa-film

fa-th-large

fa-th

fa-th-list

fa-check

fa-times

fa-search-plus

fa-search-minus

fa-power-off

fa-signal

fa-gear

fa-cog

fa-trash-o

fa-home

fa-file-o

fa-clock-o

fa-road

fa-download

fa-arrow-circle-o-down

fa-arrow-circle-o-up

fa-inbox

fa-play-circle-o

fa-rotate-right

fa-repeat

fa-refresh

fa-list-alt

fa-lock

fa-flag

fa-headphones

[AMINMEHR 12]

اقا کسی می تونه کمک کنه جای ایکونای خود ماپول تصویر دلخواه بذاریم یا متن فارسی داخلش بذاریم؟

[proma 10]

ببخشید. چطور میشه فاصله بین آیکون ها رو یبشتر تر. البته یکم بیشتر توضیح بدین.

[proma 10]

کسی نیست کمکی کنه در این مورد؟

[mmfallah 67]

منظورتون آیکون داخل هر بخش هست؟؟

[proma 10]

بله. میخوام بین آیکون ها فاصله داشته باشه. بشه بین آیکون ها به قول خودمون space داد

[mrazimi1 10]

جاي نسخه جوملا3 خالي نباشه. به روز باشيم

[mmfallah 67]

برای هر قسمت باید به سبک زیر عمل کنید

این قسمت سلکتورها هستند که هر چند تا را فعال کرده باشید باید قرار بدید. عدد جلوش را اضافه کنید

 #faveffects-box1
#faveffects-box2 
#faveffects-box3
#faveffects-box4

توی css هم به این صورت : فقط بسته به نیازتون ممکنه نوع مارجین متفاوت باشه

 #faveffects-box3{margin-right:40px}

حالا

[mmfallah 67]

جاي نسخه جوملا3 خالي نباشه. به روز باشيم

این نسخه با جوملا 3 هم سازگاری داره و به خوبی جواب میده. به روز هستیم.