Jump to content

Featured Replies

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

 

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

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

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

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

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

post-11178-0-01553400-1375377672_thumb.p

Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38078
Share on other sites

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;
}
Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38080
Share on other sites

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




 

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

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

Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38081
Share on other sites

 

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

 

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

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

 

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

Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38083
Share on other sites

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

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

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

Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38086
Share on other sites
.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;
}
Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38087
Share on other sites

Заменил 

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

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

Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38089
Share on other sites

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

url(__garage-raiding.ru/forum/public/style_images/master/maintitle.png) repeat-x top
Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38093
Share on other sites

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

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

Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38094
Share on other sites

Нашел'с сам'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;
	}

Параметр отвечает за цвет фона кнопки, когда вы находить на странице перехода.
Link to comment
https://ipbmafia.ru/topic/5093-header_bar-h3-problemy/?&do=findComment&comment=38102
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.