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

[Andrew S.]

Всё очень читаемо получается не смотря на то, что фон тёмный. Вообще всё отлично получается!

Тут вот где таблица (закиньте в корзину немного товаров):



1. Границы сделать цвета 444444, чтобы они тоже не распространились на другие цвета:

2. Добавить полосу-границу того же цвета 444444 под легендой таблицы.

3. Поставить по центру по горизонтали и по вертикали всё в таблице, кроме последней строчки "итого".

4. Изменить цвет "итого ... рублей" на d0d0d2.



Остальное я сам исправил. Тут не могу найти где всё это.

[Vaccina]

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

.cartListTable {
  border: 1px solid #dbdbdb;
  max-width: 100%;
  min-width: 300px;
  width: 100%;
}

измените цвет border

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

.cartListTable thead th:first-child {
	text-align: center;
}

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

.basket td {
  height: 30px;
  line-height: 2;
  padding: 0 0.5%;
}

замените на:

.basket td {
	height: 30px;
	line-height: 2;
	padding: 0 0.5%;
	text-align: center;
	vertical-align: middle;
}

4.Измените значение стиля color у следующего блока:

.cartListTable tfoot th:last-child {
  color: #444;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}

[Andrew S.]

Vaccina (31 Январь 2015 - 06:01) писал:

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

.cartListTable {
border: 1px solid #dbdbdb;
max-width: 100%;
min-width: 300px;
width: 100%;
}

измените цвет border

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

.cartListTable thead th:first-child {
text-align: center;
}

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

.basket td {
height: 30px;
line-height: 2;
padding: 0 0.5%;
}

замените на:

.basket td {
height: 30px;
line-height: 2;
padding: 0 0.5%;
text-align: center;
vertical-align: middle;
}

4.Измените значение стиля color у следующего блока:

.cartListTable tfoot th:last-child {
color: #444;
font-size: 18px;
font-weight: bold;
text-align: right;
}

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



2. Потом, мы ещё не сделали в шапке чтобы всё по центру было.

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

[Vaccina]

1. После:

.basket td {
  height: 30px;
  line-height: 2;
  padding: 0 0.5%;
  text-align: center;
  vertical-align: middle;
}

вставьте:

.basket td:nth-child(2) {
	text-align: left;
}

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

.cartNameBlock {
  overflow: hidden;
  padding: 0 1%;
  text-align: left;
  width: 75%;
}
.cartDeleteBlock {
  text-align: right;
  width: 15%;
}

замените на:

.cartNameBlock {
  overflow: hidden;
  padding: 0 1%;
  text-align: center;
  width: 75%;
}
.cartDeleteBlock {
  text-align: center;
  width: 15%;
}

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

tr.oneOrderLine {
  border-top: 1px solid #d9d9d9;
}

[Andrew S.]

Vaccina (31 Январь 2015 - 06:48) писал:

1. После:

.basket td {
height: 30px;
line-height: 2;
padding: 0 0.5%;
text-align: center;
vertical-align: middle;
}

вставьте:

.basket td:nth-child(2) {
text-align: left;
}

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

.cartNameBlock {
overflow: hidden;
padding: 0 1%;
text-align: left;
width: 75%;
}
.cartDeleteBlock {
text-align: right;
width: 15%;
}

замените на:

.cartNameBlock {
overflow: hidden;
padding: 0 1%;
text-align: center;
width: 75%;
}
.cartDeleteBlock {
text-align: center;
width: 15%;
}

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

tr.oneOrderLine {
border-top: 1px solid #d9d9d9;
}

Спасибо!

А вот эти вот межстрочные? Последнее тут:

[Vaccina]

Их вы найдите в main.css в следующем блоке стилей:

.cartListTable tr.cartTovar {
  border-bottom: 1px solid #dbdbdb;
}

[Andrew S.]

Vaccina (31 Январь 2015 - 07:23) писал:

Их вы найдите в main.css в следующем блоке стилей:

.cartListTable tr.cartTovar {
border-bottom: 1px solid #dbdbdb;
}

Ну и как Вам результат? Уже вроде всё. Может ещё что-то обнаружится..

Посмотрите ещё, почему невозможно регулировать количество товара в оформленном заказе..

И скажите, пожалуйста, можно ли сделать постоянную настройку для сайта, чтобы горизонтальные полосы все отображались в заданном цвете?

[Vaccina]

1.Возможно вы имели ввиду в шаблоне Корзина, где и происходит сам процесс оформления? При смене кол-ва и нажатия кнопки перерасчета меняется итоговая сумма

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

hr {
	border: 1px solid white;
}

вместо white вставьте свое цветовое значение

[Andrew S.]

Vaccina (31 Январь 2015 - 07:45) писал:

1.Возможно вы имели ввиду в шаблоне Корзина, где и происходит сам процесс оформления? При смене кол-ва и нажатия кнопки перерасчета меняется итоговая сумма

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

hr {
border: 1px solid white;
}

вместо white вставьте свое цветовое значение

Нет. Например: захожу в редактирование главной страницы. Там есть кнопка: добавить горизонтальную линию. Я их отметил на картинке. Они стоят между таблицами на главной. Вот сделать так, чтобы просто добавлять эту границу, а она уже не этого светлого цвета будет, а тёмного. Код как-бы чтобы был вшит в код.

[Vaccina]

Так стиль выше облегчит вставку данной границы, далее просто добавляете в текст <hr/> и сразу с заданными заранее стилями будет светлая полоса.

Если табличным ячейкам лично хотите задавать стили, то это будет выглядеть следующим образом:

<td style="border:1px solid #fff;">текст</td>

[Andrew S.]

Вы сказали про корзину.. Проверил.. Печаль там небольшая ((



1. Помогите цвет итого сделать как цвет цены.

2. И чтобы названия товаров и их цены стояли слева. Опять настройки взялись с тех таблиц.. Плохо когда так. Всё завязано на одном (

Vaccina (31 Январь 2015 - 07:52) писал:

Так стиль выше облегчит вставку данной границы, далее просто добавляете в текст <hr/> и сразу с заданными заранее стилями будет светлая полоса.

Если табличным ячейкам лично хотите задавать стили, то это будет выглядеть следующим образом:

<td style="border:1px solid #fff;">текст</td>

Просто граница не всегда идёт под текстом, а иногда под таблицей. Там уже так не добавишь..

[Vaccina]

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

.listCart .cartPricingBlock {
	color: #000;
}

Да нет, тут мы сами задавали, вроде просили расположить по центру, возможно, я запуталась и не то предложила, извнияюсь, в main.css найдите:

.cartNameBlock {
  overflow: hidden;
  padding: 0 1%;
  text-align: center;
  width: 75%;
}

замените на:

.cartNameBlock {
  overflow: hidden;
  padding: 0 1%;
  text-align: left;
  width: 75%;
}

[Andrew S.]

Vaccina (31 Январь 2015 - 07:58) писал:

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

.listCart .cartPricingBlock {
color: #000;
}

Да нет, тут мы сами задавали, вроде просили расположить по центру, возможно, я запуталась и не то предложила, извнияюсь, в main.css найдите:

.cartNameBlock {
overflow: hidden;
padding: 0 1%;
text-align: center;
width: 75%;
}

замените на:

.cartNameBlock {
overflow: hidden;
padding: 0 1%;
text-align: left;
width: 75%;
}

Если так поможете, то всё будет просто в шоколаде:

Вы как-то сделали так, что в шапке слово "Название" - стоит также слева как и названия товаров. Это хорошо очень.


Можно ли вот тут также сделать?

И чтобы общая сумма стояла справа.

Вообще тогда будет просто классно.

[Alekseys]

Andrew S. (31 Январь 2015 - 08:08) писал:

Если так поможете, то всё будет просто в шоколаде:

Вы как-то сделали так, что в шапке слово "Название" - стоит также слева как и названия товаров. Это хорошо очень.
Shokolad1.png

Можно ли вот тут также сделать?
Shokolad2.png
И чтобы общая сумма стояла справа.

Вообще тогда будет просто классно.

Здравствуйте. Пожалуйста, укажите ссылку на данную страницу.

[Andrew S.]

Я хочу Вакцину тут подождать.. Она тут всё знает..

[Vaccina]

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

.scrollTabl .basket th:nth-child(2) {
	text-align: left;
}
.scrollTabl .basket th:last-child {
  text-align: right;
}

только проверьте не скажется ли данное изменение на других таблицах на странице корзины и подобных

[Andrew S.]

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

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

.scrollTabl .basket th:nth-child(2) {
text-align: left;
}
.scrollTabl .basket th:last-child {
text-align: right;
}

только проверьте не скажется ли данное изменение на других таблицах на странице корзины и подобных

Вроде всё ок..

[Andrew S.]

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


Это на первом шаге оформления заказа.


А это на последнем.

Цвет границ вроде FAFAFA.

[Юля123]

Andrew S. (19 Декабрь 2015 - 21:23) писал:

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

Gran1.png
Это на первом шаге оформления заказа.

Gran2.png
А это на последнем.

Цвет границ вроде FAFAFA.

Здравствуйте, в конце main.css добавьте код:

table.basket.cartListTable thead {
	border: 1px solid #FAFAFA;
}
table.basket.positionOrder thead {
	border: 1px solid #FAFAFA;
}

[Andrew S.]

Юля123 (21 Декабрь 2015 - 14:46) писал:

Здравствуйте, в конце main.css добавьте код:

table.basket.cartListTable thead {
border: 1px solid #FAFAFA;
}
table.basket.positionOrder thead {
border: 1px solid #FAFAFA;
}

Изменения не произошло. Ещё заметил, что "Итого" не отделяется горизонтальной линией, такой же, на последнем шаге.