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

[Andrew S.]

Добрый день!

У меня очень много чего под заказ.. Но появляется и то, что есть в наличии. На сайте крайне тяжело, можно сказать нереально понять что есть в наличии, поэтому подскажите как сделать такую ссылку-строчку:



Я так понял, что логотип находится в этом среднем блоке, который самый широкий.

Вот нужно как бы прилепить к этому блоку эти слова, чтобы они держались у правой нижней части: "Иконка + Товары в наличии".

Тем же шрифтом и размером, что "0 товаров" (корзина), с тем же размером иконки, с таким же изменением цвета шрифта при наведении, с тем же расстоянием между иконкой и словами:

Сообщение отредактировал Andrew S.: 19 Февраль 2015 - 00:31

[Vaccina]

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

.logoblock-right {
  padding-right: 0.8%;
  padding-top: 1%;
}

замените на:

.logoblock-right {
  float: right;
  padding-right: 0.8%;
  padding-top: 1%;
  text-align: right;
}

Далее в шаблоне HTML найдите:

<div class="logoblock-right">
						</div>

замените на:

<div class="logoblock-right"><a href="ссылка"><img alt="" src="ссылка на иконку">Товары в наличии</a></div>

[Andrew S.]

Vaccina (19 Февраль 2015 - 02:05) писал:

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

.logoblock-right {
padding-right: 0.8%;
padding-top: 1%;
}

замените на:

.logoblock-right {
float: right;
padding-right: 0.8%;
padding-top: 1%;
text-align: right;
}

Далее в шаблоне HTML найдите:

<div class="logoblock-right">
					 </div>

замените на:

<div class="logoblock-right"><a href="ссылка"><img alt="" src="ссылка на иконку">Товары в наличии</a></div>

Спасибо!

Только подскажите как выровнять это?


Оно вверху стоит..

А надо, чтобы было внизу-справа:


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

[Vaccina]

.logoblock-right {
float: right;
padding-right: 0.8%;
padding-top: 1%;
text-align: right;
}

замените на:

.logoblock-right {
  float: right;
  height: 100px;
  padding-right: 0.8%;
  padding-top: 1%;
  text-align: right;
  width: auto;
}
.logoblock-right > a {
  display: table-cell;
  height: 100px;
  vertical-align: bottom;
  width: 100%;
}
.logoblock-right img {
  display: inline-block;
  margin-bottom: -4px;
  margin-right: 10px;
}

[Andrew S.]

Vaccina (19 Февраль 2015 - 03:29) писал:

.logoblock-right {
float: right;
padding-right: 0.8%;
padding-top: 1%;
text-align: right;
}

замените на:

.logoblock-right {
float: right;
height: 100px;
padding-right: 0.8%;
padding-top: 1%;
text-align: right;
width: auto;
}
.logoblock-right > a {
display: table-cell;
height: 100px;
vertical-align: bottom;
width: 100%;
}
.logoblock-right img {
display: inline-block;
margin-bottom: -4px;
margin-right: 10px;
}

Спасибо! Чуть подровнял, но не понял где можно ещё целиком сдвинуть влево на три пикселя:

[Vaccina]

Если вы хотите больше пододвинуть иконку от текста, то в блоке:

.logoblock-right img {
display: inline-block;
margin-bottom: -4px;
margin-right: 10px;
}

увеличьте значение стиля margin-right

Если хотите весь блок в целом пододвинуть, то в следующем блоке:

.logoblock-right > a {
display: table-cell;
height: 100px;
vertical-align: bottom;
width: 100%;
}

добавьте стиль margin-right

[Andrew S.]

Vaccina (19 Февраль 2015 - 03:40) писал:

Если вы хотите больше пододвинуть иконку от текста, то в блоке:

.logoblock-right img {
display: inline-block;
margin-bottom: -4px;
margin-right: 10px;
}

увеличьте значение стиля margin-right

Если хотите весь блок в целом пододвинуть, то в следующем блоке:

.logoblock-right > a {
display: table-cell;
height: 100px;
vertical-align: bottom;
width: 100%;
}

добавьте стиль margin-right

.logoblock-right {
float: right;
height: 100px;
padding-right: 0.8%;
padding-top: 1%;
text-align: right;
width: auto;
}
.logoblock-right > a {
display: table-cell;
height: 100px;
vertical-align: bottom;
width: 100%;
margin-right: 3px;
}
.logoblock-right img {
display: inline-block;
margin-bottom: -3px;
margin-right: 10px;
}

Что-то нет изменений.. Блок целиком..

Сообщение отредактировал Andrew S.: 19 Февраль 2015 - 03:43

[Vaccina]

.logoblock-right > a {
display: table-cell;
height: 100px;
vertical-align: bottom;
width: 100%;
margin-right: 3px;
}

замените на:

.logoblock-right > a {
display: table-cell;
height: 100px;
vertical-align: bottom;
width: 100%;
padding-right: 3px;
}

[Andrew S.]

Vaccina (19 Февраль 2015 - 04:14) писал:

.logoblock-right > a {
display: table-cell;
height: 100px;
vertical-align: bottom;
width: 100%;
margin-right: 3px;
}

замените на:

.logoblock-right > a {
display: table-cell;
height: 100px;
vertical-align: bottom;
width: 100%;
padding-right: 3px;
}

Добрый день!

Помогите, пожалуйста, ещё оформить рядом строчку "Скидки для всех оформивших заказ покупателей!"



Чтобы она шла вровень с той, которую добавили до этого. Не могу за всеми ценами следить, приходится завышать. А они видят цену и... В общем понятно...

Только чтобы она при наведении не менялась.. Наверное не будет, раз она без ссылки..

[Vaccina]

В шаблоне HTML найдите:

<div class="logoblock-center">
						</div>

замените на:

<div class="logoblock-center">
необходимый текст						   
</div>

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

.logoblock-center {
  padding-top: 87px;
  text-align: right;
  vertical-align: bottom;
  width: 50%;
}

[Andrew S.]

Vaccina (25 Февраль 2015 - 02:09) писал:

В шаблоне HTML найдите:

<div class="logoblock-center">
					 </div>

замените на:

<div class="logoblock-center">
необходимый текст						
</div>

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

.logoblock-center {
padding-top: 87px;
text-align: right;
vertical-align: bottom;
width: 50%;
}

Спасибо огромное. Подскажите ещё, пожалуйста, как её на то же расстояние поставить:

[Vaccina]

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

.logoblock-right {
  float: right;
  height: 100px;
  padding-right: 0.8%;
  padding-top: 1%;
  text-align: right;
  width: auto;
}

замените на:

.logoblock-right {
  float: left;
  height: 100px;
  padding-left: 20px;
  padding-right: 0.8%;
  padding-top: 1%;
  text-align: right;
  width: auto;
}

[Andrew S.]

Vaccina (05 Март 2015 - 04:07) писал:

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

.logoblock-right {
float: right;
height: 100px;
padding-right: 0.8%;
padding-top: 1%;
text-align: right;
width: auto;
}

замените на:

.logoblock-right {
float: left;
height: 100px;
padding-left: 20px;
padding-right: 0.8%;
padding-top: 1%;
text-align: right;
width: auto;
}

Не то.. Правая надпись влево смещается, и то не как надо. А надо, чтоб левая надпись сместилась вправо к иконке.

[Vaccina]

Попробуйте следующее, в main.css найдите:

.logoblock-center {
  padding-top: 87px;
  text-align: right;
  vertical-align: bottom;
  width: 50%;
}

замените на:

.logoblock-center {
  margin-left: 30px;
  padding-top: 87px;
  text-align: right;
  vertical-align: bottom;
  width: 50%;
}

[Andrew S.]

Vaccina (14 Март 2015 - 05:39) писал:

Попробуйте следующее, в main.css найдите:

.logoblock-center {
padding-top: 87px;
text-align: right;
vertical-align: bottom;
width: 50%;
}

замените на:

.logoblock-center {
margin-left: 30px;
padding-top: 87px;
text-align: right;
vertical-align: bottom;
width: 50%;
}

Тут проблемка возникает:



При просмотре в адаптивном шаблоне, отступ делается крайне большой..

Вот думаю, можно переместить эти две надписи вот сюда?



Тем же маленьким шрифтом, справа по вертикальной линии-правой границе.

Тогда не будут эти надписи мешать...

[Andrew S.]

Подумал и решил изменить немного:



Вот тут в шапке ещё видно, что в некоторых браузерах в шапке отображается светлый шрифт - как надо. И при наведении тёмный. Кроме количества товаров в корзине (это я изменил в редакторе).

В адресной зелёной строке бывают длинные названия товаров и они могут не вместиться с тем, что предложил перенести в предыдущем сообщении. В итоге хочется сделать простую надпись с двумя ссылками. Не как до этого, двумя отдельными надписями, а одной.

Скидки до 50% | Товары в наличии

Чтобы было 2 ссылки. Скидки до 50% вела бы на страницу с описанием систем скидок. Маленьким шрифтом, более мелким, чем сейчас на синем поле.

А товары в наличии - так и осталась бы ссылка, ведёт она на страницу с существующими товарами.

[Andrew S.]

Поможете здесь?

[Andrew S.]

Добрый день!

Подскажите тут, пожалуйста.

Сообщение 16

Сообщение отредактировал Andrew S.: 31 Март 2015 - 00:04

[Vaccina]

В этом случае необходимо удалить старые стили и вставочный код текста(на синем поле).
Далее в шаблоне Товары найдите:

<div class="body-top-left">
				<header>
					<h1>{% IF CATEGORY_NAME=Каталог товаров %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1>
				</header>
			</div>

после него вставьте:

<div class="right_links"><a href="ссылка">текст</a> | <a href="ссылка">текст</a></div>

Заполните необходимые поля, далее в main.css добавьте:

.right_links {
  float: right;
}
.right_links > a {
  font: 14px/37px Arial;
}

[Andrew S.]

Vaccina (31 Март 2015 - 01:00) писал:

В этом случае необходимо удалить старые стили и вставочный код текста(на синем поле).
Далее в шаблоне Товары найдите:

<div class="body-top-left">
			 <header>
				 <h1>{% IF CATEGORY_NAME=Каталог товаров %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1>
			 </header>
		 </div>

после него вставьте:

<div class="right_links"><a href="ссылка">текст</a> | <a href="ссылка">текст</a></div>

Заполните необходимые поля, далее в main.css добавьте:

.right_links {
float: right;
}
.right_links > a {
font: 14px/37px Arial;
}

Так классно! Ещё и появляется только когда ходят по каталогу. Подскажите ещё куда вставить этот код чтобы это же отображалось и когда человек в товаре находится?