Выпадающая кнопка

(Ответов: 4, Просмотров: 937)
  1. очень Аватар для bljaher
    • Регистрация: 29.11.2012
    • Сообщений: 737
    • Репутация: 234
    • Webmoney BL: ?
    У меня на сайте стоит кнопка ПОДРОБНЕЕ, которая сворачивается и разворачивается при наведении стрелкой мыши. Хочу сделать так, чтобы она была постоянно в развернутом виде и текст читался. Подскажите пожалуйста кто в курсе, где нужно править в коде.

    Развернуть текст

    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;
    }
    [свернуть]
    Эксклюзивные кредитные офферы тут
    • 0
  2. Во все тяжкие Аватар для CuxpecT
    • Регистрация: 14.06.2011
    • Сообщений: 2,324
    • Репутация: 2030
    • Webmoney BL: ?
    может её лучше вообще тогда убрать или заменить на статический текст с гиперссылкой? можно пример действия данной кнопки увидеть, а то не совсем понятно что она делает (как это выглядит)
    бох смм
    • 0
  3. очень Аватар для bljaher
    • Регистрация: 29.11.2012
    • Сообщений: 737
    • Репутация: 234
    • Webmoney BL: ?
    Отправил в ЛС
    Эксклюзивные кредитные офферы тут
    • 0
  4. Во все тяжкие Аватар для CuxpecT
    • Регистрация: 14.06.2011
    • Сообщений: 2,324
    • Репутация: 2030
    • Webmoney BL: ?
    да уж, куда проще картинку статическую поставить :)
    как вариант попробуйте вообще для начала удалить вторую половину кода, отвечающую за 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
    ну или как-то так... опытным путём, так сказать :)
    бох смм
    • 1

    Спасибо сказали:

    bljaher(18.12.2012),
  5. очень Аватар для bljaher
    • Регистрация: 29.11.2012
    • Сообщений: 737
    • Репутация: 234
    • Webmoney BL: ?
    Если убрать эту часть кода, то кнопка просто не раскрывается, а я хочу чтоб она не складывалась. Пробовал различные варианты, не выходит так как мне надо
    Ладно, спасибо, буду дальше эту кнопку теребить.
    Эксклюзивные кредитные офферы тут
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Кнопка бабло
Дорвеи и 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

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры