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


Рамки, Фон В Шаблоне Лайт


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

#61 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 29 Апрель 2013 - 14:57

Просмотр сообщенияKoderhan (29 Апрель 2013 - 14:25) писал:

Для того чтобы фон не повторялся можно изменить код:
.contentTable>tbody:last-child {
background-color: gray;/*цвет фона*/
background: url(адрес изображения) no-repeat;
}
Для изменения высоты шрифта в меню.
В файле "main.css".
Найти код:
.contentTableHeadNavigation {text-align:center;}
Заменить:
.contentTableHeadNavigation {
text-align:center;
font-size: 14px;/*размер шрифта*/
}
Цвета http://ru.wikipedia....i/Список_цветов
Отличный список цветов! Вот только всё равно кусок нижнего фона не отображается в самом внизу справа. Это как-то можно исправить?

#62 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 29 Апрель 2013 - 15:28

Эффекта для шрифта никакого не бывает? Типа True Type, с обводом каким-нибудь...? Что-нибудь :( Помогите :(

Я нашёл. Text shadow :)

#63 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 29 Апрель 2013 - 16:12

Подскажите только на счет куска фона в самом низу справа.. Как его дозалить :( Сантиметр остался :(

#64 support 2.0

support 2.0

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

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

Отправлено 29 Апрель 2013 - 17:14

Просмотр сообщенияAndrew S. (29 Апрель 2013 - 16:12) писал:

Подскажите только на счет куска фона в самом низу справа.. Как его дозалить :( Сантиметр остался :(

Для этого можно попробовать вот что сделать:
в файле main.css найдите
.contentTable {width: 99%;}
замените на
.contentTable {width: 99.99%;}


#65 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 29 Апрель 2013 - 17:41

Просмотр сообщенияsupport 2.0 (29 Апрель 2013 - 17:14) писал:

Для этого можно попробовать вот что сделать:
в файле main.css найдите
.contentTable {width: 99%;}
замените на
.contentTable {width: 99.99%;}
Блин. Крутбл!

#66 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Июль 2013 - 03:54

Помогите ещё немного, пожалуйста.
1. Вот есть пара скиншотов:
[attachment=10182:Без наведения.png]
[attachment=10183:С наведением.png]
Кнопка "найти" меняется. Помогите добавить функцию отображения второго значка корзины при наведении.

2. А также как добавить функцию стиля для слов:
- Товаров в корзине: 0 шт. - чтобы буквы с фоном не сливались
- На общую сумму: 0 рублей - то же самое - нули пусть будут красные как и были

Мы с вами эту функцию сделали для верхнего меню. Где сейчас буквы белые с тенью. Где найти эти слова и добавить к ним что-нибудь такое же?

3. Добавить этот же параметр к рамкам, его я хочу сделать по-другому, как эффект вдавленности тени (просто подскажите куда этот параметр вставить, а я им уже там сам поиграюсь, как лучше:
[attachment=10184:Рамка - 1.jpg]
[attachment=10185:Рамки - 2.jpg]

4. Можно ли сделать такую прикольную штуку? :::: скриншот ::::::
[attachment=10187:Развернуть условия доставки.jpg]
[attachment=10188:Свернуть условия доставки.jpg]
Если это проблематично и долго - то не надо.

#67 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Июль 2013 - 04:09

1. Сайт - Редактор шаблонов - main.css - найдите:
.orderIcon {
	background: url("http://files.storeland.net/f638/778/cart-43-36.png") no-repeat scroll -1px -3px transparent;
	display: block;
	height: 36px;
	width: 36px;
}
это блок иконки корзины, под ним вставляем сл.блок:
.contentTableHeadCart:hover .orderIcon{
background: url("http://files.storeland.net/f638/778/cart2.png") no-repeat scroll -1px -3px transparent;
}

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

2.В том же шаблоне найдите:
.contentTableHeadCart {
	vertical-align: middle;
	width: 1%;
}
замените на:
.contentTableHeadCart {
	color: #FFFFFF;
	vertical-align: middle;
	width: 1%;
}
можете цвет изменить на любой другой, я поставила белый, также тут можете поиграть с размерами шрифтов через font-size

3. тот же шаблон, найдите:
.page {
	border: 1px solid #DCECF7;
	padding: 1em;
	width: auto;
}
замените на:
.page {
	border: 1px solid #DCECF7;
	box-shadow: 0 0 3px #999999;
	padding: 1em;
	width: auto;
}

4. Эта тема уже обсуждалась у нас на форуме, вы можете ознакомиться с ней перейдя по сл.ссылке:
http://forum.storela...тавки-в-описан/

#68 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Июль 2013 - 04:56

Просмотр сообщенияVaccina (06 Июль 2013 - 04:09) писал:

1. Сайт - Редактор шаблонов - main.css - найдите:
.orderIcon {
background: url("http://files.storeland.net/f638/778/cart-43-36.png") no-repeat scroll -1px -3px transparent;
display: block;
height: 36px;
width: 36px;
}
это блок иконки корзины, под ним вставляем сл.блок:
.contentTableHeadCart:hover .orderIcon{
background: url("http://files.storeland.net/f638/778/cart2.png") no-repeat scroll -1px -3px transparent;
}

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

2.В том же шаблоне найдите:
.contentTableHeadCart {
vertical-align: middle;
width: 1%;
}
замените на:
.contentTableHeadCart {
color: #FFFFFF;
vertical-align: middle;
width: 1%;
}
можете цвет изменить на любой другой, я поставила белый, также тут можете поиграть с размерами шрифтов через font-size

3. тот же шаблон, найдите:
.page {
border: 1px solid #DCECF7;
padding: 1em;
width: auto;
}
замените на:
.page {
border: 1px solid #DCECF7;
box-shadow: 0 0 3px #999999;
padding: 1em;
width: auto;
}

4. Эта тема уже обсуждалась у нас на форуме, вы можете ознакомиться с ней перейдя по сл.ссылке:
http://forum.storela...тавки-в-описан/

1. Всё получилось. Спасибо!

2. Не могу найти где эта функция находится.

3. Тоже не получается. Тень включается, но не могу добиться эффекта вот такого: http://vremenno.net/...ss/text-shadow/
Функция text-shadow тут вроде как тоже не работает. Подскажите?

4. Буду сейчас пробовать..

#69 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Июль 2013 - 05:05

2. Сайт - Редактор тем - main.css - попробуйте искать через Ctrl+F по сл.фразе .contentTableHeadCart
3. Тут необходимо не text-shadow использовать, а box-shadow подробнее о стиле тут: http://htmlbook.ru/css/box-shadow
text-shadow - используется для текста, а box-shadow для блоков.

#70 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Июль 2013 - 07:43

Просмотр сообщенияVaccina (06 Июль 2013 - 05:05) писал:

2. Сайт - Редактор тем - main.css - попробуйте искать через Ctrl+F по сл.фразе .contentTableHeadCart
3. Тут необходимо не text-shadow использовать, а box-shadow подробнее о стиле тут: http://htmlbook.ru/css/box-shadow
text-shadow - используется для текста, а box-shadow для блоков.
Всё хорошо, получается... Еще не сделали вот это:
[attachment=10189:Вокруг фото товара и справа.jpg]

#71 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Июль 2013 - 07:49

Для рамок в шаблоне main.css найдите:
.goodsDataMainImage {
	border: 1px solid #DCECF7;
}
и
.goodsDataMainOrder {
	border: 1px solid #DCECF7;
}
измените имеющуюся рамку или пропишите им box-shadow с необходимыми вам значениями

На счет доставки, в файле main.css найдите:
.goodsDataMainModificationsBlock, .goodsDataMainDiscountBlock, .goodsDataMainDeliveryBlock, .goodsDataMainModificationsDescriptionBlock {
	border-top: 1px solid #DCECF7;
}
и удалите стиль border-top: 1px solid #DCECF7;




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

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