как создать кнопки "войти" и "зарегистрироваться"

[makavelly]

Привет всем, подскажите пожалуйста как вместо "войти" и "зарегистрироваться" на главной вверху создать кнопки "войти" и "зарегистрироваться", то есть вместо текста сделать кнопки с этим текстом.

[OldAine]

Откройте файл ..\catalog\language\russian\common\header.php и замените его содержимое на:

<?php
// Text
$_['text_home']           = 'Главная';
$_['text_wishlist']       = 'Закладки (%s)';
$_['text_shopping_cart']  = 'Корзина покупок';
$_['text_search']         = 'Поиск';
$_['text_welcome']        = '<a class="button" href="%s">Войти</a> или <a class="button" href="%s">зарегистрироваться</a>';
$_['text_logged']         = 'Вы вошли как <a href="%s">%s</a> <b>(</b> <a class="button" href="%s">Выйти</a> <b>)</b>';
$_['text_account']        = 'Постоянный покупатель';
$_['text_checkout']       = 'Оформление заказа';
?>

[makavelly]

А как изменить цвет этих кнопок? например "Вход" зеленным а "Регистрация" красным? Знаю что в стилях но где. Заранее благодарен

[makavelly]

Кто нить поможет? Я так понимаю что эти кнопки являются стандартными для всего сайта и если изменить здесь то изменятся на всем сайте или это не так? Как цвет поменять?

[OldAine]

Да это так, одни для всего сайта. Чтобы это изменит нужно задать другой классовый идентификатор для нужных кнопок например - button2 вместо button

Потом в файле stylesheet.css скопировать все, что относилось к классу button и переименовать button в button2

 

После чего спокойно можно менять визуальные свойства для button2

 

Думаю вам пригодиться этот сайт - лучший учебник html и css ;)

[makavelly]

Спасибо, как я не додумался каждый элемент же имеет свой класс. Спасибо огромное..

[makavelly]

Чето не выходит, вот ниже мой блок кнопок чтобы создать другой класс для одной кнопки например button2 то надо весь блок дублировать и переименовывать везде в блоке где есть button в button2 ? И там еще есть и buttons

 

/* button */

a.button, input.button {
cursor: pointer;
color: #FFFFFF;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: url('../image/button.png') top left repeat-x;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
}
a.button {
display: inline-block;
text-decoration: none;
padding: 6px 12px 6px 12px;
}
input.button {
margin: 0;
border: 0;
height: 24px;
padding: 0px 12px 0px 12px;
}
a.button:hover, input.button:hover {
background: url('../image/button-active.png') repeat-x;
}
.buttons {
background: #FFFFFF;
border: 1px solid #EEEEEE;
overflow: auto;
padding: 6px;
margin-bottom: 20px;
}
.buttons .left {
float: left;
text-align: left;
}
.buttons .right {
float: right;
text-align: right;
}
.buttons .center {
text-align: center;
margin-left: auto;
margin-right: auto;
}

[OldAine]

Ну да, все правильно, копируете все, что связано с button и ставите к уже скопированному цифру 2, потом этот класс(button2) нужно указать для нужной кнопки...

 

+ стили сами изменить, ну это понятно  :-)