nima-kian

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

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

سلام

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

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

ممنون

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

padding-left بهش بدین

2

به اشتراک گذاری این پست


لینک به پست

سلام

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

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

ممنون

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

لطفا:

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

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

1

به اشتراک گذاری این پست


لینک به پست

عرض li های داخل هر ul رو 100% بزار

1

به اشتراک گذاری این پست


لینک به پست

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

بفرمایید

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%;

}

0

به اشتراک گذاری این پست


لینک به پست


width: 70%;

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

2

به اشتراک گذاری این پست


لینک به پست


width: 70%;

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

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

کانل پر نمیشه

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

0

به اشتراک گذاری این پست


لینک به پست

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

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%;

}

2

به اشتراک گذاری این پست


لینک به پست

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

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%;

}

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

آدرس سایت رو بدید بهتره

2

به اشتراک گذاری این پست


لینک به پست

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

آدرس سایت رو بدید بهتره

خدمت شما

Crackbaz.ir

ویرایش شده در توسط nima-kian
0

به اشتراک گذاری این پست


لینک به پست

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

3

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

ببخشید

شرمنده

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

2

به اشتراک گذاری این پست


لینک به پست

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

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

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

ببخشید

شرمنده

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

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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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
3

به اشتراک گذاری این پست


لینک به پست

از خط 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;

}

4

به اشتراک گذاری این پست


لینک به پست

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

از خط 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
حذف لینک
0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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


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

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

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


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