رفتن به مطلب
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید) ×
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید)

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

nima-kian

توسط nima-kian،
در برنامه نویسی استاتیک

دنبال‌کننده 0

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

nima-kian

nima-kian 1

ارسال شده در
ارسال شده در

سلام

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

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

ممنون

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

لینک به ارسال
imanfakhar

imanfakhar 26231

ارسال شده در
ارسال شده در

سلام

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

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

ممنون

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

لطفا:

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

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

  • امتیاز 1
لینک به ارسال
nima-kian

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

}

لینک به ارسال
nima-kian

nima-kian 1

ارسال شده در
  • مالک
ارسال شده در 


width: 70%;

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

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

کانل پر نمیشه

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

لینک به ارسال
imanfakhar

imanfakhar 26231

ارسال شده در
ارسال شده در

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

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
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		nima-kian
	

			
		

		

			

				

nima-kian
				

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

خیر متاسفانه جواب نداد
اگه متن کوتاه باشه کوچیک تر از کادرِ
اگه طولانی باشه از کادر میزنه بیرون :(



			
		


		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					






					
					
					
				

					

					
					






					
					
					
				

					

					
					







	

	

	

		

			


	
		imanfakhar
	

			
		

		

			

				

imanfakhar
				

	
		
	
			 26231
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			ارسال شده در  
			
			
				
				
			
		

	


	


	

		
		

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



			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	
    
		
		
			
				
				
  • 
					
						
					
							
								امتیاز
							
							
								3
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		nima-kian
	

			
		

		

			

				

nima-kian
				

	
		
	
			 1
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
						
  • مالک
    • 
					
					
					
					
					
				

			

			
		


		

			ارسال شده در  
			
			
				
				
			
		

	


	


	

		
		

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



			
		


		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		imanfakhar
	

			
		

		

			

				

imanfakhar
				

	
		
	
			 26231
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			ارسال شده در  
			
			
				
				
			
		

	


	


	

		
		

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



			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	
    
		
		
			
				
				
  • 
					
						
					
							
								امتیاز
							
							
								2
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		nima-kian
	

			
		

		

			

				

nima-kian
				

	
		
	
			 1
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
						
  • مالک
    • 
					
					
					
					
					
				

			

			
		


		

			ارسال شده در  
			
			
				
				
			
		

	


	


	

		
		

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



			
		


		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		sepide
	

			
		

		

			

				

sepide
				

	
		
	
			 6
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

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

	


	


	

		
		

			
این کد را جایگزین کنید و تست بگیرید
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
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
					
					
  • 
						
					
    • 
				

			

		

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		imanfakhar
	

			
		

		

			

				

imanfakhar
				

	
		
	
			 26231
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			ارسال شده در  
			
			
				
				
			
		

	


	


	

		
		

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


					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		nima-kian
	

			
		

		

			

				

nima-kian
				

	
		
	
			 1
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
						
  • مالک
    • 
					
					
					
					
					
				

			

			
		


		

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

	


	


	

		
		

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


			

			
		

	







	

		
			
				برو به فهرست موضوع ها
			
		
	

	




						


					

					


					

				

			

			
		

		
		


	

		×
		

			
				

					
				

			

			
		

	






	

		×
		

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