Изменение размера логотипа

[alex60]

Здравствуйте.

Подскажите как изменить размер логотипа, в дефолтном шаблоне ( 0.2.0 ), так что бы не уезжали кнопки меню ? На форуме ни чего не нашёл.

[fabrikator]

как вариант, вы можете конечно задать размеры "вручную" в файле catalog/view/theme/ваша тема/template/common/header.tpl если найдете строчку

<a href="<?php echo str_replace('&', '&', $home); ?>"><img src="<?php echo $logo; ?>" title="<?php echo $store; ?>" alt="<?php echo $store; ?>"></a>

и внесете например вот такие изменения style="width:ваша ширина; height:ваша длина" после img

есть еще вариант изменить размеры логотипа в фотошопе :-)

а если все-таки "кнопки уехали" - попробуйте их вернуть через файл catalog/view/theme/ваша тема/stylesheet/stylesheet.css указав у блока #header .div4 требуемую величину верхнего отступа (например padding-top:50px;)

[alex60]

Спасибо за развёрнутый ответ :-) , буду пробовать

[alex60]

Ещё раз огромное спасибо, всё получилось :)

[ENNO]

С тем, как установить размеры логотипа, всё понятно, а вот как сделать так, чтоб не перекосило шаблон - имеются некоторые нюансы. У меня при попытке внесения изменений высоты в #header .div4 просто поплыл шаблон. Я не говорю, что fabrikator был не прав, просто для моего шаблона это не подошло, а значит, может не подойти и еще у кого-то.

Я делал следующим образом: допустим, высота вставляемого логотипа составляет 150px, тогда в #header .div3 выставляю height: 150px; (высота логотипа), нахожу разницу между высотой логотипа и изначальным значением высоты в #header .div3, и добавляю полученную разницу к исходной высоте в #header .div1.

Пример: высота логотипа - 150px.

До:

#header .div1 {

/*background: url('../image/header_bg.jpg') no-repeat;*/

width: 960px;

height: 180px;

background-position: left top;

float: left;

padding-left: 80px;

padding-right: 0px;

}

#header .div2 {

float: left;

/*background: url('../image/logo_bg.png') no-repeat;*/

padding-top: 25px;

padding-left: 0px;

height: 76px;

width: 384px;

}

#header .div3 {

float: right;

padding-top: 25px;

padding-right: 25px;

height: 82px;

}

Нахожу разницу: 150-82=68.

После:

#header .div1 {

/*background: url('../image/header_bg.jpg') no-repeat;*/

width: 960px;

height: 248px;

background-position: left top;

float: left;

padding-left: 80px;

padding-right: 0px;

}

#header .div2 {

float: left;

/*background: url('../image/logo_bg.png') no-repeat;*/

padding-top: 25px;

padding-left: 0px;

height: 76px;

width: 384px;

}

#header .div3 {

float: right;

padding-top: 25px;

padding-right: 25px;

height: 150px;

}

И ничего никуда не ползет ;) Не говорю, что это самый правильный путь, но в моем случае от оказался наиболее оптимальным.

[Yoda]

ну от мерседеса колесо тоже в запоржец не влезет, если есть проблема и хотите ответ, то чем детаельнее ее опишите тем лучше, но опятьже эти вопросы ваши все не по теме опенкарта, по теме элементарной верстки, и задают их те кому лень погуглить немного, чтобы разобраться один раз в вопросе и не морочить голову этими мелочами никому!

[evgeniy1215]

Так ребят....обьясните ка нубу..как изменить размер логотипа... нашел у себя такую строчку, но что - то постоянно ошибка выскакивает....

 

 

 

  <a href="<?php echo $home; ?>"><img src="<?php echo $logo;?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a>

 

 

вот сама строка...  размер логотипа нужен 281 на 209

[AlexDW]

берем графический редактор и делаем/уменьшаем в нем логотип нужного размера

потом загружаем его в админке и радуемся

или расстраиваемся - в зависимости от совпадения результата с ожиданиями

[evgeniy1215]

берем графический редактор и делаем/уменьшаем в нем логотип нужного размера

потом загружаем его в админке и радуемся

или расстраиваемся - в зависимости от совпадения результата с ожиданиями

в том то вся и проблема что нужен именно такой размер!!! квадрат "@ать его" а не мизерный прямоугольничек..

[evgeniy1215]

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