Перейти к содержанию

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

Доброго времени суток всем!

 

Такая проблема!

 

На сайте: http://autoadvance.ru/ в верхнем меню нужно разделители наладить (кружочки), т.е. чтобы были только между пунктами (а у меня стоит после поля)! Как это сделать? 

 

Если нужны фрагменты кода, выложу...

Поделиться сообщением


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

last-child для последнего пункта

Поделиться сообщением


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

у вас это одно меню last-child убирает из последнего пункта точку. Т.е во второй строчке меню. Как убрать в первой я не знаю

Поделиться сообщением


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

у вас это одно меню last-child убирает из последнего пункта точку. Т.е во второй строчке меню. Как убрать в первой я не знаю

 

ну мне и нужно во второй...

Поделиться сообщением


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

из моей записной книжки: 

 

 

Открываем файл www\catalog\view\theme\default\template\common\header.tpl

 

В коде

 

<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>
 

Перед последним закрыванием <?php } ?> добавляем следующий код.

 

<script type="text/javascript">
for (var tegsLI = document.getElementById ('menu').getElementsByTagName ('LI'),
j = 0, lj = tegsLI.length; j < lj; j++) tegsLI [j].className = 'item_' + (j + 1);
</script>
 

Пояснения - это генерация автоматических добавлении классов к каждому пункту меню.

 

 

'item_' - это имя, которые будет присвоено к каждому пункту меню, только будет отличатся числовым значением.

 

 

Например: <li class="'item_1"><a href="#">Пункт меню 1</a></li> и по аналогии так будет и item_2

далее проще...

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

пользуйтесь на здоровье...

Поделиться сообщением


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

из моей записной книжки: 

 

 

далее проще...

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

пользуйтесь на здоровье...

 

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

Поделиться сообщением


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

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

 

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

  • +1 1

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.