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


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


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

#41 Andrew S.

Andrew S.

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

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

Отправлено 14 Март 2013 - 12:54

Просмотр сообщенияStasya (14 Март 2013 - 12:12) писал:

Да, Вы задаете ширину и высота задается соответственно.
Немного не понял. У меня сейчас команда имеет вид:

<div class="logo"><a href="http://{NET_DOMAIN}/"><img src="http://files.storela...era_online.png" alt="{SETTINGS_STORE_NAME}"></a></div>

Мне её полностью заменить?

#42 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 14 Март 2013 - 12:56

Просмотр сообщенияAndrew S. (14 Март 2013 - 12:54) писал:

Немного не понял. У меня сейчас ссылка имеет вид:
<p><div class="logo"><a href="
Вы наверное не целиком скопировали код

#43 Andrew S.

Andrew S.

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

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

Отправлено 14 Март 2013 - 12:58

Просмотр сообщенияmiyako (14 Март 2013 - 12:56) писал:

Вы наверное не целиком скопировали код

Циликом. Просто при сохранении она почему-то обрезалась. Через ворд повторил.

#44 Stasya

Stasya

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

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

Отправлено 14 Март 2013 - 13:00

Просмотр сообщенияAndrew S. (14 Март 2013 - 12:54) писал:

Немного не понял. У меня сейчас команда имеет вид:

<div class="logo"><a href="http://{NET_DOMAIN}/"><img src="http://files.storela...era_online.png" alt="{SETTINGS_STORE_NAME}"></a></div>

Мне её полностью заменить?
Чтобы задать ширину замените свою строку на  вот такую  например
<div class="logo"><a href="http://{NET_DOMAIN}/"><img src="http://files.storela...era_online.png" width="120" alt="{SETTINGS_STORE_NAME}"></a></div>
значение width менятете на свое усмотрение

#45 Andrew S.

Andrew S.

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

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

Отправлено 14 Март 2013 - 13:38

Просмотр сообщенияStasya (14 Март 2013 - 13:00) писал:

Чтобы задать ширину замените свою строку на  вот такую  например
<div class="logo"><a href="http://{NET_DOMAIN}/"><img src="http://files.storela...era_online.png" width="120" alt="{SETTINGS_STORE_NAME}"></a></div>
значение width менятете на свое усмотрение

Some Fail... Как бы да, но и нет. Смотрите красные пометки.
1. Опера, все вроде бы хорошо почти:


IE:


Хром (как обычно, хуже всего. вы можете проверить что он делает если откроете любую страницу моего сайта и сделаете удаление ctrl+колесо мыши, что произойдет. так издеваться над таблицами может только хром):


4. Лиса:


Короче Хром так и не хочет нормально работать. Ему всё не так.

#46 Andrew S.

Andrew S.

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

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

Отправлено 14 Март 2013 - 14:37

Отбой. Поставил номер телефона, график работы и скайп - все ок.

Как поставить e-mail? Как на bigykma.ru

#47 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 14 Март 2013 - 14:52

Просмотр сообщенияAndrew S. (14 Март 2013 - 14:37) писал:

Отбой. Поставил номер телефона, график работы и скайп - все ок.

Как поставить e-mail? Как на bigykma.ru

Е-mail указывается в разделе Настройки - Основные. (Е-майл магазина).
Также вы можете указать е-майл для уведомлений.

#48 Andrew S.

Andrew S.

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

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

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

Как сделать второй фон, чтобы он был прилипший по краям:
Изображение

И заодно где находится значок корзины (в каком шаблоне прописана ссылка на значок этот), чтобы на другую картинку поменять, на квадратную.

#49 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Апрель 2013 - 21:00

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

Как сделать второй фон, чтобы он был прилипший по краям:


И заодно где находится значок корзины (в каком шаблоне прописана ссылка на значок этот), чтобы на другую картинку поменять, на квадратную.
Для того чтобы добавить фон.
В файле "main.css".
Найти код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 10px;
}
Заменить:
.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 10px;
background: url('адрес страницы');
}
Для того чтобы поменять картинку корзины.


В файле "main.css".
Найти код:
.orderIcon						 {width:36px;height:36px;display:block;background:url('http://design.anasfera.com/orderIcons.png') -1px -3px no-repeat;}
Заменить:
.orderIcon {
width:36px;
height:36px;
display:block;
background:url('адрес страницы') -1px -3px no-repeat;
}


#50 Andrew S.

Andrew S.

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

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

Отправлено 26 Апрель 2013 - 06:49

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

Для того чтобы добавить фон.
В файле "main.css".
Найти код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 10px;
}
Заменить:
.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 10px;
background: url('адрес страницы');
}
Для того чтобы поменять картинку корзины.


В файле "main.css".
Найти код:
.orderIcon {width:36px;height:36px;display:block;background:url('http://design.anasfera.com/orderIcons.png') -1px -3px no-repeat;}
Заменить:
.orderIcon {
width:36px;
height:36px;
display:block;
background:url('адрес страницы') -1px -3px no-repeat;
}
Вот что получилось без no-repeat:
Изображение

И вот что получилось с no-repeat:
Изображение

Как сделать чтобы все остальное было белым? Пока всё вернул как было.

И как картинку прижать в размер? Она больше. Уменьшать в редакторе или тут задать можно width или как там..

#51 Andrew S.

Andrew S.

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

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

Отправлено 26 Апрель 2013 - 07:33

С корзиной ничего не получилось. Чего только не пробовал. Картинку уменьшал до 36*36, прозрачность убирал. Ничего не помогает. Картинки нет.

Другая картинка - толку тоже ноль.

#52 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 26 Апрель 2013 - 09:38

для корзины вы картинку меняете в этом блоке стилей ??

.orderIcon {
background: url("http://design.anasfera.com/orderIcons.png") no-repeat scroll -1px -3px transparent;
display: block;
height: 36px;
width: 36px;
}

background: url("http://design.anasfe...orderIcons.png") тут задайте ссылку на вашу иконку корзины
а в этом блоке

.orderIcon.cart {
	background-position: -40px -3px;
}

удалите параметр
    background-position: -40px -3px;

#53 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

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

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

Вот что получилось без no-repeat:


И вот что получилось с no-repeat:


Как сделать чтобы все остальное было белым? Пока всё вернул как было.

И как картинку прижать в размер? Она больше. Уменьшать в редакторе или тут задать можно width или как там..


Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 10px;
}
Заменить:
.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 10px;
background: url('адрес страницы');
background-color: white;/*цвет фона*/
}
Картинку лучше сжать в графическом редакторе.

#54 Andrew S.

Andrew S.

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

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

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

Подскажите почему в хроме всё съехало? В эксплорере, опере и мозилле всё нормально.. Причем съезжает всё когда в товар только заходишь и только в хроме...
Изображение

+ подскажите, пожалуйста, как ещё внизу добавить фон:
Изображение

#55 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

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

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

Подскажите почему в хроме всё съехало? В эксплорере, опере и мозилле всё нормально.. Причем съезжает всё когда в товар только заходишь и только в хроме...


+ подскажите, пожалуйста, как ещё внизу добавить фон:

Для того чтобы исправить в каталоге товаров.
В файле "main.css".
Код:
.goodsDataFormSubmitButton input {margin-right: 10px; display: block; float: right;}
Заменить:
.goodsDataFormSubmitButton input {
margin-right: 10px;
display: block;
}
Для изменения фона подвала вы можете добавить код в файл "main.css".
.contentTable>tbody:last-child {
background-color: gray;/*цвет фона*/
background: url(адрес изображения);
}


#56 Andrew S.

Andrew S.

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

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

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

Всё получилось, но почему-то она с отступом встала:
Изображение

И можно ли подсветить буквы? А то их не видно.
Изображение

#57 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

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

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

Всё получилось, но почему-то она с отступом встала:


И можно ли подсветить буквы? А то их не видно.



Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 10px;
background: url(http://files.storeland.ru/web/upload/sitefiles/6/529/528871/Heads_on.jpg) no-repeat;
background-color: white;/*цвет фона*/
}
Заменить:
.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
background: url(http://files.storeland.ru/web/upload/sitefiles/6/529/528871/Heads_on.jpg) no-repeat;
background-color: white;/*цвет фона*/
}

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.contentTableHeadNavigation a {
	color: green;/*постоянный цвет*/
}
.contentTableHeadNavigation a:hover {
	color: gray;/*цвет при наведение курсора*/
}


#58 Andrew S.

Andrew S.

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

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

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

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

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 10px;
background: url(http://files.storeland.ru/web/upload/sitefiles/6/529/528871/Heads_on.jpg) no-repeat;
background-color: white;/*цвет фона*/
}
Заменить:
.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 1px solid #DCECF7;
background: #fff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
background: url(http://files.storeland.ru/web/upload/sitefiles/6/529/528871/Heads_on.jpg) no-repeat;
background-color: white;/*цвет фона*/
}

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.contentTableHeadNavigation a {
color: green;/*постоянный цвет*/
}
.contentTableHeadNavigation a:hover {
color: gray;/*цвет при наведение курсора*/
}

Кусок в конце нижнего фона пустой.

#59 Andrew S.

Andrew S.

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

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

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

.contentTable>tbody:last-child {
background-color: gray;/*цвет фона*/
background: url(http://files.storela..._pattern_wb.jpg);
}
И можно этому no-repeat где-нибудь добавить а тов эксплорере глюк, когда открывается каждая страница - выскакивают полоски этого фона, а потом исчезают.

Зеленый цвет вообще не в тему. Пытался другие подобрать - не получается. Тут можно шрифт увеличить? И какой цвет стандартный? Пол часа лазил и не могу найти..

Можно контур для этих букв сделать?

#60 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

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

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

.contentTable>tbody:last-child {
background-color: gray;/*цвет фона*/
background: url(http://files.storela..._pattern_wb.jpg);
}
И можно этому no-repeat где-нибудь добавить а тов эксплорере глюк, когда открывается каждая страница - выскакивают полоски этого фона, а потом исчезают.

Зеленый цвет вообще не в тему. Пытался другие подобрать - не получается. Тут можно шрифт увеличить? И какой цвет стандартный? Пол часа лазил и не могу найти..

Можно контур для этих букв сделать?
Для того чтобы фон не повторялся можно изменить код:
.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/Список_цветов




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

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