Перейти к содержанию
Форум поддержки пользователей VamShop

Шапка магазина


Рекомендуемые сообщения

Так создайте в стилях

div#header
   {
    background: url(img/logo.jpg);
    width: 100%; 
   }[/code]

без [b]"p"[/b] - должно получиться, у меня это работает.

Ссылка на сообщение
Поделиться на другие сайты
  • Ответов 58
  • Created
  • Последний ответ

Top Posters In This Topic

  • support

    23

  • vovka

    13

  • AXWER

    8

  • Виталий Мишин

    7

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

Ссылка на сообщение
Поделиться на другие сайты

vovka

Оставь пока так, если со временем будет необходимость в изучении css, то сам придёшь к варианту размещения подобных картинок в фон.

Ссылка на сообщение
Поделиться на другие сайты

vovka

В \templates\vamshop\index.html в верху и внизу замени на


<!-- Шапка -->
<div id="header">
  <table width="100%" height="124"  border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<!-- /Шапка -->

и

<!-- /Низ -->
<div id="footer">
  <table width="100%" height="120"  border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<!-- /Низ -->
[/code] В \templates\vamshop\stylesheet.css добавь
[code]/* /Верх */
div#header
   {
     background:  url(img/logo.jpg);
width: 100%;
   }
/* /Верх */
и замени div#footer на
div#footer
   {
     width: 100%;
     background:  url(img/dow.jpg);
   }[/code]

Ссылка на сообщение
Поделиться на другие сайты
  • 1 month later...

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

Вот и непонятно чем пользоваться, в опере не работает админка, а в ИЕ криво отображается товар :D

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

а сам магазин не может за этим следить? Или это надо в css меня размер области принудительно?

Ссылка на сообщение
Поделиться на другие сайты

Возможно, у тебя картинка товара слишком широкая, которая и растягивает всё.

Вы б ссылку дали, тогда можно было бы точно сказать.

Ссылка на сообщение
Поделиться на другие сайты

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

Ссылка на сообщение
Поделиться на другие сайты

Жаль.

Конечно можно.

Самое простое, установить магазин на хостинге, что б руками в конфиг-файлах не копаться, а затем в локальном магазине сделать резервную копию базы в Админке - Разное - Инструменты - Резервное копирование.

Взять полученный файл в /admin/backups и перенести его в эту же папку, но на хостинге.

Затем уже в магазине на хостинге восстановить этот файл в Админке - Разное - Инструменты - Резервное копирование.

Ссылка на сообщение
Поделиться на другие сайты
  • 9 months later...

Добрый день, помогите решить проблемку пожалуйста.

Стал работать над шапкой, решил вставить изображение.

Сделал изменения в \templates\vamshop\index.html и в \templates\vamshop\stylesheet.css, как рекомендовал toyli,

но шапка осталась в виде фона http://www.axwer.ru,

посоветуйте, что нужно поправить?

Ссылка на сообщение
Поделиться на другие сайты

В шапке нет ничего.

Только пытается фон подгрузить, но картинки нет.

Вот такой картинки нет - http://www.axwer.nichost.ru/templates/vamshop/img/shapka1234.jpg

Ссылка на сообщение
Поделиться на другие сайты

в index.html такой код

<!-- Шапка -->

<div id="header">

  <table width="100%" height="124"  border="0" cellspacing="0" cellpadding="0">

    <tr>

      <td>&nbsp;</td>

    </tr>

  </table>

</div>

<!-- /Шапка -->

В stylesheet.css так:

/*<![CDATA[*/

html,body

   {

     margin: 0;

     padding: 0;

     background: #e9eff5;

   }

body

   {

     font: 76% arial,sans-serif;

   }

img

   {

  border: 0;

   }

h2, h3

   {

     margin: 0 0 0 0;

     padding: 0 0 0 0;

   }

   

/* Верх */

div#header

   {

     background:  url(img/shapka1234.jpg);

width: 100%;

   }

/* Верх */

Ссылка на сообщение
Поделиться на другие сайты

Саш, спасибо тебе! Вот что значит взгляд со стороны), картинка в формате gif была)

Только теперь он её не растягивает, а доставляет кусками( почему-то

Ссылка на сообщение
Поделиться на другие сайты

Ну так если это фон, то конечно он будет повторяться.

Добавьте no-repeat в background.

Вы ж гляньте подсказки по css, как например фон записывать что б не повторялся, либо что б повторялся по оси x, по y.

Ссылка на сообщение
Поделиться на другие сайты

Спасибо, что помогаешь Саша! Грустно осознавать свое невежество в этом вопросе.

Сделал, чтобы фон не повторялся, а вот как растянуть не понимаю(

Ссылка на сообщение
Поделиться на другие сайты

Да никак не растянешь, только картинку сделать широкую.

Обычно делают повторяющуюся картинку.

Например ставятся через img src логотип, а подложку делают в виде фона повторяющегося.

Ссылка на сообщение
Поделиться на другие сайты

/* Верх */

div#header

  {

    background:  url(img/shapka1234.gif);

    width: 100%;

  }

  <img src="img/shapka12345.gif" align="left">

/* Верх */

Сделал вот так, виден только фон, а как сделать чтобы картинка с логотипом (shapka12345.gif) была видна?

Ссылка на сообщение
Поделиться на другие сайты

Вставил в индекс

<!-- Шапка -->

<img src="img/shapka12345.gif" align="left">

<div id="header">

  <table width="100%" height="124"  border="0" cellspacing="0" cellpadding="0">

    <tr>

      <td>&nbsp;</td>

    </tr>

  </table>

</div>

<!-- /Шапка -->

На страничке просто отображается пустой блок(

Ссылка на сообщение
Поделиться на другие сайты

×
×
  • Создать...