делаем вертикальную кнопку

Тема в разделе "OpenCart", создана пользователем etens1212, 20 авг 2013.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    339
    Симпатии:
    19
    у меня проблемка
    видете http://niceprice100.com.ua/ справа кнопка заказть звонок
    можна такую же сделать только слева отзызвы
     
  2. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    в строке 6 /callme/templates/apple/style.css
    в #callme
    удали сточку
    right:0
     
  3. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    339
    Симпатии:
    19
    так я хочу новую добавить
    отдельную
     
  4. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    <div id="callme2">здесь ссылка на форму отзывов</div>
    в /callme/templates/apple/style.css
    добавить код
    #callme2 {
    height: 151px;
    position: fixed;
    top: 150px;
    width: 22px;
    z-index: 110;
    }
     
  5. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    339
    Симпатии:
    19
  6. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    что не так то?
    появится слева...
    <div id="callme2">о<br/>т<br/>з<br/>ы<br/>в<br/>ы</div>
    добавь к стилю
    background-color: rgb(24, 38, 8);
    color: white;
    padding: 5px 5px 5px 15px;
     
  7. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    339
    Симпатии:
    19
    А можно как то полутше чем <br/>
     
  8. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    напримет так
    <div id="callme2"><div id="rotateText">отзывы</div></div>
    в ксс добавить
    #rotateText{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    }
    --- добавлено: 20 авг 2013 в 20:42 ---
    а можно ширину сделать жестко и текст не выйдет
     
  9. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    339
    Симпатии:
    19
    все почти получилось
    делаю на 2 языка

    вот в header.tpl
    <a href="/reviews.html"><div id="callme2"><div id="rotateText"><?php echo $text_reviews; ?></div></div></a>
    а вот перевод $_['text_reviews'] = 'Отзывы о нас';
    не работатет http://niceprice100.com.ua/