ManJo1

در خواست ماژول مشابه

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

سلام وقت به خیر

لطفا این سایت رو ببینید:
http://demo.inspiretheme.com/particles/index.php/particles/features


این یکی از پارتیکل های (ماژول های فریم ورک gantry5 پارتیکل نام دارند) تجاری هست ...
کسی مشابه این ماژول رو سراغ نداره؟ تجاری یا غیر تجاریش مهم نیست...

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

ممنون میشم راهنمایی کنید

Share this post


Link to post
Share on other sites

سلام

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

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

background: transparent none repeat scroll 0 0;
border: 1px solid #ddd;
height: 98px;
width: 98px;
left: 1px;
top: 1px;
z-index: 1;
position: absolute;
-webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
-moz-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);

 

بعد هم برای اینکه موس روش بیاد تغییر کنه یه سودو به کلاس یا آی دی اضاف میکنی . class:hover

border-radius: 50%;
font-size: 2rem;
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
vertical-align: middle;
margin-bottom: 0.75rem;
color: #439a86;
position: relative;
display: inline-block;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
    transition-timing-function: linear;

 

اینها کدهای صفحه مورد نظر شماست حالا یذره باید ویرایش بشه

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites

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

 

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites
در در ۱۳۹۷/۴/۱۵ در 00:27، pourdaryaei گفته است :

سلام

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

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


background: transparent none repeat scroll 0 0;
border: 1px solid #ddd;
height: 98px;
width: 98px;
left: 1px;
top: 1px;
z-index: 1;
position: absolute;
-webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
-moz-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);

 

بعد هم برای اینکه موس روش بیاد تغییر کنه یه سودو به کلاس یا آی دی اضاف میکنی . class:hover


border-radius: 50%;
font-size: 2rem;
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
vertical-align: middle;
margin-bottom: 0.75rem;
color: #439a86;
position: relative;
display: inline-block;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
    transition-timing-function: linear;

 

اینها کدهای صفحه مورد نظر شماست حالا یذره باید ویرایش بشه

وای دستتون درد نکنه زحمت کشیدید کد ها رو نوشتید

خیلی ممنونم

Share this post


Link to post
Share on other sites

این کدها شاید دقیق نباشند ولی از صفحه ای که مدنظر خودتون بود برداشتم. میتونه برای شما کمی تغییرات داشته باشه

Share this post


Link to post
Share on other sites

باسلام

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

SP Page Builder

JA Page Builder

Quix

ZT Shourtcode

YT ShourtCode

bd shourtcode

موفق باشید و سربلند

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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