رفتن به مطلب

تغییر رنگ منو با hover


پست های پیشنهاد شده

سلام

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

عکسش رو هم ضمیمه میکنم که منظورم رو بهتر متوجه شید

ممنون

post-3333-0-65224200-1387471921_thumb.pn

لینک به ارسال

چه کدی نوشتید کد رو قرار بدید‌؟

برای تغییر رنگ زیر منو وقتی هاور میشه باید واسه ul هاور بنویسید

لینک به ارسال

سلام

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

عکسش رو هم ضمیمه میکنم که منظورم رو بهتر متوجه شید

ممنون

post-3333-0-65224200-1387471921_thumb.pn

لطفا:

چه کدی نوشتید کد رو قرار بدید‌؟

برای تغییر رنگ زیر منو وقتی هاور میشه باید واسه ul هاور بنویسید

لینک به ارسال

بله فراموش کردم کد ها رو قرار بدم

بفرمایید

nav {

background: none repeat scroll 0 0 #1B2D47;

height: 45px;

margin: 0 auto;

width: 900px;

margin-top:115px;

}

nav ul {

list-style: none outside none;

padding: 0;

}

nav > ul > li {

background: none repeat scroll 0 0 #1B2D47;

border-left: 1px solid #0c1623;

display: block;

float: right;

height:45px;

line-height: 30px;

}

nav ul li {

list-style-type:none; display:block; float:right;

margin:0px;

position: relative;

display: block;

border-bottom: 1px solid #fd4848;

}

nav ul li:hover {

background: #ff2828;

}

nav > ul > li > a {

padding: 30px 20px;

}

nav ul li a {

color: #ffffff;

display: block;

float: right;

font-family: Adobe Arabic;

font-size: 20px;

padding:4px 15px 4px 15px;

text-decoration: none;

}

nav ul li ul {

background: none repeat scroll 0 0 #1B2D47;

opacity: 0;

padding: 0;

position: absolute;

right: 0;

top: 100%;

transition: all 0.5s ease 0s;

visibility: hidden;

width: 100px;

}

nav ul li:hover > ul {

display: block;

opacity: 1;

visibility: visible;

background: #ff2828;

}

nav ul li ul a:hover {

background: #ff2828;

display:block;

}

nav ul li ul li ul {

border-right: 1px solid #5d6d7d;

right: 100%;

top: 0;

}

nav ul li ul li a {

border-bottom: 1px solid #637383;

color: #ffffff;

text-align: right;

width: 70%;

}

لینک به ارسال


width: 70%;

رو به 100% تغییر بدین.

مرسی ولی جواب نداد

کانل پر نمیشه

بعضی متن های طولانی هم از کادر میزنه بیرون

لینک به ارسال

این کد را جایگزین کنید و تست بگیرید

nav {

background: none repeat scroll 0 0 #1B2D47;

height: 45px;

margin: 0 auto;

width: 900px;

margin-top:115px;

}

nav ul {

list-style: none outside none;

padding: 0;

margin:0;

}

nav > ul > li {

background: none repeat scroll 0 0 #1B2D47;

border-left: 1px solid #0c1623;

display: block;

float: right;

height:45px;

line-height: 30px;

}

nav ul li {

margin:0px;

position: relative;

display: block;

border-bottom: 1px solid #fd4848;

}

nav ul li:hover {

background: #ff2828;

}

nav > ul > li > a {

padding: 30px 20px;

}

nav ul li a {

color: #ffffff;

display: block;

float:none;

font-family: Adobe Arabic;

font-size: 20px;

padding:4px 15px 4px 15px;

text-decoration: none;

}

nav ul li ul {

background: none repeat scroll 0 0 #1B2D47;

opacity: 0;

padding: 0;

position: absolute;

right: 0;

top: 100%;

transition: all 0.5s ease 0s;

visibility: hidden;

min-width: 100px;

}

nav ul li ul li {

float:none;

}

nav ul li:hover > ul {

display: block;

opacity: 1;

visibility: visible;

background: #ff2828;

}

nav ul li ul a:hover {

background: #ff2828;

display:block;

}

nav ul li ul li ul {

border-right: 1px solid #5d6d7d;

right: 100%;

top: 0;

}

nav ul li ul li a {

border-bottom: 1px solid #637383;

color: #ffffff;

text-align: right;

width: 100%;

}

لینک به ارسال

این کد را جایگزین کنید و تست بگیرید

nav {

background: none repeat scroll 0 0 #1B2D47;

height: 45px;

margin: 0 auto;

width: 900px;

margin-top:115px;

}

nav ul {

list-style: none outside none;

padding: 0;

margin:0;

}

nav > ul > li {

background: none repeat scroll 0 0 #1B2D47;

border-left: 1px solid #0c1623;

display: block;

float: right;

height:45px;

line-height: 30px;

}

nav ul li {

margin:0px;

position: relative;

display: block;

border-bottom: 1px solid #fd4848;

}

nav ul li:hover {

background: #ff2828;

}

nav > ul > li > a {

padding: 30px 20px;

}

nav ul li a {

color: #ffffff;

display: block;

float:none;

font-family: Adobe Arabic;

font-size: 20px;

padding:4px 15px 4px 15px;

text-decoration: none;

}

nav ul li ul {

background: none repeat scroll 0 0 #1B2D47;

opacity: 0;

padding: 0;

position: absolute;

right: 0;

top: 100%;

transition: all 0.5s ease 0s;

visibility: hidden;

min-width: 100px;

}

nav ul li ul li {

float:none;

}

nav ul li:hover > ul {

display: block;

opacity: 1;

visibility: visible;

background: #ff2828;

}

nav ul li ul a:hover {

background: #ff2828;

display:block;

}

nav ul li ul li ul {

border-right: 1px solid #5d6d7d;

right: 100%;

top: 0;

}

nav ul li ul li a {

border-bottom: 1px solid #637383;

color: #ffffff;

text-align: right;

width: 100%;

}

خیر متاسفانه جواب نداد

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

اگه طولانی باشه از کادر میزنه بیرون :(

لینک به ارسال

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

لینک به ارسال

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

عذر خواهی میکنم

ولی خب مزاحمتی نداره که برای هر آی پی دوتا تبلیغ باز میشه

به هر حال عذر خواهی میکنم

لینک به ارسال

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

سایتتون رو می بینم و نتیجه را عرض می کنم

پاپ آپهاتون فعالند

ببخشید

شرمنده

شاید دوستان دیگه بتونند کمکتون کنند

لینک به ارسال

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

سایتتون رو می بینم و نتیجه را عرض می کنم

پاپ آپهاتون فعالند

ببخشید

شرمنده

شاید دوستان دیگه بتونند کمکتون کنند

لطف کردین متشکر

من پاپ آپ ها رو غیر فعال میکنم

تا امروز بعد از ظهر

اگه ممکنه یه سر بزنید

ممنون از زحماتتون

لینک به ارسال

این کد را جایگزین کنید و تست بگیرید

nav {

background: none repeat scroll 0 0 #1B2D47;

height: 45px;

margin: 0 auto;

width: 900px;

margin-top:115px;

}

nav ul {

list-style: none outside none;

padding: 0;

margin:0;

}

nav > ul > li {

background: none repeat scroll 0 0 #1B2D47;

border-left: 1px solid #0c1623;

display: block;

float: right;

height:45px;

line-height: 30px;

}

nav ul li {

margin:0px;

position: relative;

display: block;

border-bottom: 1px solid #fd4848;

}

nav ul li:hover {

background: #ff2828;

}

nav > ul > li > a {

padding: 30px 20px;

}

nav ul li a {

color: #ffffff;

display: block;

float:none;

font-family: Adobe Arabic;

font-size: 20px;

padding:4px 15px 4px 15px;

text-decoration: none;

}

nav ul li ul {

background: none repeat scroll 0 0 #1B2D47;

opacity: 0;

padding: 0;

position: absolute;

right: 0;

top: 100%;

transition: all 0.5s ease 0s;

visibility: hidden;

min-width: 100px;

}

nav ul li ul li {

float:none;

}

nav ul li:hover > ul {

display: block;

opacity: 1;

visibility: visible;

background: #ff2828;

}

nav ul li ul a:hover {

background: #ff2828;

display:block;

}

nav ul li ul li ul {

border-right: 1px solid #5d6d7d;

right: 100%;

top: 0;

}

nav ul li ul li a {

border-bottom: 1px solid #637383;

color: #ffffff;

text-align: right;

}

خیر متاسفانه جواب نداد

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

اگه طولانی باشه از کادر میزنه بیرون :(

این کد مشکل خاصی نداره فقط width:100%; برای nav ul li ul li a را بردارید.

ویرایش شده توسط ghasemnezhad
لینک به ارسال

از خط 247 تا انتهای فایل style.css را حذف کنید یعنی از جایی که نوشته شده


nav {

و این کدها را جایگزین کنید

nav {

background: none repeat scroll 0 0 #1B2D47;

height: 45px;

margin: 0 auto;

width: 900px;

margin-top:115px;

}

nav ul {

list-style: none outside none;

padding: 0;

}

nav > ul > li {

background: none repeat scroll 0 0 #1B2D47;

border-left: 1px solid #0c1623;

display: block;

float: right;

height:45px;

line-height: 30px;

}

nav ul li {

list-style-type:none; display:block; float:right;

margin:0px;

position: relative;

display: block;

border-bottom: 1px solid #fd4848;

}

nav ul li:hover {

background:#ff2828;

}

nav > ul > li > a {

padding: 30px 20px;

}

nav ul li a {

color: #ffffff;

display: block;

float:none;

font-family: Adobe Arabic;

font-size: 20px;

padding:4px 15px 4px 15px;

text-decoration: none;

}

nav ul li ul {

background: none repeat scroll 0 0 #1B2D47;

opacity: 0;

padding: 0;

position: absolute;

right: 0;

top: 100%;

transition: all 0.5s ease 0s;

visibility: hidden;

width: 100px;

}

nav ul li:hover > ul {

display: block;

opacity: 1;

visibility: visible;

background: #ff2828;

}

nav ul li ul li:hover {

background:#253b5a;

width: 100%;

}

nav ul li ul li ul {

border-right: 1px solid #5d6d7d;

right: 100%;

top: 0;

}

nav ul li ul li a {

border-bottom: 1px solid #637383;

color: #ffffff;

text-align: right;

}

لینک به ارسال
ارسال شده در (ویرایش شده)

از خط 247 تا انتهای فایل style.css را حذف کنید یعنی از جایی که نوشته شده


nav {

و این کدها را جایگزین کنید

nav {

background: none repeat scroll 0 0 #1B2D47;

height: 45px;

margin: 0 auto;

width: 900px;

margin-top:115px;

}

nav ul {

list-style: none outside none;

padding: 0;

}

nav > ul > li {

background: none repeat scroll 0 0 #1B2D47;

border-left: 1px solid #0c1623;

display: block;

float: right;

height:45px;

line-height: 30px;

}

nav ul li {

list-style-type:none; display:block; float:right;

margin:0px;

position: relative;

display: block;

border-bottom: 1px solid #fd4848;

}

nav ul li:hover {

background:#ff2828;

}

nav > ul > li > a {

padding: 30px 20px;

}

nav ul li a {

color: #ffffff;

display: block;

float:none;

font-family: Adobe Arabic;

font-size: 20px;

padding:4px 15px 4px 15px;

text-decoration: none;

}

nav ul li ul {

background: none repeat scroll 0 0 #1B2D47;

opacity: 0;

padding: 0;

position: absolute;

right: 0;

top: 100%;

transition: all 0.5s ease 0s;

visibility: hidden;

width: 100px;

}

nav ul li:hover > ul {

display: block;

opacity: 1;

visibility: visible;

background: #ff2828;

}

nav ul li ul li:hover {

background:#253b5a;

width: 100%;

}

nav ul li ul li ul {

border-right: 1px solid #5d6d7d;

right: 100%;

top: 0;

}

nav ul li ul li a {

border-bottom: 1px solid #637383;

color: #ffffff;

text-align: right;

}

یک دنیا ممنون

واقعا لطف کردین

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

شاید بتونم لطفتون رو جبران کنم

ممنون

****

ویرایش شده توسط Parsa
حذف لینک
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...