Дизайн Фона
#1
Отправлено 28 Октябрь 2013 - 13:59
1 в боковые панели
2 в футер
3 в шапку
#2
Отправлено 28 Октябрь 2013 - 14:20
Зайди в main.css и у меня это строка под номером 9 у тебя может быть по другому,но суть наверное та же.
На скрине показано,куда нужно вставить свою ссылку на свой фон,фон предварительно загрузи себе на сайт в раздел файлы.
#3
Отправлено 28 Октябрь 2013 - 14:28
#4
Отправлено 28 Октябрь 2013 - 14:47
злая я))) (28 Октябрь 2013 - 14:28) писал:
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
Отправлено 28 Октябрь 2013 - 15:19
#6
Отправлено 28 Октябрь 2013 - 15:32
#7
Отправлено 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 выберите желаемый цвет.
#9
Отправлено 29 Октябрь 2013 - 04:54
#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
Отправлено 29 Октябрь 2013 - 10:16
<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
Отправлено 29 Октябрь 2013 - 10:32
а контакты как то сузились их растянуть бы на уровень корзины
#12
Отправлено 29 Октябрь 2013 - 11:01
злая я))) (29 Октябрь 2013 - 10:16) писал:
<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;}
#14
Отправлено 29 Октябрь 2013 - 11:15
miyako (29 Октябрь 2013 - 11:11) писал:
#16
Отправлено 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
Отправлено 29 Октябрь 2013 - 14:22
#18
Отправлено 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 анонимных