CSS Меню

M

MaDHaCkEr

Registered
Някой може ли да ми каже как мога да направя в главното меню свеки бутон да е с различен цвят при заставане на мисшката в/у него и например лентата от долу под бутоните вече като е натиснат бутона да е същият цвят като бутона.
Малко се оплетох ако не сте ми разбрали въпроса ще се опитам малко по ясно да ви обясня :)
 
Ето ако не сте разбрали въпроса можете да видите менюто на този сайт: www.host.bg
Бутоните и от долу лентата как си променят цветовете :)
 
Код: 
/* -- butoni -- */

.bu-submit-1 {
	margin: 0 auto;
	display: block;
	text-indent: 17px;
	width: 100px !important;
	height: 22px;
	line-height: 21px;
	font-weight: bold !important;
	font-size: 12px !important;
	color: #333;
	background: url(../i/bu-submit-1.gif) no-repeat;
	border: none !important;
}

.bu-submit-2 {
	display: block;
	margin: 0 auto;
	padding: 0 !important;
	text-indent: 16px;
	width: 101px;
	height: 25px;
	line-height: 24px;
	font-weight: bold !important;
	font-size: 14px !important;
	color: #fff;
	background: url(../i/bu-submit-2.gif) no-repeat;
}

.bu-submit-2 a {
	color: #fff;
	border: none;
}

.bu-submit-2 a:hover {
	border: none;
}

.bu-submit-3 {
	margin: 0 auto;
	display: block;
	width: 69px !important;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	font-size: 11px !important;
	color: #fff;
	background: url(../i/bu-submit-3.gif) no-repeat;
	border: none !important;
}

.bu-submit-4 {
	margin: auto;
	display: table;
	width: 50px;
	border-top: solid 1px #8F9197;
	border-left: solid 1px #8F9197;
	border-bottom: solid 1px #626367;
	border-right: solid 1px #626367;
}

.bu-submit-4 a {
	padding: 0 6px;
	height: 22px;
	display: block;
	white-space: nowrap;
	line-height: 22px;
	font-size: 12px;
	color: #000;
	background: #E5E7F0 url(../i/bu-submit-4.gif) repeat-x left bottom;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #838694;
	border-right: solid 1px #838694;
}

.bu-submit-4 a:hover {
	color: #464B64;
	background: #F2F2F5 url(../i/bu-submit-4hover.gif) repeat-x left bottom;
	border-bottom: solid 1px #838694;
}

a.bu:hover {
	border-style: none !important;
}

Просто различен стаил за всеки бутон.
 
Само немога да разбера как да си ги направя за мойте бутони... нещо по темплате трябва ли да се пипа ?
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе