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


Дизайн Фона


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

#1 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

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

Добрый день модераторы!) Прошу вас подсказать как в адаптивный шаблон радость вставить свой фон
1 в боковые панели
2 в футер
3 в шапку


siap1.jpg Безымянный.png

#2 (Рекбес)

(Рекбес)

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

  • Пользователи
  • PipPipPipPip
  • 217 сообщений
  • ГородКемерово

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

Пфф,уже столько раз все об этом спрашивали и столько раз на форуме было ответов. Этж просто. :)
Зайди в  main.css и у меня это строка под номером 9 у тебя может быть по другому,но суть наверное та же.
На скрине показано,куда нужно вставить свою ссылку на свой фон,фон предварительно загрузи себе на сайт в раздел файлы.

Изображение

#3 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 28 Октябрь 2013 - 14:28

о мерси) мерси) только нет такого) хи

#4 (Рекбес)

(Рекбес)

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

  • Пользователи
  • PipPipPipPip
  • 217 сообщений
  • ГородКемерово

Отправлено 28 Октябрь 2013 - 14:47

ща перебегу временно на Радость посмотрю.

Просмотр сообщениязлая я))) (28 Октябрь 2013 - 14:28) писал:

о мерси) мерси) только нет такого) хи
Есть, в радости это 13 строка в  main.css
body { background:url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg') #e6e4db center top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; margin:0;padding:0;color:#000;}
Вставь вместо ссылки bg-repeat-x.jpg свою ссылку на фон.

Если фон сразу не увидишь, как только вставишь ссылку не пугайся,просто почисти кеш в браузере.

#5 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 28 Октябрь 2013 - 15:19

это изображение отвечает за часть фона в шапке и ни как не относится к общему фону/

#6 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 28 Октябрь 2013 - 15:32

общий фон залит горем пополам) как залить вверху белую полоску в шапке.....

#7 ne_yana

ne_yana

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

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

Отправлено 28 Октябрь 2013 - 16:42

Просмотр сообщениязлая я))) (28 Октябрь 2013 - 15:32) писал:

общий фон залит горем пополам) как залить вверху белую полоску в шапке.....
Белую полосу можно залить, заменив
#header {
background: url('http://design.sensual-shop.ru/header-bg.jpg') -10px 42px no-repeat;
height: 200px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 22;
}
на
#header {
background: url('http://design.sensual-shop.ru/header-bg.jpg') -10px 42px no-repeat red;
height: 200px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 22;
}
Вместо red выберите желаемый цвет.

#8 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 28 Октябрь 2013 - 19:09

а подскажите как переместить
1 лого (убрать изображение просто чтоб был клик с переходом на главнную в месте где указано на скрине)
2 переместить поиск
3 переместить корзину вверх
4 переместить контакты

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

  • Безымянный.png


#9 Vaccina

Vaccina

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

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

Отправлено 29 Октябрь 2013 - 04:54

1. Добавьте в файл стилей main.css

#header .topmain .logotype {
	bottom: 0;
	height: 100px !important;
	left: 10px;
	margin: 0 !important;
	position: absolute;
}

#header .topmain .logotype a {
	display: block;
	height: 100px;
	width: 30%;
}

для изменения положение элемента измените свойства left и bottom. Далее добавьте

#header {
   background: none !important;
}

2. Добавьте в файл стилей

#header .topmain .barright {
	left: 220px;
	position: absolute;
	top: 10px;
}

для изменения положения элемента измените свойства left и top

3. Добавьте в файл стилей

.cartInfo {
	position: absolute;
	right: 10px;
	top: 10px;
}

для изменения положения элемента измените свойства right и top

4. Добавьте в файл стилей

#header .bottommain .headleft {
	left: 10px;
	position: absolute;
	top: 10px;
}

для изменения положения элемента измените свойства left и top

#10 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

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

1 87            

<div class="topmain over">
                <div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo.jpg" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
                <div class="barright fright txtalgnrgh">
                 <div class="search fright over clr">
                        <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
                                <div class="block-shadow">
                                  <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" />
                                  <div id="delete"><span id="x" >x</span></div>
                                </div>
                                <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" />
                        </form>
          </div>
как изменить эту строку чтоб не отображалась ссыка а просто было кликабельно

#11 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2013 - 10:32

и еще почему то пропала картинка шапки
а контакты как то сузились их растянуть бы на уровень корзины

#12 miyako

miyako

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

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

Отправлено 29 Октябрь 2013 - 11:01

Просмотр сообщениязлая я))) (29 Октябрь 2013 - 10:16) писал:

1 87

<div class="topmain over">
<div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo.jpg" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
<div class="barright fright txtalgnrgh">
<div class="search fright over clr">
<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
<div class="block-shadow">
  <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" />
  <div id="delete"><span id="x" >x</span></div>
</div>
<input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" />
</form>
  </div>
как изменить эту строку чтоб не отображалась ссыка а просто было кликабельно

Если Вы о логотипе, то вставьте в конец main.css код -
.logotype a{text-decoration:none;}


#13 miyako

miyako

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

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

Отправлено 29 Октябрь 2013 - 11:11

Просмотр сообщениязлая я))) (29 Октябрь 2013 - 10:32) писал:

и еще почему то пропала картинка шапки
а контакты как то сузились их растянуть бы на уровень корзины

Проверьте Вы не удаляли изображение bg-repeat-x.jpg ?

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

  • пропала шапка.png


#14 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2013 - 11:15

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

Просмотр сообщенияmiyako (29 Октябрь 2013 - 11:11) писал:

Проверьте Вы не удаляли изображение bg-repeat-x.jpg ?
да удаляли чтоб не было полоски сейчас я поставлю его но оно не меняет длинны контактов

#15 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2013 - 11:29

вот скрин как сейчас и как нужно

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

  • Безымянный.png


#16 miyako

miyako

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

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

Отправлено 29 Октябрь 2013 - 13:23

Просмотр сообщениязлая я))) (29 Октябрь 2013 - 11:29) писал:

вот скрин как сейчас и как нужно

Область под логотип можно убрать так -
.logotype img{display:none;}

или вовсе убрать код из шаблона HTML -
  <div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo.jpg" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>

Вы говорили, что пропала шапка. Вопрос этот уже не актуален?

Найдите код в main.css -
#header .bottommain .headleft {
left: 880px;
position: absolute;
top: 100px;
}
и замените на -
#header .bottommain .headleft {
left: 880px;
position: absolute;
top: 100px;
width: 128px;
}


#17 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2013 - 14:22

но если убрать область логотипа как же сделать это место в шапке кликабельным?

#18 Koderhan

Koderhan

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

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

Отправлено 29 Октябрь 2013 - 14:37

Просмотр сообщениязлая я))) (29 Октябрь 2013 - 14:22) писал:

но если убрать область логотипа как же сделать это место в шапке кликабельным?
Если хотите удалить картинку но оставить область кликаберльной.
Можно в файле html.
Код:
<div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo.jpg" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
Заменить:
<div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><div class="block-logo" style="display:block;width:100%;height:100%;"></div></a></div>





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

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