Вопросик к господину Домовому

автор Xan_Kriegor Август 10th 2015, 07:10

Приветствую тебя мистер Домовой smile

Вопрос вот по этой теме: https://help.forum2x2.ru/t34549-topic

Установил все, как там написано, натроил - в принципе все бы супер, но...
Если вставить ссылку в этот блок, то она выглядит так:
Вопросик к господину Домовому 0_1518ef_3f875078_L

Вопросик к господину Домовому 0_1518ef_3f875078_L

При чем цвет при наведении не меняет, всегда остается бордовым цветом... Обычный текст - все нормал, ссылки - косячат...
А должны быть ссылки белыми, а при наведении менять цвет. Вот так:
Вопросик к господину Домовому 0_1518f0_7c16f131_L

Вопросик к господину Домовому 0_1518f0_7c16f131_L

Как это исправить, как сделать, чтобы ссылки нормально отображались и были, как на втором скрине?

автор Домовой Август 10th 2015, 12:13

Xan_Kriegor, так надо для ссылок добавить оформление. У Вас они показываются как оформлены в стиле по умолчанию.
Надо в CSS коды для правой и левой панели добавить

.splContR a {
color:#fff !important; /*цвет ссылки*/
}
.splContR a:hover {
color:#00A3BC !important; /*цвет ссылки при наведении*/

То есть вот так будет целиком

/*Правая панель*/
.splContR {
width:200px!important; /*ширина окна*/
height:auto; /*высота окна*/
background-color:#fff !important; /*фон окна*/
top:55px; /*отступ окна от верха кнопки*/
right:7px; /*отступ окна от правого края монитора*/
border:1px solid #828282; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
box-shadow:0 0 20px 3px #828282;
-webkit-box-shadow:0 0 20px 3px #828282;
-moz-box-shadow:0 0 20px 3px #828282;
padding:10px 10px 10px 10px;
text-align:center;
color:#000000 !important; /*цвет шрифта*/
font-size:12px; /*размер шрифта*/
}

.splContR a {
color:#fff !important; /*цвет ссылки*/
}
.splContR a:hover {
color:#00A3BC !important; /*цвет ссылки при наведении*/

/*Левая панель*/
.splContL {
width:200px!important;/*ширина окна*/
height:auto; /*высота окна*/
background-color:#fff !important; /*фон окна*/
top:55px; /*отступ окна от верха кнопки*/
left:7px; /*отступ окна от левого края монитора*/
border:1px solid #828282; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
box-shadow:0 0 20px 3px #828282;
-webkit-box-shadow:0 0 20px 3px #828282;
-moz-box-shadow:0 0 20px 3px #828282;
padding:10px 10px 10px 10px;
text-align:center;
color:#000000 !important; /*цвет шрифта*/
font-size:12px; /*размер шрифта*/
}

.splContL a {
color:#FF0000 !important; /*цвет ссылки*/
}
.splContL a:hover {
color:#000080 !important; /*цвет ссылки при наведении*/

То что выделено красным добавьте к своим кодам.

автор Xan_Kriegor Август 10th 2015, 12:32

Домовой, примного благодарен! Можно еще крохотный вопросик - как сделать саму кнопку (что менюшку открывает), чтобы при наведении она затемнялась, а точнее изначально была чуть затемненной, а при наведении более яркой?

автор Домовой Август 10th 2015, 18:38

Xan_Kriegor пишет:как сделать саму кнопку (что менюшку открывает), чтобы при наведении она затемнялась, а точнее изначально была чуть затемненной, а при наведении более яркой?

Добавьте туда же

Код:: .splLinkL{ opacity:0.7; } .splLinkL:hover{ opacity:1.0; }

автор Xan_Kriegor Август 11th 2015, 00:09

Домовой, все получилось! Большущее тебе

Вопросик к господину Домовому

Вопросик к господину Домовому

Re: Вопросик к господину Домовому

Re: Вопросик к господину Домовому

Re: Вопросик к господину Домовому

Re: Вопросик к господину Домовому