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


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


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

#1 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 24 Сентябрь 2013 - 00:58

Здравствуйте, я хочу вставить картинку вот сюда(смотреть фото) как это сделать? что бы при этом нечего ни куда не съехало

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

  • стрел.jpg


#2 Сake

Сake

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

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

Отправлено 24 Сентябрь 2013 - 05:49

Найдите в файле стилей main.css

#container {
	margin: 0 auto;
	max-width: 1000px;
	width: 1000px;
}

и замените на

#container {
	margin: 0 auto;
	max-width: 1000px;
	width: 1000px;
	position: relative;
}

далее в шаблоне "HTML" найдите строку

<div id="container">
	 <div id="header">

и замените её на

<div id="container">
	 <div style="height: 200px; overflow: hidden; position: absolute; right: 0; text-align: center; top: 110px; width: 410px;">
		<img src="Адрес изображения" alt="" />
	 </div>
	 <div id="header">

Вам остается только задать адрес к вашему изображению вместо строки "Адрес изображения".

#3 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 24 Сентябрь 2013 - 07:13

Спасибо) еще вопрос как мне теперь вставить картинки туда(смотреть скрин)

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

  • 123.jpg


#4 miyako

miyako

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

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

Отправлено 24 Сентябрь 2013 - 07:50

Просмотр сообщенияRCR (24 Сентябрь 2013 - 07:13) писал:

Спасибо) еще вопрос как мне теперь вставить картинки туда(смотреть скрин)

У Вас сейчас поехала верстка
Найдите код в шаблоне HTML -
</head>
<body>
<div id="backtop">
  <div id="container">
		 <div style="height: 200px; overflow: hidden; position: absolute; right: 0; text-align: center; top: 110px; width: 410px;">
				<img src="http://s993811.storeland.net/6y5y.jpg?5810" alt="" />
		 </div>
		 <div id="header">
	<!-- Шапка сайта -->
	<div id="header">
и замените на -
</head>
<body>
<div id="backtop">
  <div id="container">
		 <div style="height: 200px; overflow: hidden; position: absolute; right: 0; text-align: center; top: 110px; width: 410px;">
				<img src="http://s993811.storeland.net/6y5y.jpg?5810" alt="" />
		 </div>
	
	<!-- Шапка сайта -->
	<div id="header">


#5 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 24 Сентябрь 2013 - 08:08

что поехало? вроде всё норм

#6 miyako

miyako

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

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

Отправлено 24 Сентябрь 2013 - 08:38

Просмотр сообщенияRCR (24 Сентябрь 2013 - 08:08) писал:

что поехало? вроде всё норм

У Вас два одинаковых блока -
<div id="header">
		<!-- Шапка сайта -->
		<div id="header">
Один из них нужно было удалить.

#7 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 24 Сентябрь 2013 - 09:45

исправил) теперь пожалуйста подскажите по поводу вот этого(скрин) как туда вставить картинки (вытянутые что бы тоже нечего ни куда не съехало)

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

  • стрел.jpg


#8 CrazyCat

CrazyCat

    Продвинутый пользователь

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

Отправлено 24 Сентябрь 2013 - 10:00

Здравствуйте!
Сейчас на сайте у Вас все корректно отображается. В соответствии со скриншотом.

#9 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 24 Сентябрь 2013 - 10:53

извините нета фотография. вот которая нужна

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

  • 123.jpg


#10 Stasya

Stasya

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

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

Отправлено 24 Сентябрь 2013 - 12:31

На сколько я понимаю Вы хотите увеличить ширину самой странички с контентом? Если это так то не советую Вам этого делать так как наши шаблоны расчитаны на минимальное расширение 1280*... Поэтому на меньших разрешениях Ваш сайт будет отображаться не совсем корректно и внизу страницы появиться ползунок чтобы просматривать ту или иную часть страницы( левую\ правую). Это не совсем будет удобно для пользователей.

#11 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 24 Сентябрь 2013 - 12:40

Нет, я хочу по бокам тоже вставить картинки , что бы там были не пустые поля а тоже фотографии с товаром

#12 miyako

miyako

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

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

Отправлено 24 Сентябрь 2013 - 13:46

Просмотр сообщенияRCR (24 Сентябрь 2013 - 12:40) писал:

Нет, я хочу по бокам тоже вставить картинки , что бы там были не пустые поля а тоже фотографии с товаром

Найдите код в шаблоне HTML -
<div id="header" >


и замените на  -
<div id="header" style="position:relative;">

<div style="position:absolute;right:-400px;"><img width="400px" height="auto" src="путь до изображений" alt="описание изображений" /></div>
<div style="position:absolute;left:-400px;"><img width="400px" height="auto" src="путь до изображений" alt="описание изображений" /></div>
width="400px - ширина изображений
right:-400px / left:-400px - сдвиг вправо/влево изображений
нужно указывать и сдвиг и ширину изображений одинаковые

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

  • Блоки на Главной.png


#13 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 24 Сентябрь 2013 - 14:45

у меня всё съехало почему то вот скрин

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

  • 321.jpg


#14 miyako

miyako

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

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

Отправлено 24 Сентябрь 2013 - 14:57

Просмотр сообщенияRCR (24 Сентябрь 2013 - 14:45) писал:

у меня всё съехало почему то вот скрин

Сейчас Вы убрали изменения с сайта, попробуйте проделать их заново и оставить.

#15 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 24 Сентябрь 2013 - 15:16

спасибо получилось, еще вопросы))

первый скрин-как мне немного растянуть фото?(черный цвет)

второй скрин- как мне добавить еще фото только пониже?(красный цвет)

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

  • 4321.jpg
  • 4321.jpg


#16 miyako

miyako

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

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

Отправлено 24 Сентябрь 2013 - 15:51

Просмотр сообщенияRCR (24 Сентябрь 2013 - 15:16) писал:

спасибо получилось, еще вопросы))

первый скрин-как мне немного растянуть фото?(черный цвет)

второй скрин- как мне добавить еще фото только пониже?(красный цвет)

Растянуть можно изменяя ширину

width="400px - ширина изображений
right:-400px / left:-400px - сдвиг вправо/влево изображений

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

Другие изображения -
<div style="position:absolute;right:-400px;">
<img width="400px" height="auto" src="путь до изображений" alt="описание изображений" />
<br>
<img width="400px" height="auto" src="путь до изображений" alt="описание изображений" />
<br>
<img width="400px" height="auto" src="путь до изображений" alt="описание изображений" />
</div>
<div style="position:absolute;left:-400px;">
<img width="400px" height="auto" src="путь до изображений" alt="описание изображений" />
<br>
<img width="400px" height="auto" src="путь до изображений" alt="описание изображений" />
<br>
<img width="400px" height="auto" src="путь до изображений" alt="описание изображений" /></div>


#17 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 26 Сентябрь 2013 - 00:52

спасибо)

#18 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 27 Сентябрь 2013 - 22:34

Здравствуйте, у меня еще вопрос появился.

Возможно ли сделать так что бы когда посититель заходил на товар(например Ролики) то ему высвечивался рядом тот товар который может быть ему не обходим( тоесть на примере Роликов это будет допустим шлем или наколеники)?

#19 Vaccina

Vaccina

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

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

Отправлено 28 Сентябрь 2013 - 01:13

Используйте "Сопутствующие товары". Данный вид товаров добавляется в карточке товара. Добавьте товар или зайдите в редактирование существующего товара и нажмите ссылку "Добавить сопутствующий товар" для добавления сопутствующего товара.

#20 RCR

RCR

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 28 Сентябрь 2013 - 20:38

спасибо




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

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