1 Тема от MrFallen 2013-07-02 05:51:47

  • MrFallen
  • Новичок
  • Неактивен
  • Зарегистрирован: 2013-05-14
  • Сообщений: 22
  • Репутация : [ 0 | 0 ]

Тема: Вход / Регистрация

Сейчас это выглядит не очень красиво.
1. Сейчас так.
2. Как должно быть.

http://i48.fastpic.ru/big/2013/0702/3e/b98c3ed288bd64984774eb4d97a0ad3e.png

Как сделать, чтобы было как под цифрой 2. Где копать?

Поделиться

2 Ответ от ravilr 2013-07-02 06:07:06

  • ravilr
  • ravilr
  • Активист
  • Неактивен
  • Зарегистрирован: 2012-05-14
  • Сообщений: 307
  • Репутация : [ 48 | 0 ]

Re: Вход / Регистрация

Копайте в файле стилей.  В чем проблема назначить ссылкам соответствующие стили оформления?? Шаблон не обязательно править!!

А если совсем глубже копать.. то шаблон тут
\plugins\box\users\views\frontend\userspanel.view.php

+ MrFallen

Поделиться

3 Ответ от MrFallen 2013-07-02 06:54:47

  • MrFallen
  • Новичок
  • Неактивен
  • Зарегистрирован: 2013-05-14
  • Сообщений: 22
  • Репутация : [ 0 | 0 ]

Re: Вход / Регистрация

ravilr пишет:

Копайте в файле стилей.  В чем проблема назначить ссылкам соответствующие стили оформления?? Шаблон не обязательно править!!

А если совсем глубже копать.. то шаблон тут
\plugins\box\users\views\frontend\userspanel.view.php

Благодарю.

Поделиться

4 Ответ от san4es

  • san4es
  • san4es
  • Участник
  • Неактивен
  • Откуда: Киев
  • Зарегистрирован: 2013-06-04
  • Сообщений: 43
  • Репутация : [ 7 | 0 ]

Re: Вход / Регистрация

MrFallen пишет:

Как сделать, чтобы было как под цифрой 2. Где копать?

На скорую руку, держи готовое решение

http://s21.postimg.org/ab41gqlqf/image.png

тэмплейт вьюхи \plugins\box\users\views\frontend\userspanel.view.php


    
        ,

Стили css

.user-panel input{
    padding: 3px 5px 3px 5px;
    border: 1px solid #D1D1D1;
}

.login{
    position: relative;
    left: 7px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.register{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

+ MrFallen

Поделиться

5 Ответ от MrFallen

  • MrFallen
  • Новичок
  • Неактивен
  • Зарегистрирован: 2013-05-14
  • Сообщений: 22
  • Репутация : [ 0 | 0 ]

Re: Вход / Регистрация

san4es пишет:
MrFallen пишет:

Как сделать, чтобы было как под цифрой 2. Где копать?

На скорую руку, держи готовое решение

http://s21.postimg.org/ab41gqlqf/image.png

тэмплейт вьюхи \plugins\box\users\views\frontend\userspanel.view.php


    
        ,

Стили css

.user-panel input{
    padding: 3px 5px 3px 5px;
    border: 1px solid #D1D1D1;
}

.login{
    position: relative;
    left: 7px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.register{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

Спасибо!

Поделиться