Сообщений в теме: 12

[deniska-e]

Приветствую, как изменить положение логотипа(например стандартного Shokko) вправо влево вверх вниз?)
ну и сразу до кучи, как изменить размеры этого самого логотипа?

[MikDark]

deniska-e (22 Декабрь 2014 - 19:08) писал:

Приветствую, как изменить положение логотипа(например стандартного Shokko) вправо влево вверх вниз?)
ну и сразу до кучи, как изменить размеры этого самого логотипа?

В main.css найдите код:

.logo {
float: left;
height: 80px;
width: 250px;
}

и замените на:

.logo {
float: left;
height: 80px;
width: 250px;
margin: 0px 0px 0px 0px;
}

Меняйте значения в margin и двигайте логотип.

Что касается его размера, то в шаблоне HTML есть код:

<div class="logo"><a href="http://{NET_DOMAIN}"><img width="150" src="{ASSETS_IMAGES_PATH}logo.png?design=chocolate"/></a></div>

width отвечает за размер.

[deniska-e]

почемуто меняется размер шапки, а мне нужно сам логотип сместить немного вверх и вправо

[MikDark]

deniska-e (22 Декабрь 2014 - 19:46) писал:

почемуто меняется размер шапки, а мне нужно сам логотип сместить немного вверх и вправо

Пришлите, пожалуйста, номер аккаунта

[deniska-e]

MikDark (22 Декабрь 2014 - 20:00) писал:

Пришлите, пожалуйста, номер аккаунта

• Номер аккаунта:SL-99124

[Alekseys]

deniska-e (23 Декабрь 2014 - 09:39) писал:

• Номер аккаунта:SL-99124

Здравствуйте. Для смещения логотипа отредактируйте изображение header_page.png сместив в нем логотип на нужное место.

[nymphetamin2004]

добрый день а как сделать чтоб логотип автоматом стал вот такой вот без изменения размеров самой картинки? То есть расширить как показано черная рамка.

Прикрепленные изображения

• 

[MikDark]

nymphetamin2004 (08 Январь 2015 - 17:32) писал:

добрый день а как сделать чтоб логотип автоматом стал вот такой вот без изменения размеров самой картинки? То есть расширить как показано черная рамка.

Уточните, пожалуйста, номер аккаунта

[nymphetamin2004]

MikDark (08 Январь 2015 - 17:55) писал:

Уточните, пожалуйста, номер аккаунта

На логотипе домен указан, думал необязательно)
326781

[nymphetamin2004]

и можно тогда сразу вопрос на фон картинку можно поставить? вместо области в contentwrp (если я правильно понял) там цвет #EEEDE2; можно там весто заливки фон картинку поставить?

[Danil]

nymphetamin2004 (09 Январь 2015 - 09:23) писал:

и можно тогда сразу вопрос на фон картинку можно поставить? вместо области в contentwrp (если я правильно понял) там цвет #EEEDE2; можно там весто заливки фон картинку поставить?

Здравствуйте.
1) Для этого нужно загрузить изображение соответствующего размера или воспользоватся нижеприведенной инструкцией.
В main.css найдите код

.logo {
float: left;
height: 80px;
width: 250px;
}

и замените на

.logo {
float: left;
height: 80px;
width: 250px;
margin-right: 9px;
}

Так же в конец main.css добавьте

.logo img {
width: 100%;
}

После найдите в main.css найдите

.logo {
float: none;
margin: 0 auto;
width: auto;
text-align: center;
}

и найдите

.logo {
float: none;
text-align: center;
width: auto;
}

в обоих кодах удалите width: auto;
2) Если вам нужна фоновая картинка в этой области, то
в main.css найдите

.contentwrp {
background: #EEEDE2;
border-bottom: 4px solid #BBB89A;
}

и замените на

.contentwrp {
background: url("{ASSETS_IMAGES_PATH}название картинки");
border-bottom: 4px solid #BBB89A;
}

[nymphetamin2004]

Danil (09 Январь 2015 - 13:09) писал:

Здравствуйте. 1) Для этого нужно загрузить изображение соответствующего размера или воспользоватся нижеприведенной инструкцией. В main.css найдите код

 .logo { float: left; height: 80px; width: 250px; } 

и замените на

 .logo { float: left; height: 80px; width: 250px; margin-right: 9px; } 

Так же в конец main.css добавьте

 .logo img { width: 100%; } 

После найдите в main.css найдите

 .logo { float: none; margin: 0 auto; width: auto; text-align: center; } 

и найдите

 .logo { float: none; text-align: center; width: auto; } 

в обоих кодах удалите width: auto; 2) Если вам нужна фоновая картинка в этой области, то в main.css найдите

 .contentwrp { background: #EEEDE2; border-bottom: 4px solid #BBB89A; } 

и замените на

 .contentwrp { background: url("{ASSETS_IMAGES_PATH}название картинки"); border-bottom: 4px solid #BBB89A; } 

да все что нужно спасибо. но можно ли как то отодвинуть лого чуть дальше от Надписи : главная ?

[Alekseys]

nymphetamin2004 (09 Январь 2015 - 22:41) писал:

да все что нужно спасибо. но можно ли как то отодвинуть лого чуть дальше от Надписи : главная ?

Здравствуйте. Для смещения меню от логотипа в main.css в блоке

.mainmenu .menu {
display: block;
width: 700px;
overflow: hidden;
padding: 20px 5px 0 5px;
float: left;
}

нужно уменьшить параметр width: 700px; и в

.logo {
float: left;
height: 75px;
width: 250px;
margin-right: 9px;
}

увеличить параметр margin-right: 9px;