У меня на сайте стоит кнопка ПОДРОБНЕЕ, которая сворачивается и разворачивается при наведении стрелкой мыши. Хочу сделать так, чтобы она была постоянно в развернутом виде и текст читался. Подскажите пожалуйста кто в курсе, где нужно править в коде.
Развернуть текст
section.content div.content_space article div.post_info a.full {
position:absolute;
top:3px;
right:10px;
}
section.content div.content_space article div.post_info a.full:before {
content:"";
position:absolute;
z-index:1;
top:-6px;
right:0;
width:32px;
height:32px;
padding-right:0;
background:url(../images/more.png) 0 0 no-repeat;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
section.content div.content_space article div.post_info a.full:hover:before {padding-right:85px}
section.content div.content_space article div.post_info a.full:after {
content:"подробнее";
position:absolute;
z-index:0;
top:0px;
right:0;
color:#eee;
width:0px;
font-size:12px;
background:#e28933;
height:20px;
line-height:18px;
padding-right:9px;
opacity:0;
border-radius:0 3px 3px 0;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
section.content div.content_space article div.post_info a.full:hover:after {
background:#d88636;
opacity:1;
width:80px;
}[свернуть]
- 18.12.2012 15:26
- 18.12.2012 15:43
может её лучше вообще тогда убрать или заменить на статический текст с гиперссылкой? можно пример действия данной кнопки увидеть, а то не совсем понятно что она делает (как это выглядит)
- 18.12.2012 15:47
Отправил в ЛС
- 18.12.2012 16:00
да уж, куда проще картинку статическую поставить :)
как вариант попробуйте вообще для начала удалить вторую половину кода, отвечающую за hover (наведение)удалить
section.content div.content_space article div.post_info a.full:hover:before {padding-right:85px}
section.content div.content_space article div.post_info a.full:after {
content:"подробнее";
position:absolute;
z-index:0;
top:0px;
right:0;
color:#eee;
width:0px;
font-size:12px;
background:#e28933;
height:20px;
line-height:18px;
padding-right:9px;
opacity:0;
border-radius:0 3px 3px 0;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
section.content div.content_space article div.post_info a.full:hover:after {
background:#d88636;
opacity:1;
width:80px;
}[свернуть]
если не выйдет, попробуйте поэкспериментировать конкретно с hover:after (поставить туда код от hover:before
ну или как-то так... опытным путём, так сказать :)Спасибо сказали:
bljaher(18.12.2012), - 18.12.2012 16:07
Если убрать эту часть кода, то кнопка просто не раскрывается, а я хочу чтоб она не складывалась. Пробовал различные варианты, не выходит так как мне надо

Ладно, спасибо, буду дальше эту кнопку теребить.
Тэги топика:
Похожие темы
| Темы | Раздел | Ответов | Последний пост |
|---|---|---|---|
Кнопка бабло | Дорвеи и black SEO | 19 | 22.07.2012 01:30 |
Не работает кнопка купить | Joomla | 1 | 21.01.2012 14:57 |
Не отображается кнопка +1 | Web программирование | 2 | 05.11.2011 18:33 |
Кнопка Google +1 | Web программирование | 16 | 29.08.2011 01:04 |




