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

Меню навигации

Shans

Автор Shans,
в Проблемы и решения

 Share Подписчики 0

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

Shans

Shans 0

Опубликовано
Опубликовано

Подскажите как реализовать пункты меню навигации которые вверху страницы "Главная Мои данные Корзина Оформить Выход", что бы они были точно так же и внизу странице в футере над копирайтами?

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

Shans 0

Опубликовано
  • Автор
Опубликовано

кто поможет сделать дизайн как тут http://www.ozon.ru/ шеф сказал содрать все как там... я так понял что можно чисто на css и в шаблоне чуть подправить кто поможет? сделать за вознаграждение само собой. работы не много, прост у самого, что-то не получается все лезет то вверх то в низ.... вот, что получается. http://wisesoft.su/index.php

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

Shans 0

Опубликовано
  • Автор
Опубликовано

Вроде сам чуть почуть разобрался. Спасибо за ответ!-) и если можно еще ответ получить как сделать поиск напротив логотипа?

Вот так просто не получается, они прыгают или одно выше или другое...

<div id="header">

<div class="header-left">

<img src="{$tpl_path}img/logo.png" alt="{$store_name}" />{$box_SEARCH}

</div>

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

KoVaLsKy 59

Опубликовано
Опубликовано

Вроде сам чуть почуть разобрался. Спасибо за ответ!-) и если можно еще ответ получить как сделать поиск напротив логотипа?

Вот так просто не получается, они прыгают или одно выше или другое...

<div id="header">

<div class="header-left">

<img src="{$tpl_path}img/logo.png" alt="{$store_name}" />{$box_SEARCH}

</div>

так в CSS правьте код бокста

вот он



*- Бокс поиск */

#boxSearch

   {

  margin: 0 .5em .5em .5em;

  padding: 0;

   }

/*- Заголовок бокса поиск */

#boxSearch h5

   {

  color: #ff7b08;

  font-weight: bold;

  font-size: 12pt;

  margin: 0;

  padding: 7px 0 7px 10px;

  background-color: #f4f4f4;

  background-image: url(img/vamcart/bg.png);

  background-position: 0 -135px;

  background-repeat: repeat-x;

  border-top: 1px solid #c0c1c2;

  border-left: 1px solid #c0c1c2;

  border-right: 1px solid #c0c1c2;

  border-bottom: 1px solid #c0c1c2;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

  -moz-border-radius-topleft: 8px;

  -webkit-border-top-left-radius: 8px;

  -moz-border-radius-topright: 8px;

  -webkit-border-top-right-radius: 8px;

  vertical-align: middle;

  }

#boxSearch h5 a

   {

  color: #ff7b08;

  font-weight: bold;

  font-size: 12pt;

  text-decoration: none;

   }

/*- /Заголовок бокса поиск */

/*- Содержимое бокса поиск */

#boxSearchContent

   {

  margin: 0;

  padding: .5em;

  background-color: #fff;

  background-image: url(img/vamcart/bg.png);

  background-position: 0 -602px;

  background-repeat: repeat-x;

  border-top: 0px;

  border-left: 1px solid #c0c1c2;

  border-right: 1px solid #c0c1c2;

  border-bottom: 1px solid #c0c1c2;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

  -moz-border-radius-bottomleft: 8px;

  -webkit-border-bottom-left-radius: 8px;

  -moz-border-radius-bottomright: 8px;

  -webkit-border-bottom-right-radius: 8px;

  }

#boxSearchContent p

   {

 	margin: 0 0 0 0;

 	text-align: left;

  }

/*- /Содержимое бокса поиск */

/*- Форма бокса поиск */

.searchboxform input {

width: 80%;

font-size: 1em;

border: 1px solid;

border-color: #666 #ccc #ccc #666;

padding: 2px;

   margin-top: 0.2em;

   margin-bottom: 0.4em;

   border-top-left-radius: 4px;

   border-top-right-radius: 4px;

   border-bottom-left-radius: 4px;

   border-bottom-right-radius: 4px;

   -moz-border-radius-topleft: 4px;

   -webkit-border-top-left-radius: 4px;

   -moz-border-radius-topright: 4px;

   -webkit-border-top-right-radius: 4px;

   -moz-border-radius-bottomleft: 4px;

   -webkit-border-bottom-left-radius: 4px;

   -moz-border-radius-bottomright: 4px;

   -webkit-border-bottom-right-radius: 4px;

}

.searchboxform input:focus, .sffocus, .sffocus {

background-color: #ffc;

}

/*- /Форма бокса поиск */

/*- /Бокс поиск */

[/CODE]

P.S.

меню сделали?

можете показать решение?

сделаю ФАГ с ссылкой на Вас
Ссылка на сообщение
Поделиться на другие сайты
Shans

Shans 0

Опубликовано
  • Автор
Опубликовано

Подскажите как реализовать пункты меню навигации которые вверху страницы "Главная Мои данные Корзина Оформить Выход", что бы они были точно так же и внизу странице в футере над копирайтами?

Проблему решил следующим образом:

1. Открываем /templates/vamshop/index.html и видим

{config_load file="$language/lang_$language.conf" section="index"}

<!-- Контейнер -->

<div id="container">

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

<div id="header">

<div class="header-left">

<img src="{$tpl_path}img/logo.png" alt="{$store_name}" />

</div>

<div class="header-right">

</div>

<div class="clear"></div>

</div>

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

<div id="menu">

<ul>

<li{$1}><a href="{$mainpage}"><span>{#text_mainpage#}</span></a></li>

{if $account}{if $smarty.session.customer_id}

<li{$2}><a href="{$account}"><span>{#link_account#}</span></a></li>

{/if}{/if}

<li{$3}><a href="{$cart}"><span>{#link_cart#}</span></a></li>

<li{$4}><a href="{$checkout}"><span>{#link_checkout#}</span></a></li>

{if $smarty.session.customer_id}

<li{$5}><a href="{$logoff}"><span>{#link_logoff#}</span></a></li>

{else}

<li{$6}><a href="{$login}"><span>{#link_login#}</span></a></li>

{/if}

</ul>

</div>

сюда >>>>>>>>>>

<!-- Навигация -->

<div id="navigation">

<span>{$navtrail}</span>

</div>

<!-- /Навигация -->

<!-- Центр -->

<div id="wrapper">

<div id="content">

{$main_content}

</div>

</div>

<!-- /Центр -->

<!-- Левая колонка -->

<div id="left">

{$box_CATEGORIES}

{$box_FILTERS}

{$box_CONTENT}

{$box_INFORMATION}

{$box_ADD_QUICKIE}

{$box_LAST_VIEWED}

{$box_REVIEWS}

{$box_SEARCH}

{$box_SPECIALS}

{$box_FEATURED}

{$box_LATESTNEWS}

{$box_ARTICLES}

{$box_ARTICLESNEW}

{$box_AUTHORS}

</div>

<!-- /Левая колонка -->

<!-- Правая колонка -->

<div id="right">

{$box_CART}

{$box_LOGIN}

{$box_ADMIN}

{$box_DOWNLOADS}

{$box_AFFILIATE}

{$box_WHATSNEW}

{$box_NEWSLETTER}

{$box_BESTSELLERS}

{$box_INFOBOX}

{$box_CURRENCIES}

{$box_LANGUAGES}

{$box_MANUFACTURERS}

{$box_MANUFACTURERS_INFO}

{$box_FAQ}

</div>

<!-- /Правая колонка -->

<!-- Низ -->

<div id="footer">

{if $BANNER}

<p>

{$BANNER}

</p>

{/if}

<p>

<a href="vam_rss2_info.php"><img src="images/rss.png" alt="RSS" border="0" /></a>

</p>

</div>

<!-- /Низ -->

</div>

<!-- /Контейнер -->

Красным помечено то, что нам надо.

2. Копируем, то, что я выделил красным и вставляем в нужное нам место, в моем случае это было:

{config_load file="$language/lang_$language.conf" section="index"}

<!-- Контейнер -->

<div id="container">

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

<div id="header">

<div class="header-left">

<img src="{$tpl_path}img/logo.png" alt="{$store_name}" />

</div>

<div class="header-right">

</div>

<div class="clear"></div>

</div>

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

<!-- Навигация -->

<div id="navigation">

<span>{$navtrail}</span>

</div>

<!-- /Навигация -->

<!-- Центр -->

<div id="wrapper">

<div id="content">

{$main_content}

</div>

</div>

<!-- /Центр -->

<!-- Левая колонка -->

<div id="left">

{$box_CATEGORIES}

{$box_FILTERS}

{$box_CONTENT}

{$box_INFORMATION}

{$box_ADD_QUICKIE}

{$box_LAST_VIEWED}

{$box_REVIEWS}

{$box_SEARCH}

{$box_SPECIALS}

{$box_FEATURED}

{$box_LATESTNEWS}

{$box_ARTICLES}

{$box_ARTICLESNEW}

{$box_AUTHORS}

</div>

<!-- /Левая колонка -->

<!-- Правая колонка -->

<div id="right">

{$box_CART}

{$box_LOGIN}

{$box_ADMIN}

{$box_DOWNLOADS}

{$box_AFFILIATE}

{$box_WHATSNEW}

{$box_NEWSLETTER}

{$box_BESTSELLERS}

{$box_INFOBOX}

{$box_CURRENCIES}

{$box_LANGUAGES}

{$box_MANUFACTURERS}

{$box_MANUFACTURERS_INFO}

{$box_FAQ}

</div>

<!-- /Правая колонка -->

<!-- Низ -->

<div id="footer">

{if $BANNER}

<p>

{$BANNER}

</p>

{/if}

<p>

<a href="vam_rss2_info.php"><img src="images/rss.png" alt="RSS" border="0" /></a>

</p>

</div>

<!-- /Низ -->

<div id="menu">

<ul>

<li{$1}><a href="{$mainpage}"><span>{#text_mainpage#}</span></a></li>

{if $account}{if $smarty.session.customer_id}

<li{$2}><a href="{$account}"><span>{#link_account#}</span></a></li>

{/if}{/if}

<li{$3}><a href="{$cart}"><span>{#link_cart#}</span></a></li>

<li{$4}><a href="{$checkout}"><span>{#link_checkout#}</span></a></li>

{if $smarty.session.customer_id}

<li{$5}><a href="{$logoff}"><span>{#link_logoff#}</span></a></li>

{else}

<li{$6}><a href="{$login}"><span>{#link_login#}</span></a></li>

{/if}

</ul>

</div>

<!-- /Контейнер -->

В итоге получаем меню над копирайтами, если надо, чтобы меню было и сверху и с низу, то код сверху не удаляем а делаем:



{config_load file="$language/lang_$language.conf" section="index"}

<!-- Контейнер -->

<div id="container">

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

<div id="header">

<div class="header-left">

<img src="{$tpl_path}img/logo.png" alt="{$store_name}" />

</div>

<div class="header-right">


</div>

<div class="clear"></div>

</div>

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

<div id="menu">

<ul>

<li{$1}><a href="{$mainpage}"><span>{#text_mainpage#}</span></a></li>

{if $account}{if $smarty.session.customer_id}

<li{$2}><a href="{$account}"><span>{#link_account#}</span></a></li>

{/if}{/if}

<li{$3}><a href="{$cart}"><span>{#link_cart#}</span></a></li>

<li{$4}><a href="{$checkout}"><span>{#link_checkout#}</span></a></li>

{if $smarty.session.customer_id}

<li{$5}><a href="{$logoff}"><span>{#link_logoff#}</span></a></li>

{else}

<li{$6}><a href="{$login}"><span>{#link_login#}</span></a></li>

{/if}  

</ul>

</div>

<!-- Навигация -->

<div id="navigation">

<span>{$navtrail}</span>

</div>

<!-- /Навигация -->

<!-- Центр -->

<div id="wrapper">

<div id="content">

{$main_content}

</div>

</div>

<!-- /Центр -->

<!-- Левая колонка -->

<div id="left">

{$box_CATEGORIES}

{$box_FILTERS}

{$box_CONTENT}

{$box_INFORMATION}

{$box_ADD_QUICKIE}

{$box_LAST_VIEWED}

{$box_REVIEWS}

{$box_SEARCH}

{$box_SPECIALS}

{$box_FEATURED}

{$box_LATESTNEWS}

{$box_ARTICLES}

{$box_ARTICLESNEW}

{$box_AUTHORS}

</div>

<!-- /Левая колонка -->

<!-- Правая колонка -->

<div id="right">

{$box_CART}

{$box_LOGIN}

{$box_ADMIN}

{$box_DOWNLOADS}

{$box_AFFILIATE}

{$box_WHATSNEW}

{$box_NEWSLETTER}

{$box_BESTSELLERS}

{$box_INFOBOX}

{$box_CURRENCIES}

{$box_LANGUAGES}

{$box_MANUFACTURERS}

{$box_MANUFACTURERS_INFO}

{$box_FAQ}

</div>

<!-- /Правая колонка -->

<!-- Низ -->

<div id="footer">

{if $BANNER}

<p>

{$BANNER}

</p>

{/if}

<p>

<a href="vam_rss2_info.php"><img src="images/rss.png" alt="RSS" border="0" /></a>

</p>

</div>

<!-- /Низ -->

<div id="menu">

<ul>

<li{$1}><a href="{$mainpage}"><span>{#text_mainpage#}</span></a></li>

{if $account}{if $smarty.session.customer_id}

<li{$2}><a href="{$account}"><span>{#link_account#}</span></a></li>

{/if}{/if}

<li{$3}><a href="{$cart}"><span>{#link_cart#}</span></a></li>

<li{$4}><a href="{$checkout}"><span>{#link_checkout#}</span></a></li>

{if $smarty.session.customer_id}

<li{$5}><a href="{$logoff}"><span>{#link_logoff#}</span></a></li>

{else}

<li{$6}><a href="{$login}"><span>{#link_login#}</span></a></li>

{/if}  

</ul>

</div>

<!-- /Контейнер -->

[/CODE]
Ссылка на сообщение
Поделиться на другие сайты
  • 3 months later...
magnat308

magnat308 0

Опубликовано
Опубликовано

здравствуйте. Объясните пожалуйста как добавить по всем правилам дополнительные страницы в меню навигации, где что лежит, желательно на примере. Заранее спасибо.

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

magnat308 0

Опубликовано
Опубликовано

допустим мне надо добавить страницу "контакты", как мне это сделать? Просто я нигде не нашел попунктного объяснения...

Ссылка на сообщение
Поделиться на другие сайты
 Share
Подписчики 0
Перейти к списку тем
×
×
  • Создать...