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


Как Изменить Размер Лого Отображающегося На Сайте?


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

#1 skipperok13

skipperok13

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

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

Отправлено 04 Октябрь 2013 - 13:10

Как изменить размер лого отображающегося на сайте? (логотип + ниже дискрипт в одном изображении) Хочу сделать его больше: САЙТ
Заранее благодарен за помощь!

#2 ne_yana

ne_yana

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

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

Отправлено 04 Октябрь 2013 - 14:27

Просмотр сообщенияskipperok13 (04 Октябрь 2013 - 13:10) писал:

Как изменить размер лого отображающегося на сайте? (логотип + ниже дискрипт в одном изображении) Хочу сделать его больше: САЙТ
Заранее благодарен за помощь!

Добрый день, в файле bootstrap.min.css
.thumbnail>img{display:block;max-width:100%;margin-right:auto;margin-left:0}
замените на
.thumbnail>img{display:block;max-width: 124%;margin-right:auto;margin-left: -29px;}


#3 skipperok13

skipperok13

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

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

Отправлено 05 Октябрь 2013 - 14:51

Спасибо большое! И еще один вопросик: как вставить в шапку сайта фотографию надо товарами во весь блок? Планируется делать это часто для акций и предложениям),
Заранее благодарен!
Изображение

#4 support 2.0

support 2.0

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

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

Отправлено 05 Октябрь 2013 - 18:55

Просмотр сообщенияskipperok13 (05 Октябрь 2013 - 14:51) писал:

Спасибо большое! И еще один вопросик: как вставить в шапку сайта фотографию надо товарами во весь блок? Планируется делать это часто для акций и предложениям),
Заранее благодарен!
Изображение
Здравствуйте, Вы можете поставить там слайдер для изображений. Таким образом будет возможно сразу несколько изображений в него поместить

Поднять логотип выше можно так:
измените строчку
.thumbnail>img{display:block;max-width: 124%;margin-right:auto;margin-left: -29px;}
на
.thumbnail>img{display:block;max-width: 124%;margin-right:auto;margin-left: -29px;margin-top: -35px;}


#5 skipperok13

skipperok13

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

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

Отправлено 05 Октябрь 2013 - 20:25

Просмотр сообщенияsupport 2.0 (05 Октябрь 2013 - 18:55) писал:

Здравствуйте, Вы можете поставить там слайдер для изображений. Таким образом будет возможно сразу несколько изображений в него поместить

Поднять логотип выше можно так:
измените строчку
.thumbnail>img{display:block;max-width: 124%;margin-right:auto;margin-left: -29px;}
на
.thumbnail>img{display:block;max-width: 124%;margin-right:auto;margin-left: -29px;margin-top: -35px;}

Сделал все по инструкции, слайдер установился после товаров САЙТ. Как его поместить в шапку над товарами?
И как поставить свои изображения? И почему то в правом верхнем углу слайдера отображается маленькая фотография. как ее убрать?

#6 support 2.0

support 2.0

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

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

Отправлено 05 Октябрь 2013 - 20:36

Просмотр сообщенияskipperok13 (05 Октябрь 2013 - 20:25) писал:

Сделал все по инструкции, слайдер установился после товаров САЙТ. Как его поместить в шапку над товарами?
И как поставить свои изображения?
Поставьте тогда код из 11. пункта той инструкции сразу после

		  <!-- Главная страница -->
		  {% IF index_page %}
			<div class="cms-index-index">
			  <div class="col-main" style="padding:0;">
				<div class="row std">

чтобы поставить свои изображения, замените ссылки
http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg
/img/faq/questions/nyvo_slider/nemo.jpg
http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg
http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg
http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg


#7 skipperok13

skipperok13

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

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

Отправлено 06 Октябрь 2013 - 16:47

Просмотр сообщенияsupport 2.0 (05 Октябрь 2013 - 20:36) писал:

Поставьте тогда код из 11. пункта той инструкции сразу после

		 <!-- Главная страница -->
		 {% IF index_page %}
		 <div class="cms-index-index">
			 <div class="col-main" style="padding:0;">
			 <div class="row std">

чтобы поставить свои изображения, замените ссылки
http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg
/img/faq/questions/nyvo_slider/nemo.jpg
http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg
http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg
http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg


Спасибо!

#8 skipperok13

skipperok13

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

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

Отправлено 14 Октябрь 2013 - 10:21

Подскажите !
Поменял лого, но он стал маленьким. Хочу делать его по высоте вровень со слайдером. И телефон опустить ниже от лого. Заранее благодарен

#9 ne_yana

ne_yana

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

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

Отправлено 14 Октябрь 2013 - 10:28

Просмотр сообщенияskipperok13 (14 Октябрь 2013 - 10:21) писал:

Подскажите !
Поменял лого, но он стал маленьким. Хочу делать его по высоте вровень со слайдером. И телефон опустить ниже от лого. Заранее благодарен

Добрый день, к сожалению, логотип сейчас максимально возможного размера. Он стал меньше, так как изменились его пропорции. Чтобы опустить ниже телефон, найдите в файле main.css
.phone {
font-size: 2.35em;
vertical-align: middle;
float: left;
margin-top: 5px;
color: #488ccc;
}
замените на
.phone {
font-size: 2.35em;
vertical-align: middle;
float: left;
margin-top: 18px;
color: #488ccc;
}


#10 skipperok13

skipperok13

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

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

Отправлено 14 Октябрь 2013 - 10:53

Просмотр сообщенияne_yana (14 Октябрь 2013 - 10:28) писал:

Добрый день, к сожалению, логотип сейчас максимально возможного размера. Он стал меньше, так как изменились его пропорции. Чтобы опустить ниже телефон, найдите в файле main.css
.phone {
font-size: 2.35em;
vertical-align: middle;
float: left;
margin-top: 5px;
color: #488ccc;
}
замените на
.phone {
font-size: 2.35em;
vertical-align: middle;
float: left;
margin-top: 18px;
color: #488ccc;
}

и никакого альтернативного варианта сровнять по высоте лого и слайдер нету?

#11 miyako

miyako

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

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

Отправлено 14 Октябрь 2013 - 10:54

Просмотр сообщенияskipperok13 (14 Октябрь 2013 - 10:53) писал:

и никакого альтернативного варианта сровнять по высоте лого и слайдер нету?

Не совсем понятно почему Вам такой вариант не походит?

#12 skipperok13

skipperok13

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

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

Отправлено 14 Октябрь 2013 - 10:59

Просмотр сообщенияmiyako (14 Октябрь 2013 - 10:54) писал:

Не совсем понятно почему Вам такой вариант не походит?

Ну вот посмотрите как выглядит вариант если лого одинаковой высоты, и как это выглядит сейчас

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

  • Скриншот 2013-10-14 11.59.01.png


#13 ne_yana

ne_yana

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

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

Отправлено 14 Октябрь 2013 - 11:22

Просмотр сообщенияskipperok13 (14 Октябрь 2013 - 10:59) писал:

Ну вот посмотрите как выглядит вариант если лого одинаковой высоты, и как это выглядит сейчас

На приведенном выше рисунке надпись сделана в 2 строки и картинка квадратная, можно попробовать установить его. Если Вы все же хотите установить логотип, находящийся сейчас на сайте, можно попробовать в файле bootstrap.min.css заменить
.thumbnail>img {
display: block;
max-width: 124%;
margin-right: auto;
margin-left: -20px;
margin-top: -9px;
}
на
.thumbnail>img {
display: block;
max-width: 200%;
margin-right: auto;
margin-left: -44px;
margin-top: -9px;
height: 229px;
width: 282px;
}

Получится, как на прикрепленной картинке

#14 skipperok13

skipperok13

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

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

Отправлено 14 Октябрь 2013 - 11:27

Просмотр сообщенияne_yana (14 Октябрь 2013 - 11:22) писал:

На приведенном выше рисунке надпись сделана в 2 строки и картинка квадратная, можно попробовать установить его. Если Вы все же хотите установить логотип, находящийся сейчас на сайте, можно попробовать в файле bootstrap.min.css заменить
.thumbnail>img {
display: block;
max-width: 124%;
margin-right: auto;
margin-left: -20px;
margin-top: -9px;
}
на
.thumbnail>img {
display: block;
max-width: 200%;
margin-right: auto;
margin-left: -44px;
margin-top: -9px;
height: 229px;
width: 282px;
}

Подогнался по размеру но как я понял пропорции нарушились и лого растянулся)
Не могу сообразить какого размера  исходник сделать?)

#15 ne_yana

ne_yana

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

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

Отправлено 14 Октябрь 2013 - 11:29

Просмотр сообщенияskipperok13 (14 Октябрь 2013 - 11:27) писал:

Подогнался по размеру но как я понял пропорции нарушились и лого растянулся)
Не могу сообразить какого размера  исходник сделать?)
Ширина:228px
Высота:229 px

#16 skipperok13

skipperok13

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

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

Отправлено 14 Октябрь 2013 - 11:34

Просмотр сообщенияne_yana (14 Октябрь 2013 - 11:29) писал:

Ширина:228px
Высота:229 px

Сделал, но тоже самое -  она растянут как то сайт

#17 ne_yana

ne_yana

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

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

Отправлено 14 Октябрь 2013 - 11:41

Просмотр сообщенияskipperok13 (14 Октябрь 2013 - 11:34) писал:

Сделал, но тоже самое -  она растянут как то сайт
Необходимо еще в файле bootstrap.min.css заменить
.thumbnail>img {
display: block;
max-width: 200%;
margin-right: auto;
margin-left: -44px;
margin-top: -9px;
height: 229px;
width: 282px;
}
на
.thumbnail>img {
display: block;
margin-right: auto;
margin-top: -9px;
height: 229px;
width: 282px;
}


#18 skipperok13

skipperok13

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

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

Отправлено 14 Октябрь 2013 - 11:46

Просмотр сообщенияne_yana (14 Октябрь 2013 - 11:41) писал:

Необходимо еще в файле bootstrap.min.css заменить
.thumbnail>img {
display: block;
max-width: 200%;
margin-right: auto;
margin-left: -44px;
margin-top: -9px;
height: 229px;
width: 282px;
}
на
.thumbnail>img {
display: block;
margin-right: auto;
margin-top: -9px;
height: 229px;
width: 282px;
}


Ура! Яночка спасбио Вам огромное!) В который раз радуете и помогаете мои задумки реализовать! =)

#19 vaskis07

vaskis07

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 03 Апрель 2014 - 09:31

может не в той теме   то  сорри
1 как поставить текст справа от лого?( что то типа слогана)
2 как растянуть логотип?
спасибо
SL-280534

#20 Castiel

Castiel

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

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

Отправлено 03 Апрель 2014 - 09:37

Просмотр сообщенияvaskis07 (03 Апрель 2014 - 09:31) писал:

может не в той теме   то  сорри
1 как поставить текст справа от лого?( что то типа слогана)
2 как растянуть логотип?
спасибо
SL-280534



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

В шаблоне "HTML"
Находим:
<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /><p>Магазин самогонных аппаратов и бочек из дуба</p></a></div>

Заменяем на:
<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /><span>Магазин самогонных аппаратов и бочек из дуба</span></a></div>


В файле "main.css".
Найти:
.logotype p {
color: #fff;
font-size: 16px;
width: 225px;
}

Заменить:
.logotype span {
color: #fff;
font-size: 16px;
width: 225px;
}

Логотип растягивается автоматически исходя из размеров картинки.





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

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