Jump to content

Изменить шапку в шаблоне?


Recommended Posts

Добрый день

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

1. Изменить фон шапки (она белая, хочу черную)? Спасибо

2. В шапке вместо одной картинки вставить 2, чтобы первая выравнивалась по левому краю, вторая - по правому (не нашел код таблицы в index.html)?

3. Логотип сделать ссылкой? Разобрался *8 )

Буду очень признателен...

Link to post
Share on other sites
  • Replies 66
  • Created
  • Last Reply

Top Posters In This Topic

  • support

    26

  • AXWER

    12

  • nik.ducas2011

    9

  • netler

    7

1. Добавить в /templates/vamshop/stylesheet.css что-то вроде:


div#header
  {
    background: #000;
  }
[/code]

2. Если не делал никогда дивами, а делал таблицами, просто вставь таблицу внтурь div id="header" ... /div и делай как знаешь.

Link to post
Share on other sites

А как всё-таки две картинки в шапке сделать? А то у меня под первую уходит..

Link to post
Share on other sites

А какой у тебя шаблон?

Если б была ссылка "живая", смог бы что-то конкретное скаказать.

Просто наверное ошибка в html или css.

Link to post
Share on other sites

Шаблон vamshop, код ниже:

<!-- Шапка -->
<div id="header">
  <a href="/index.php"><img src="{$tpl_path}img/logo2.gif" alt="На главную" border="0" /></a><br /> {$BANNER}
  <p>
<!-- /Шапка -->[/code]

И баннер не хочет показывать, что делать?

Ах, да, ссылка - faktoriya.com.ua

Link to post
Share on other sites

А баннер в какую группу добавлен в Админке - Разное - Инструменты - Менеджер баннеров?!

Баннер должен находиться в группе banner

Link to post
Share on other sites

Две картинки с выравниванием по правому и левому краю сделал так:

Было

<div id="header">

        <a href="http://www.poster-shop.com.ua"><img src="{$tpl_path}img/logo.gif" alt="{$store_name}" /></a><img src="{$tpl_path}img/corner.gif"

</div>

Стало

<div id="header">

<table width=100% border=0 cellspacing=0 cellpadding=0>

  <TR>

        <TD align=left><a href="http://www.poster-shop.com.ua"><img src="{$tpl_path}img/logo.gif" alt="{$store_name}" /></a></TD> <td width=100%></td><TD align=right><img src="{$tpl_path}img/corner.gif"</TD>

    </TR>

</table>

</div>

Link to post
Share on other sites

<div id="header">

<table width=100% border=0 cellspacing=0 cellpadding=0>

  <TR>

        <TD align=left><a href="адрес сайта"><img src="{$tpl_path}img/картинка_1.jpg" alt="{$store_name}" /></a></TD>

        <TD width=100%></td><TD align=right><img src="{$tpl_path}img/картинка_2.gif"                                                </TD>

  </TR>

</table>

</div>

Link to post
Share on other sites
  • 8 months later...

Добрый день. Никак не могу справиться с шапкой. Пытаюсь разбросать две картинки по разным сторонам шапки

http://www.axwer.ru/

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

<div id="header">

  <table width=100% border=0 cellspacing=0 cellpadding=0>

  <TR>

        <img src="{$tpl_path}img/shapka123456.gif" align="left">

        <TD width=100%></td><TD align=right><img src="{$tpl_path}img/logo1.gif"                                                </TD>

  </TR>

</table>

</div>

В stylesheet.css так

/* Верх */

div#header

  {

    background:  url(img/shapka1234.gif);

    width: 100%;

  }

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

/* Верх */

Подскажите пожалуйста, где ошибка?

Link to post
Share on other sites

Ну так картинка shapka123456.gif должна же быть внутри ячейки таблицы, т.е. внутри:


<TD width=100%></td>
[/code]

Link to post
Share on other sites

В очередной раз спасибо Саша), естественно помогло)

Кстати, если я захочу вставить еще картинку посередине, мне надо будет так же сделать код, только center?

Link to post
Share on other sites

Не за что

Да, добавьте ещё одну колонку таблицы (td ... /td)

Link to post
Share on other sites

Добрый день!

Саша, подскажи пожалуйста, как в шапку добавить текстовую информацию.

В частности, нужно вставить контактный телефон и график работы, примерно в таком виде:

Тел.: +7(111) 111 11 11

доставка с 0.00 до 0.00

Попробовал кинуть информацию в шапку в виде gif, но шрифт после конвертации из photoshop получает какой-то белый абрис.

Помоги, пожалуйста, разобраться.

Link to post
Share on other sites

В /templates/шаблон/index.html просто нарисуйте свой html код, если не знаете как блоками делать, нарисуйте просто таблицу и вставьте информацию, например в левую колонку логотип, в правую текст.

Что-то вроде:


<table>
<tr>
<td width="200">логотип</td>
<td width=" 80%">текст</td>
</tr>
</table>
[/code]

Link to post
Share on other sites

Спасибо!

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

телефон в одной строке,

доставка в следующей

и т.д.

Код такой:

<table width=100% border=0 cellspacing=0 cellpadding=0>

  <TR>

       

        <TD width=100%><img src="{$tpl_path}img/shapka123456.gif" align="left"></td>

<td width=" 80%">Тел.: +7(000) 000 00 00 Доставка осуществляется с 00 до 00 Заказы принимаются с 00 до 00</td>

<td width="200"><img src="{$tpl_path}img/logo1.gif" align="right"></td>

</table>

Link to post
Share on other sites

Ставьте тэг br, там где нужно перевести каретку на новую строку.

Link to post
Share on other sites

×
×
  • Create New...