Header_bar, h3 проблемы.

[January]

Здравствуйте еще раз. Возникли некоторые трудности с выше написанными элементами. Далее я приложу изображение и объясню что я хотел бы сделать.

 

Мне нужно убрать фон (сделать его прозрачным) у панельки 1.

Так же убрать фон у кнопок (форумы, галерея и тд). Цифра 2.

Убрать фон у панельки 3 и ниже. 

Что-нибудь сделать с блоками под цифрой 4, ибо они своей белезной меня убивают. Возможно полупрозрачный серый. 

Спасибо заранее. 

[WOLF]

ссыль на форум

[January]

__garage-raiding.ru/forum/

[WOLF]

1. в ipb_style.css

#header_bar {

2. 

#community_app_menu>li>a {
color: hsl(207, 33%, 83%);
background: hsl(212, 54%, 24%);
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px hsla(0, 0%, 0%, 0.5);
}

заменить на:

#community_app_menu>li>a {
color: hsl(207, 33%, 83%);
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px hsla(0, 0%, 0%, 0.5);
}

3. не вижу чата у вас

4. 

.ipsSideBlock h3 {
font: normal 14px helvetica, arial, sans-serif;
color: hsl(213, 52%, 26%);
padding: 5px 10px;
background: hsl(215, 31%, 89%);
margin: -10px -10px 10px;
}

.ipsSideBlock {
background: hsl(192, 45%, 98%);
padding: 10px;
margin-bottom: 10px;
}

[January]

спасибо, чат сейчас открою для гостей.

 

4. 

.ipsSideBlock h3 {
font: normal 14px helvetica, arial, sans-serif;
color: hsl(213, 52%, 26%);
padding: 5px 10px;
background: hsl(215, 31%, 89%);
margin: -10px -10px 10px;
}

.ipsSideBlock {
background: hsl(192, 45%, 98%);
padding: 10px;
margin-bottom: 10px;
}

ничего не произошло

[WOLF]

 

спасибо, чат сейчас открою для гостей.

 

4. 

.ipsSideBlock h3 {
font: normal 14px helvetica, arial, sans-serif;
color: hsl(213, 52%, 26%);
padding: 5px 10px;
background: hsl(215, 31%, 89%);
margin: -10px -10px 10px;
}

.ipsSideBlock {
background: hsl(192, 45%, 98%);
padding: 10px;
margin-bottom: 10px;
}

ничего не произошло

 

а что изменяли?

[January]

Спасибо, я разобрался. Данный вами код уже был, я его слегка изменил. 

Чатик я открыл для гостей, можете там писать. 

Осталось только панельки под цифрой 3 (и ниже) изменить.

[WOLF]

.maintitle {
background: hsl(0, 100%, 100%) url(__garage-raiding.ru/forum/public/style_images/master/maintitle.png) repeat-x top;
color: hsl(0, 100%, 100%);
opacity: 0.6;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 hsl(207, 44%, 53%);
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 hsl(207, 44%, 53%);
border-width: 1px 1px 0 1px;
border-color: hsl(0, 100%, 100%);
border-style: solide;
}

[January]

Заменил 

.maintitle {
	background: #fff url({style_images_url}/maintitle.png) repeat-x top;
	color: #fff;
opacity: 0.6;
	padding: 10px 10px 11px;
	font-size: 16px;
	font-weight: 300;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: inset 0px 1px 0 #528cbc;
	-moz-box-shadow: inset 0px 1px 0 #528cbc;
	box-shadow: inset 0px 1px 0 #528cbc;
	border-width: 1px 1px 0 1px;
	border-color: #fff;
	border-style: solide;
}

на 

.maintitle {
background: hsl(0, 100%, 100%) url(__garage-raiding.ru/forum/public/style_images/master/maintitle.png) repeat-x top;
color: hsl(0, 100%, 100%);
opacity: 0.6;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 hsl(207, 44%, 53%);
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 hsl(207, 44%, 53%);
border-width: 1px 1px 0 1px;
border-color: hsl(0, 100%, 100%);
border-style: solide;
}

ничего не произошло. 

[WOLF]

там картинка идет, уберите 

url(__garage-raiding.ru/forum/public/style_images/master/maintitle.png) repeat-x top

[January]

Во! Огромное спасибо. 

И если не затруднит, то скажите как сменить фон кнопок (Галерея, форум) когда на них наводишь (становится синим), а когда находишься на самом форуме, то фон у кнопки белый. 

[January]

Нашел'с сам'c

	#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active { background: #transparent; color: #transparent; }

Параметр отвечает за цвет фона кнопки при наведении мыши.

	
	
	#community_app_menu > li.active > a {
		background: #transparent;
		color: #transparent;
		font-weight: bold;
		margin-top: 0;
		text-shadow: none;
	}

Параметр отвечает за цвет фона кнопки, когда вы находить на странице перехода.