ata72

کمک افکت css

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

با سلام خدمت دوستان عزیز

یه کمک ازتون میخواستم

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

وب‌سایت خبری آی‌تی‌رسانITResan | اخبار و مقالات داغ آی تی | وب سایت تخصصی فناوری و اطلاعات

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

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

ممنون میشم اگه توضیح جامعی در این مورد بدید:)

Share this post


Link to post
Share on other sites

باید از hover برای اینکار استفاده کنید شما به بخشی از سایتتون که میخواید مثلا بک گراندش مشکی باشه یه کلاس تعریف میکنید مثلا:

.test{background:#000;}

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

.test:hover{background:red;}

Share this post


Link to post
Share on other sites

البته بگم که قالب من همینه اما من قالب رو از جای دیگه ای تهیه کردم فقط اگه بگید چطور اون اعمال رو روش انجام بدم ممنونتون میشم

Share this post


Link to post
Share on other sites

برای اینکه در حالت هاور رنگ قرمز داشته باشید داخل پوشه css قالبتون خط 4702 فایل template-violet.css رو به شکل زیر تغییر بدید

#yt_mainmenu #meganavigator li.level1:hover > .item-link {
   color: #fff;
   background: #DA0808;
}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

[ATTACH=CONFIG]8441[/ATTACH]

[ATTACH=CONFIG]8442[/ATTACH]

کش مرورگر ر. هم خالی کردم نشد هم تو کروم و هم تو فایر فاکس کش هر دو رو خالی کردم و رفرش کردم هیچ اتفاقی نیفتاد:auau:

Share this post


Link to post
Share on other sites

من کلا یه کد میزارم براتون این رو بزارید ببینید چی میشه

#yt_mainmenu #meganavigator li.level1 > .item-link {

color: #010101;

background: #8985EC;

}

#yt_mainmenu #meganavigator li.level1:hover > .item-link {

color: #fff;

background: #DA0808;

}

#yt_mainmenu #meganavigator li.level1 a,#yt_mainmenu #meganavigator li.level1 a:hover ,#yt_mainmenu #meganavigator li.level1:hover a {

color:inherit;

}

'>http://gowebsite.ir

Share this post


Link to post
Share on other sites

دستتون درد نکنه سه تا عکس میزارم تا ببینید چه بلایی سرش اومد

اولی عین کدی که گفتید وارد کردم شدش این:

[ATTACH=CONFIG]8443[/ATTACH]

حالا یهویی نمیدونم چی شد ستم خورد به حرف v درست شد (((Inspect element ))) رو یه نگاه بندازید مشکلی پیش نمیاد اگه اونجوری بمونه

[ATTACH=CONFIG]8444[/ATTACH]

پس زیمنشم حالا برداشتم شد این

[ATTACH=CONFIG]8445[/ATTACH]

حالا مشکلی پیش نمیاد اگه اون حرف v رو بذارم بمونه ؟

اگه مشگلی پیش میاد ممنون میشم راه صحیحش رو بهم نشون بدید.سپاس:33:

Share this post


Link to post
Share on other sites

البته فکر کنم حل شد

یه کد مربوط به hover پایین همون کد داشت او رو که پاک کردم درست شد

[ATTACH=CONFIG]8446[/ATTACH]

مشگلی پیش نیاد:33:

Share this post


Link to post
Share on other sites
البته فکر کنم حل شد

یه کد مربوط به hover پایین همون کد داشت او رو که پاک کردم درست شد

[ATTACH=CONFIG]8446[/ATTACH]

مشگلی پیش نیاد:33:

درود مشکلی پیش نمیاد

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

#main-menu ul li ul li:hover a,
color: #FFFFFF;
 background: rgb(231, 76, 60);
}

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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