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


Проблемы С Установкой Слайдера

Автор DrVatson, 06 февр. 2013 11:50

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

#1 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 06 Февраль 2013 - 11:50

Подскажите, пожалуйста, как установить данный слайдер http://coolcarousels.frebsite.nl/c/18/ на сайт и сделать так чтобы миниатюры изменяли свой размер в зависимости от размера экрана(мне нужно чтобы слайдер(миниатюры) были на всю ширину экрана). Вставить на сайт вроде получается, но вот изменить ширину не могу.

#2 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 06 Февраль 2013 - 11:52

Просмотр сообщенияDrVatson (06 Февраль 2013 - 11:50) писал:

Подскажите, пожалуйста, как установить данный слайдер http://coolcarousels.frebsite.nl/c/18/ на сайт и сделать так чтобы миниатюры изменяли свой размер в зависимости от размера экрана(мне нужно чтобы слайдер(миниатюры) были на всю ширину экрана). Вставить на сайт вроде получается, но вот изменить ширину не могу.

Инструкция по установке данного слайдера представлена здесь

#3 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 06 Февраль 2013 - 14:31

На сайт я слайдер установил, подскажите как его выровнять по ширине, чтобы он на всю ширину экрана был.  Адрес магазина - kapella-samara.storeland.ru

#4 Koderhan

Koderhan

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

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

Отправлено 06 Февраль 2013 - 15:39

Попробуйте изменить код в файле "HTML".
Найти код:
style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 700px; height: 350px; margin: 0px; overflow: hidden;"
Заменить:
style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 100%; height: 350px; margin: 0px; overflow: hidden;"

Найти код:
style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 0px; margin: 0px; width: 6300px; height: 350px;"
Заменить:
style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 0px; margin: 0px; width: 100%; height: 350px; "

В файл "main.csstemplate".
Добавить код:
#carousel img {
width: 100%;
height: auto;
}

#5 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 07 Февраль 2013 - 00:41

У меня нет таких строк в файле HTML

#6 Koderhan

Koderhan

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

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

Отправлено 07 Февраль 2013 - 10:35

Просмотр сообщенияDrVatson (07 Февраль 2013 - 00:41) писал:

У меня нет таких строк в файле HTML
Возможно есть примерные строки. Просто js изменяет строки при открытие страницы в браузере и пожтому они могут не много различаться.

Пожалуйста не могли бы прислать ваш файл "HTML".

#7 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 07 Февраль 2013 - 21:47

Вот мой файл HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR...D/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>{PAGE_TITLE}</title>
<meta name="keywords" content="{PAGE_META_KEYWORDS}" />
<meta name="description" content="{PAGE_META_DESCRIPTION}" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ru" />
<link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />

<!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->
{% IF PAGE_CANONICAL %}
<link rel="canonical" href="{PAGE_CANONICAL}" />
{% ENDIF %}

<!-- Стили которые не нужно менять, грузятся из папки общих файлов -->
<link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_01.css" type="text/css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}nyroModal/nyroModal.full.css" type="text/css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />

<!-- Стили магазина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

<!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят -->
{% IF JAVASCRIPT_BUG_HUNTING_URL %}
<script type="text/javascript" src="{JAVASCRIPT_BUG_HUNTING_URL}"></script>
{% ENDIF %}

<!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
<!-- Это собранные в один файл скрипты из файлов:
{FORALL_JS_PATH}jquery-1.4.2.min.js
{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js
{FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js
{FORALL_JS_PATH}jquery.validate.min.js
{FORALL_JS_PATH}jquery.capslock.min.js
-->
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

<script src="{ASSETS_JS_PATH}jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>



</head>
<body lang="ru">
<div class="content">
<table class="contentTable" >
<thead>
<tr>
<td class="contentTableHeadMain" rowspan="2">
<!-- Название магазина -->
<div class="logo">{SETTINGS_STORE_NAME}</div>
<div><h7>Европейский дизайн</h7></div>
<!-- Контакты магазина -->
<table>
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<tr>
<td class="contentTableHeadMainPhone">
{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
</td>
</tr>
{% ENDIF %}

<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<tr>
<td class="contentTableHeadMainPhone">
{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
</td>
</tr>
{% ENDIF %}

<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<tr>
<td class="contentTableHeadMainPhone">
{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
</td>
</tr>
{% ENDIF %}

<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<tr>
<td class="contentTableHeadMainWorkTime">
{SETTINGS_STORE_WORK_TIME}
</td>
</tr>
{% ENDIF %}

<!-- Skype номер -->
{% IF SETTINGS_STORE_SKYPE %}
<tr>
<td class="contentTableHeadMainSkype">
<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
</td>
</tr>
{% ENDIF %}

<!-- ICQ номер -->
{% IF SETTINGS_STORE_ICQ %}
<tr>
<td class="contentTableHeadMainIcq">
<img class="valignMiddle" src="http://wwp.icq.com/s...TS}&#38;img=27" alt="Статус" width="16" height="16" />
<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
</td>
</tr>
{% ENDIF %}
</table>

</td>

<!-- Верхний блок навигации -->
<td class="contentTableHeadNavigation">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> {% IF menu.header.links.rindex>1 %}|{% ENDIF %}
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2" class="valignTop">

<div id="carousel" >
<img src="http://kapella-samar...04/e1.jpg?5249" />
<img src="http://kapella-samar...04/e2.jpg?5249" />
<img src="http://kapella-samar...04/e3.jpg?5249" />
<img src="http://kapella-samar...04/e1.jpg?5249" />
</div>

<script type="text/javascript">
$(function() {
$('#carousel').carouFredSel({
items: 1,
scroll: {
fx: 'crossfade'
},
auto: {
timeoutDuration: 5000,
duration: 2000
},
});
});
</script>

{BODY}


</tbody>

<!-- Подвал сайта -->
<tbody>
<tr>
<td colspan="3">
<div class="alignCenter">
{% FOR menu %}
{% FOR footer %}
{% FOR links %}
<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a> {% IF menu.footer.links.rindex>1 %}|{% ENDIF %}
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div class="alignCenter">&copy; {DATE_YEAR} &mdash; &laquo;{SETTINGS_STORE_NAME}&raquo; {SETTINGS_STORE_REGION}</div>
<div class="alignCenter">{SETTINGS_STORE_ORG_NAME}</div>
<div class="alignCenter">{SETTINGS_STORE_HTML_CODE}</div>
</td>
</tr>
</tbody>
<!-- END Подвал сайта -->

</table>

</div>
{COPYRIGHT_FOR_DESIGN_LIGHT}
</body>
</html>

#8 Vaccina

Vaccina

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

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

Отправлено 07 Февраль 2013 - 22:21

Сделать резиновый слайдер не получиться, по крайне мере с используемой вами библиотекой carouFredSel, или nivoSlider. Проблема заключается в том что само изображение нельзя корректно растянуть на весь экран. Слайдер реализуется только фиксированной ширины.

#9 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 11 Февраль 2013 - 22:58

Спасибо за то что помогаете. Отказался от данного слайдера. Сейчас установил Nivo Slider - прописал эффект "исчезновение"('fade'), в мозиле все работает отлично, изображение исчезает плавно, а вот в эксплорере и опере изображение меняется резко - подскажите как исправить данный недостаток. И еще подскажите как в данной теме реализовать выпадающее меню - нужно чтобы в верхнем меню при выборе пункта "Бренды" выпадало подменю с 5 подпунктами.

адрес где нужно это все  реализовать - kapella-samara.storeland.ru

#10 Vaccina

Vaccina

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

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

Отправлено 12 Февраль 2013 - 00:35

Слайдер на вашем сайте в опере так же плавно изменяет слайды как и в браузере мозила.
Информацию по выпадающему меню вы можете найти например тут http://forum.storela...еню/#entry27791
или же вы можете воспользоваться поиском по форуму используя запрос header1

#11 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 12 Февраль 2013 - 09:14

Просмотр сообщенияDrVatson (11 Февраль 2013 - 22:58) писал:

Спасибо за то что помогаете. Отказался от данного слайдера. Сейчас установил Nivo Slider - прописал эффект "исчезновение"('fade'), в мозиле все работает отлично, изображение исчезает плавно, а вот в эксплорере и опере изображение меняется резко - подскажите как исправить данный недостаток. И еще подскажите как в данной теме реализовать выпадающее меню - нужно чтобы в верхнем меню при выборе пункта "Бренды" выпадало подменю с 5 подпунктами.

адрес где нужно это все  реализовать - kapella-samara.storeland.ru

Возможно, Вам поможет эта тема форума

#12 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 12 Февраль 2013 - 14:58

Получилось реализовать выпадающее меню, только теперь меню слетело со своего обычного места, помогите выровнять его по левому краю и стилизовать его как нижнее меню, чтобы они были одинаковые, а тоу меня никак не получается.

#13 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 12 Февраль 2013 - 18:35

Просмотр сообщенияDrVatson (12 Февраль 2013 - 14:58) писал:

Получилось реализовать выпадающее меню, только теперь меню слетело со своего обычного места, помогите выровнять его по левому краю и стилизовать его как нижнее меню, чтобы они были одинаковые, а тоу меня никак не получается.

Можно сделать следующее: зайдите в файл main.css и найдите блок


замените его на
#mainmenu li{
		display: block !important;
		float: left;
		padding-left: 10px;
		padding-top: 10px;
}
#mainmenu li ul {
		display: none;
		left: 398px;
		width:110px;
		position: absolute;
		top: 23px;
		z-index:99;
}

А сами черточки можете добавить точно также как Вы их добавляли для предыдущего Вашего меню. Либо пришлите код этого нового меню из шаблона HTML и мы сами поставим Вам черточки в этом меню

#14 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 12 Февраль 2013 - 22:34

Извините перепутал, меню надо выровнять по правому краю

#15 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 12 Февраль 2013 - 22:42

Вот мой код HTML, помогите поставить черточки:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR...D/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>{PAGE_TITLE}</title>
<meta name="keywords" content="{PAGE_META_KEYWORDS}" />
<meta name="description" content="{PAGE_META_DESCRIPTION}" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ru" />
<link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />

<!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->
{% IF PAGE_CANONICAL %}
<link rel="canonical" href="{PAGE_CANONICAL}" />
{% ENDIF %}

<!-- Стили которые не нужно менять, грузятся из папки общих файлов -->
<link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_01.css" type="text/css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}nyroModal/nyroModal.full.css" type="text/css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />

<!-- Стили магазина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

<!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят -->
{% IF JAVASCRIPT_BUG_HUNTING_URL %}
<script type="text/javascript" src="{JAVASCRIPT_BUG_HUNTING_URL}"></script>
{% ENDIF %}

<!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
<!-- Это собранные в один файл скрипты из файлов:
{FORALL_JS_PATH}jquery-1.4.2.min.js
{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js
{FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js
{FORALL_JS_PATH}jquery.validate.min.js
{FORALL_JS_PATH}jquery.capslock.min.js
-->
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>

</head>
<body lang="ru">
<div class="content">
<table class="contentTable" >
<thead>
<tr>
<td class="contentTableHeadMain" rowspan="2">
<!-- Название магазина -->
<div class="logo"><a href="http://{NET_DOMAIN}/...NAME}</a></div>
<div><h7>Европейский дизайн</h7></div>
<!-- Контакты магазина -->
<table>
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<tr>
<td class="contentTableHeadMainPhone">
{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
</td>
</tr>
{% ENDIF %}

<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<tr>
<td class="contentTableHeadMainPhone">
{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
</td>
</tr>
{% ENDIF %}

<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<tr>
<td class="contentTableHeadMainPhone">
{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
</td>
</tr>
{% ENDIF %}

<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<tr>
<td class="contentTableHeadMainWorkTime">
{SETTINGS_STORE_WORK_TIME}
</td>
</tr>
{% ENDIF %}

<!-- Skype номер -->
{% IF SETTINGS_STORE_SKYPE %}
<tr>
<td class="contentTableHeadMainSkype">
<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
</td>
</tr>
{% ENDIF %}

<!-- ICQ номер -->
{% IF SETTINGS_STORE_ICQ %}
<tr>
<td class="contentTableHeadMainIcq">
<img class="valignMiddle" src="http://wwp.icq.com/s...TS}&#38;img=27" alt="Статус" width="16" height="16" />
<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
</td>
</tr>
{% ENDIF %}
</table>

</td>

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
<li><a href="http://kapella-samar....storeland.ru/" title="Перейти к странице Главная">Главная</a>
<ul>
{% FOR menu %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a>Бренды</a>
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="http://kapella-samar...otrudnichestvo" title="Перейти к странице Сотрудничество">Сотрудничество</a>
<ul>
{% FOR menu %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="http://kapella-samar...nd.ru/feedback" title="Перейти к странице Написать нам">Написать нам</a>
<ul>
{% FOR menu %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="http://kapella-samar.../page/kontakti" title="Перейти к странице Контакты">Контакты</a>
<ul>
{% FOR menu %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="http://kapella-samar...u/page/novosti" title="Перейти к странице Новости">Новости</a>
<ul>
{% FOR menu %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->
</tr>
</thead>
<tbody>
<tr>
<td colspan="2" class="valignTop">

<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:0em;display:none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://kapella-samar...174304/bw1.jpg" />
<img src="http://kapella-samar...174304/bw2.jpg" />
<img src="http://kapella-samar...174304/bw4.jpg" />
<img src="http://kapella-samar...174304/bw8.jpg" />
</div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'fade',
slices: 15,
animSpeed: 500,
pauseTime: 3000,
controlNav: false,
keyboardNav: false,
manualAdvance: false,
directionNav: false,
directionNavHide: false,
controlNavThumbs: false,
pauseOnHover: false
}).parent().show();
});
</script>

{BODY}

</tbody>

<!-- Подвал сайта -->
<tbody>
<tr>
<td colspan="3">
<div class="alignCenter">
{% FOR menu %}
{% FOR footer %}
{% FOR links %}
<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a> {% IF menu.footer.links.rindex>1 %}|{% ENDIF %}
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div class="alignCenter">&copy; {DATE_YEAR} &mdash; &laquo;{SETTINGS_STORE_NAME}&raquo; {SETTINGS_STORE_REGION}</div>
<div class="alignCenter">{SETTINGS_STORE_ORG_NAME}</div>
<div class="alignCenter">{SETTINGS_STORE_HTML_CODE}</div>
</td>
</tr>
</tbody>
<!-- END Подвал сайта -->

</table>

</div>
{COPYRIGHT_FOR_DESIGN_LIGHT}
</body>
</html>

#16 Vaccina

Vaccina

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

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

Отправлено 13 Февраль 2013 - 01:41

Вам необходимо в шаблоне после каждой

{menu.header.links.NAME}</a>

вставить

{menu.header.links.NAME}</a> {% IF menu.header.links.rindex>1 %}|{% ENDIF %}

не забывая использовать корректный идентификатор созданного меню а именно header

Так же вам необходимо в файле стилей main.css найти

#mainmenu li {
	display: block !important;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

и заменить на

#mainmenu li {
	display: block !important;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;
}

далее найти

#mainmenu li ul {
	display: none;
	left: 398px;
	position: absolute;
	top: 23px;
	width: 110px;
	z-index: 99;
}

и заменить на

#mainmenu li ul {
	display: none;
	left: 2px;
	position: absolute;
	top: 24px;
	width: 110px;
	z-index: 99;
}

#17 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 13 Февраль 2013 - 11:28

Сделал как вы сказали, но почему то меню осталось на прежнем месте слева, а мне надо справа его. А черточки появились у вылетающего меню, а должны быть у основного меню.

#18 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 13 Февраль 2013 - 22:22

Может кто-нибудь мне все таки поможет выровнять верхнее меню по правому краю и стилизовать его как нижнее (поставить черточки между пунктами меню)

#19 Vaccina

Vaccina

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

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

Отправлено 14 Февраль 2013 - 00:15

Вероятно я вас немного не поняла. Вам необходимо в файле стилей main.css найти

.contentTable {
	width: 100%;
}

и заменить на

.contentTable {
	clear: both;
	width: 100%;
}

это устранит проблему отображения в браузере Firefox, далее вам необходимо в файл стилей добавить

#top-menu {
	float: right;
	margin-right: 3px;
}

Для разделителя пунктов - вам необходимо найти ваши дополнительные меню - пример

<ul>
{% FOR menu %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
</ul>

и перед ними вставить разделитель

|<ul>
{% FOR menu %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
</ul>

#20 DrVatson

DrVatson

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 15 Февраль 2013 - 21:59

Спасибо, все получилось. Помогите еще:
1) логотип с контактными данными поднять вверх
2) сделать так  чтобы в верхнем меню выбранный пункт меню выделялся жирным шрифтом (сделать так же как в нижнем меню)
3) привязать подвал к нижнему краю экрана
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лайт
  5. → Изменение общей стилистики
  6. Privacy Policy