Перейти к содержимому


Сделать Большую Кнопку "регистрация"

Регистрация личный кабинет

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 08 Апрель 2013 - 12:04

Здравствуйте
мой сайт: http://larec-ledenec.ru/
При входе в личный кабинет - Как сделать кнопку "Регистрация" большой?
Например такую же, как у меня в карточке товара - "В корзину"
И опустить ниже надписи "Восстановление пароля"

И еще
Можно ли повесить справа банер?

#2 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 08 Апрель 2013 - 16:41

Для того чтобы создать такую кнопочку Вам необходимо в шаблоне ЛК Авторизация найти блок
<!-- Низ таблицы. Кнопка отправки формы -->
	 <tfoot>
	 <tr>
		 <td colspan="3"><input type="submit" value="Войти" /></td>
	 </tr>
	 <tr>
		 <td colspan="3"><a href="{USER_REGISTER_URL}">Регистрация</a> | <a href="{USER_RECOVERY_URL}">Восстановление пароля</a></td>
	 </tr>
	 </tfoot>
и заменить его на
<!-- Низ таблицы. Кнопка отправки формы -->
	 <tfoot>
	 <tr>
		 <td colspan="3"><input type="submit" value="Войти" /></td>
	 </tr>
	 <tr><td></td>
		 <td><a href="{USER_RECOVERY_URL}" style="margin-left: 45px;">Восстановление пароля</a></td>
	 </tr>
		 <tr><td></td>
	 <td colspan="3"><a class="registr" href="{USER_REGISTER_URL}">Регистрация</a></td>
	 </tr>
	 </tfoot>
Затем в файл main.css добавьте блок
.registr{-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #d3d3d3;
background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555;
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
display: inline-block;
position: relative;
padding: 5px 5px 5px 5px;
text-decoration: none!important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
margin-left: 66px;
}
.registr:hover{
border:1px solid #999;
background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight:normal;color:#212121;}

А баннер справа где именно?

#3 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 08 Апрель 2013 - 18:00

Получилось так:
6.jpg
Квадратиками выделила место где хотелось бы поставить банеры или один большой (что столько места без толку :) )
а вот как я хочу кнопку "Регистрация" - как у меня уже есть кнопка "В корзину"
(такая же кнопка у меня при оплате QIWI "Выставить счет"
7.jpg

#4 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 08 Апрель 2013 - 18:19

В шаблоне ЛК Авторизация в блоке
<!-- Низ таблицы. Кнопка отправки формы -->
	 <tfoot>
	 <tr>
		 <td colspan="3"><input type="submit" value="Войти" /></td>
	 </tr>
	 <tr><td></td>
		 <td><a href="{USER_RECOVERY_URL}" style="margin-left: 45px;">Восстановление пароля</a></td>
	 </tr>
		 <tr><td></td>
	 <td colspan="3"><a class="registr" href="{USER_REGISTER_URL}">Регистрация</a></td>
	 </tr>
	 </tfoot>
замените строку
<td colspan="3"><a class="registr" href="{USER_REGISTER_URL}">Регистрация</a></td>
на
<td colspan="3"><a class="zakaz" href="http://larec-ledenec.ru/user/register">Регистрация</a></td>
  и можете удалить то, что добавляли в файл main.css

#5 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 08 Апрель 2013 - 21:43

Спасибо! Получилось :)
А как сделать банеры справа??

#6 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 08 Апрель 2013 - 22:32

Просмотр сообщенияtanch (08 Апрель 2013 - 21:43) писал:

Спасибо! Получилось :)
А как сделать банеры справа??
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.mybaner1 {
	display: inline-block;
	float: right;
}


Панель администратора, "Сайт"->"Редактор тем".
В файле "".
До кода:

 <!-- Низ таблицы. Кнопка отправки формы -->
	  <tfoot>
		<tr>
		  <td colspan="3"><input type="submit" value="Войти" /></td>
		</tr>
Добавить:
<div class="mybaner1">
		<div class="mybaner2">
		  <img src="адрес картинки" alt="описание" />
		</div>
		<div class="mybaner3">
		  <img src="адрес картинки" alt="описание"/>
		</div>
	  </div>


#7 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 09 Апрель 2013 - 01:22

Спасибо!
Сделала немного по-другому, чтобы было кликабельно
<div class="mybaner1">
				<div class="mybaner2">
				 <a href="ссылка"><img src="адрес картинки" alt="" /></a>
				</div>
				<div style="
			  height: 15px;
			 "></div>
				<div class="mybaner3">
				 <a href="ссылка/"><img src="адрес картинки" alt="" /></a>
				</div>
		  </div>


#8 Elif

Elif

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 117 сообщений
  • ГородСтамбул

Отправлено 24 Июль 2013 - 13:13

Просмотр сообщенияStasya (08 Апрель 2013 - 18:19) писал:

В шаблоне ЛК Авторизация в блоке
<!-- Низ таблицы. Кнопка отправки формы -->
	 <tfoot>
	 <tr>
		 <td colspan="3"><input type="submit" value="Войти" /></td>
	 </tr>
	 <tr><td></td>
		 <td><a href="{USER_RECOVERY_URL}" style="margin-left: 45px;">Восстановление пароля</a></td>
	 </tr>
		 <tr><td></td>
	 <td colspan="3"><a class="registr" href="{USER_REGISTER_URL}">Регистрация</a></td>
	 </tr>
	 </tfoot>
замените строку
<td colspan="3"><a class="registr" href="{USER_REGISTER_URL}">Регистрация</a></td>
на
<td colspan="3"><a class="zakaz" href="http://larec-ledenec.ru/user/register">Регистрация</a></td>
  и можете удалить то, что добавляли в файл main.css

Здравствуйте, а как применить данную рекомендацию в шаблоне "пластик", куда вставить коды? Заранее спасибо!

#9 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 24 Июль 2013 - 15:12

Просмотр сообщенияElif (24 Июль 2013 - 13:13) писал:

Здравствуйте, а как применить данную рекомендацию в шаблоне "пластик", куда вставить коды? Заранее спасибо!
Здравствуйте. Вы хотите изменить внешний вид кнопки "Регистрация" или баннеры тоже хотите вставить?
Чтобы изменить кнопку, в html найдите код
<button type="submit" name="toprev" class="whtblue">Регистрация</button>
замените его на
<button type="submit" name="toprev" class="registration_but">Регистрация</button>
И в конец main.css добавьте стили этой кнопки, например
.registration_but {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #d3d3d3;
background: #F581FF;
font-weight: bold;
color: #FFF;
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
display: inline-block;
position: relative;
padding: 5px 30px 5px 30px;
text-decoration: none !important;
cursor: pointer;
text-align: center;
margin-left: 35%;
}


#10 Elif

Elif

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 117 сообщений
  • ГородСтамбул

Отправлено 24 Июль 2013 - 21:00

Просмотр сообщенияsengun (24 Июль 2013 - 15:12) писал:

Здравствуйте. Вы хотите изменить внешний вид кнопки "Регистрация" или баннеры тоже хотите вставить?
Чтобы изменить кнопку, в html найдите код
<button type="submit" name="toprev" class="whtblue">Регистрация</button>
замените его на
<button type="submit" name="toprev" class="registration_but">Регистрация</button>
И в конец main.css добавьте стили этой кнопки, например
.registration_but {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #d3d3d3;
background: #F581FF;
font-weight: bold;
color: #FFF;
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
display: inline-block;
position: relative;
padding: 5px 30px 5px 30px;
text-decoration: none !important;
cursor: pointer;
text-align: center;
margin-left: 35%;
}
Извините, но я не могу найти код
<button type="submit" name="toprev" class="whtblue">Регистрация</button>
в html шаблоне, подскажите примерно в какой части он находится?

#11 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 24 Июль 2013 - 21:37

Просмотр сообщенияElif (24 Июль 2013 - 21:00) писал:

Извините, но я не могу найти код
<button type="submit" name="toprev" class="whtblue">Регистрация</button>
в html шаблоне, подскажите примерно в какой части он находится?
Простите, пожалуйста, эта строка находится в шаблоне "ЛК Регистрация нового клиента".




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных