mmfallah

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

45 پست در این موضوع

ارسال شده در (ویرایش شده)

سلام

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

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

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

سازگاری با : compat_25.pngcompat_30.png

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

do.php?thmbf=joomlaforum.ir_13908337851.png

امکانات:

نمایش همزمان 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

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

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

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

Share this post


Link to post
Share on other sites

ممنون از شما

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
دو تا سوال که ممنون میشم راهنمایی کنید:

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

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

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Font Awesome Icons

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

حالا

Share this post


Link to post
Share on other sites
جاي نسخه جوملا3 خالي نباشه. به روز باشيم

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

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری