nima-kian

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

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

سلام

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

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

ممنون

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

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


لینک به پست

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

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

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


لینک به پست

padding-left بهش بدین

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


لینک به پست

سلام

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

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

ممنون

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

لطفا:

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

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

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


لینک به پست

عرض li های داخل هر ul رو 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;

}

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% تغییر بدین.

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


لینک به پست


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

}

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

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

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

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


لینک به پست

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

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


لینک به پست

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

خدمت شما

Crackbaz.ir

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

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


لینک به پست

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

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


لینک به پست

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

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

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

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

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


لینک به پست

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

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

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

ببخشید

شرمنده

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

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


لینک به پست

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

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

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

ببخشید

شرمنده

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

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

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

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

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

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

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


لینک به پست

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

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
حذف لینک

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


لینک به پست

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

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

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

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


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

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

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


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