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


Разметка Страницы


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

#1 Эбболка

Эбболка

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

  • Пользователи
  • PipPipPipPip
  • 1 361 сообщений

Отправлено 07 Ноябрь 2014 - 11:08

возможно ли залить фон так как на скрине?

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

  • 2014-11-07 10-56-37 Скриншот экрана.png


#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 07 Ноябрь 2014 - 11:16

Просмотр сообщенияЭбболка (07 Ноябрь 2014 - 11:08) писал:

возможно ли залить фон так как на скрине?
Здравствуйте.
Пришлите номер аккаунта

#3 Эбболка

Эбболка

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

  • Пользователи
  • PipPipPipPip
  • 1 361 сообщений

Отправлено 07 Ноябрь 2014 - 11:33

Здраствуйте,  я спрашиваю чисто теоретически . Сейчас примеряю шаблон на свой сайт и он просто кажется пустым ..слишком много пространства ,  

Аккаунт SL-237115

#4 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 07 Ноябрь 2014 - 11:43

Просмотр сообщенияЭбболка (07 Ноябрь 2014 - 11:33) писал:

Здраствуйте,  я спрашиваю чисто теоретически . Сейчас примеряю шаблон на свой сайт и он просто кажется пустым ..слишком много пространства ,  

Аккаунт SL-237115
В main.css найдите
#main {
padding: 30px 0;
}
и замените на
#main {
padding: 30px 0;
background: #FF0;
}
Изменяйте значение #FF0(цвет)

#5 Эбболка

Эбболка

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

  • Пользователи
  • PipPipPipPip
  • 1 361 сообщений

Отправлено 07 Ноябрь 2014 - 11:57

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

#6 Эбболка

Эбболка

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

  • Пользователи
  • PipPipPipPip
  • 1 361 сообщений

Отправлено 07 Ноябрь 2014 - 12:43

Очень нравится решение цветовое в шагах доставки оформленное стилем .orderStepName{
  • Скажите а возможно ли его применить для хлебных крошек?


#7 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 07 Ноябрь 2014 - 13:50

Просмотр сообщенияЭбболка (07 Ноябрь 2014 - 12:43) писал:

Очень нравится решение цветовое в шагах доставки оформленное стилем .orderStepName{
  • Скажите а возможно ли его применить для хлебных крошек?
В main.css найдите код
.breadcrumb > li {
display: inline-block;
line-height: 18px;
text-shadow: none;
}
и замените на
.breadcrumb > li {
display: inline-block;
line-height: 18px;
text-shadow: none;
overflow: hidden;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
background-color: #00c59c;
background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
}
Так же в конец main.css добавьте
ul.breadcrumb li strong {
background: #00c59c !important;
}


#8 Эбболка

Эбболка

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

  • Пользователи
  • PipPipPipPip
  • 1 361 сообщений

Отправлено 07 Ноябрь 2014 - 14:28

огромное вм спасибо! и еще последнее
помогите со слайдером его верхняя часть прячется  под интерактивным меню как его сместить в низ

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

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

  • 2014-11-07 14-23-53 Скриншот экрана.png


#9 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 07 Ноябрь 2014 - 14:44

Просмотр сообщенияЭбболка (07 Ноябрь 2014 - 14:28) писал:

огромное вм спасибо! и еще последнее
помогите со слайдером его верхняя часть прячется  под интерактивным меню как его сместить в низ

еще вопрос возможно ли на других страницах на месте слайдера разместить картинки , чтоб они как слайдер уменьшались соразмерно экрану
т.е это будет не слайдер а просто картинка например  в разделе товар или товары как на скрине
В main.css найдите код
#slider1_container {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1920px;
height: 500px;
overflow: hidden;
z-index: 1;
}
2
и замените на
#slider1_container {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1920px;
height: 500px;
overflow: hidden;
z-index: 1;
margin-top: 62px;
}

Уточните, картинка в каталоге должна быть одна или для каждой категории своя?

#10 Эбболка

Эбболка

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

  • Пользователи
  • PipPipPipPip
  • 1 361 сообщений

Отправлено 07 Ноябрь 2014 - 14:53

для категорий . Хочется там разместить рекламу и мотиваторы к покупке

#11 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 07 Ноябрь 2014 - 15:24

Просмотр сообщенияЭбболка (07 Ноябрь 2014 - 14:53) писал:

для категорий . Хочется там разместить рекламу и мотиваторы к покупке
В шаблоне html найдите такой код
	  {% IF PAGE_TITLE = Полный ассортимент сумок %}
		  <img u="image" src="{ASSETS_IMAGES_PATH}Название картинки"  style="width: 100%;">
	  {% ELSEIF  PAGE_TITLE = заголовок в SEO-параметрах, если нет то название категории %}
		  <img u="image" src="{ASSETS_IMAGES_PATH}Название картинки"  style="width: 100%;">

		  {% ENDIF %}
Если нужно добавить еще картинку, в другую категорию, то после
	  {% ELSEIF  PAGE_TITLE = заголовок в SEO-параметрах, если нет то название категории %}
		  <img u="image" src="{ASSETS_IMAGES_PATH}Название картинки"  style="width: 100%;">
добавляем аналогичный код

#12 Эбболка

Эбболка

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

  • Пользователи
  • PipPipPipPip
  • 1 361 сообщений

Отправлено 07 Ноябрь 2014 - 15:47

все спасибо большое) а слайдер ссылкой сделать ?

#13 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 07 Ноябрь 2014 - 16:00

Просмотр сообщенияЭбболка (07 Ноябрь 2014 - 15:47) писал:

все спасибо большое) а слайдер ссылкой сделать ?
Если вам нужно сделать картинку ссылкой, то строку
<img u="image" src="{ASSETS_IMAGES_PATH}Название картинки"  style="width: 100%;">
замените на
<a href="Ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}Название картинки"  style="width: 100%;"></a>
Если нужно слайдер сделать ссылкой, то в шаблоне html найдите
<img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" />
И замените на
<a href="Ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /></a>


#14 Эбболка

Эбболка

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

  • Пользователи
  • PipPipPipPip
  • 1 361 сообщений

Отправлено 07 Ноябрь 2014 - 16:20

большое спасибо за ответы!




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

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