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

[Yustus]

Здравствуйте. Подскажите пожалуйста как разместить логотип RBk в шапке сайта.








Картинка для вставки

  Ссылка на картинку http://st.storeland....98/logotipy.jpg


Хотелось бы такой вид

[Castiel]

Yustus (19 Август 2014 - 09:16) писал:

Здравствуйте. Подскажите пожалуйста как разместить логотип RBk в шапке сайта.








Картинка для вставки

  Ссылка на картинку http://st.storeland....98/logotipy.jpg


Хотелось бы такой вид

Здравствуйте, в шаблоне HTML
перед  <!-- Форма поиска -->
Добавляем

<div class="rbkhead">
			  <a href="#"><img src="http://st.storeland.net/8/1290/798/logotipy.jpg" width="150px;" height="100px;"></a>
			</div>

Далее добавляем в main.css

.rbkhead {position: relative;float: right;top: 9px;right: 0px;margin: 0 0 9px 9px;width: 150px;z-index: 15;}

[Yustus]

Большое спасибо.

[Yustus]

Получилось почему-то 2 картинки?

[Castiel]

Yustus (19 Август 2014 - 10:36) писал:

Получилось почему-то 2 картинки?

Удалите это

<div style="position: relative;float: right;top: 9px;right: 0px;margin: 0 0 9px 9px;width: 150px;z-index: 15;">
			  <a href="#"><img src="http://st.storeland.net/8/1290/798/logotipy.jpg" width="150px;" height="100px;"></a>
			</div>

[Yustus]

Спасибо большое.

[vasya2]

Здравствуйте! Помогите! тоже надо!  только еще с текстом выше картинки "принимаем к оплате"
логотип на сайте http://st.nailykt.ru...853/logoRBK.jpg

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

• 

[Юля123]

vasya2 (29 Февраль 2016 - 14:00) писал:

Здравствуйте! Помогите! тоже надо!  только еще с текстом выше картинки "принимаем к оплате"
логотип на сайте http://st.nailykt.ru...853/logoRBK.jpg

Здравствуйте, в шаблоне HTML после кода:

<!--END logo-->

добавьте код:

		 <div class="rbk-banner">
			 Принимем к оплате
			 <img src="ссылка на картинку" alt="" title="" />
		 </div>

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

.rbk-banner {
position: absolute;
top: 106px;
left: 295px;
color: #fff;
}
.rbk-banner img {
width: 85px;
display: block;
}

Картинку добавьте на сайт в редакторе шаблонов слева нажав на кнопку "Добавить файлы", и "ссылка на картинку" замените на соответствующую ссылку.

[vasya2]

получилось, но немного не в том месте и на мобильной версии тоже, как поправить?

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

• 
• 

[vasya2]

поменял логотип на длинный, надо вот его поставить ровно под поиском по магазину и в мобильной версии тоже под поиском (после номера телефона)

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

• 
• 

[Юля123]

vasya2 (29 Февраль 2016 - 15:10) писал:

поменял логотип на длинный, надо вот его поставить ровно под поиском по магазину и в мобильной версии тоже под поиском (после номера телефона)

Для этого в main.css код:

.rbk-banner {
position: absolute;
top: 106px;
left: 295px;
color: #fff;
}

замените на код:

.rbk-banner {
position: absolute;
top: 106px;
left: 220px;
color: #fff;
}

далее после кода:

@media only screen and (max-width:480px){

добавьте код:

  .rbk-banner {
	position: relative !important;
	top: -19px !important;
	left: 59px !important;
	width: 213px !important;
}

[vasya2]

спасибо, поправил на компе норм, на обычном режиме телефона норм, а вот боком косяк скрин кидаю

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

• 

[Юля123]

vasya2 (29 Февраль 2016 - 15:34) писал:

спасибо, поправил на компе норм, на обычном режиме телефона норм, а вот боком косяк скрин кидаю

после кода:

@media only screen and (min-width:420px) and (max-width:656px){

добавьте код:

  .rbk-banner {
	top: 132px !important;
}

значение можете изменять на нужное Вам.

[vasya2]

еще на разных мониторах по разному... на широкоформатке нормально, на квадратном сьехало правее

[vasya2]

можно как-нибудь закрепить эту надпись с логотипом за поиском по магазину ? чтоб не зависимо от размеров мониторов она была ровно под поиском?

[Юля123]

vasya2 (29 Февраль 2016 - 16:08) писал:

можно как-нибудь закрепить эту надпись с логотипом за поиском по магазину ? чтоб не зависимо от размеров мониторов она была ровно под поиском?

Произвела Вам изменения, посмотрите, пожалуйста.

[vasya2]

на широкоформатном мониторе и на телефоне всяко разно отлично! на квадратном мониторе не могу уже проверить, если что напишу, СПАСИБО!

[vasya2]

изменил немного логотип (убрал рбк моней), логотип увеличился в размере, как размер убавить немного?

[MikDark]

vasya2 (03 Июль 2016 - 17:30) писал:

изменил немного логотип (убрал рбк моней), логотип увеличился в размере, как размер убавить немного?

Если Вы о логотипах платежных систем, то в main.css Вам нужно найти код:

.rbk-banner img {
	width: 200px;
	display: block;
	margin: 0 auto;
}

и уменьшить значение width

[vasya2]

Спасибо!