Как Изменить Размер Лого Отображающегося На Сайте?
#1
Отправлено 04 Октябрь 2013 - 13:10
Заранее благодарен за помощь!
#2
Отправлено 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
Отправлено 05 Октябрь 2013 - 14:51
Заранее благодарен!
#4
Отправлено 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
Отправлено 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
Отправлено 05 Октябрь 2013 - 20:36
skipperok13 (05 Октябрь 2013 - 20:25) писал:
И как поставить свои изображения?
<!-- Главная страница --> {% 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
Отправлено 06 Октябрь 2013 - 16:47
support 2.0 (05 Октябрь 2013 - 20:36) писал:
<!-- Главная страница --> {% 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
Отправлено 14 Октябрь 2013 - 10:21
Поменял лого, но он стал маленьким. Хочу делать его по высоте вровень со слайдером. И телефон опустить ниже от лого. Заранее благодарен
#9
Отправлено 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
Отправлено 14 Октябрь 2013 - 10:53
ne_yana (14 Октябрь 2013 - 10:28) писал:
.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; }
и никакого альтернативного варианта сровнять по высоте лого и слайдер нету?
#13
Отправлено 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
Отправлено 14 Октябрь 2013 - 11:27
ne_yana (14 Октябрь 2013 - 11:22) писал:
.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; }
Подогнался по размеру но как я понял пропорции нарушились и лого растянулся)
Не могу сообразить какого размера исходник сделать?)
#17
Отправлено 14 Октябрь 2013 - 11:41
skipperok13 (14 Октябрь 2013 - 11:34) писал:
.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
Отправлено 14 Октябрь 2013 - 11:46
ne_yana (14 Октябрь 2013 - 11:41) писал:
.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
Отправлено 03 Апрель 2014 - 09:31
1 как поставить текст справа от лого?( что то типа слогана)
2 как растянуть логотип?
спасибо
SL-280534
#20
Отправлено 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 анонимных