меню в картинках

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

пропадает на внутренних страницах

#1 21 ноября 2012 в 15:47

Здравствуйте Уважаемы форумчане. Работаю над сайтом prodobro.info
Необходимо было сделать главное меню в виде картинок. Создал модуль с кодом и разместил в необходимом месте.
Вот код

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Меню в картинках</title>
  <style>
   .photo {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
   }
   .photo:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; right: 0; bottom: 5px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(0,42,167,0.6); /* Полупрозрачный цвет фона */
    color: #fff; /* Цвет текста */
    text-align: center; /* Выравнивание текста по центру */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 14px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
   }
  </style>
 </head>
 <body>
<center>
   <div class="photo" data-title="Главная страница"><a href="http://prodobro.info/"><img src="images/1352190955-home(1).png" alt=""></a></div>
   <div class="photo" data-title="Карта добрых дел"><a href="http://prodobro.info/maps"><img src="images/1352190923-world.png" alt=""></a></div>
   <div class="photo" data-title="Фото отчеты"><a href="http://prodobro.info/photos"><img src="images/1352191049-camera.png" alt=""></a></div>
   <div class="photo" data-title="Люди"><a href="http://prodobro.info/users"><img src="images/users-128.png" alt=""></a></div>
   <div class="photo" data-title="Блоги"><a href="http://prodobro.info/blogs"><img src="images/1352191012-chat(1).png" alt=""></a></div>
   <div class="photo" data-title="Контакты"><a href="http://prodobro.info/kontakty.html"><img src="images/1352190967-email.png" alt=""></a></div>
</center>
 </body>
</html>

Все вроде работает, но есть и баг...
когда переходишь например по ссылке "люди" меню отображается корректно, но стоит зайти в профиль, как оно исчезает, а вместо картинок, появляются иконки "нет изображения"
и так получается со всеми внутренними страницами...
Подскажите как с этим бороться!?
Заранее огромное спасибо и +1

#2 21 ноября 2012 в 16:23

адрес картинки пропишите так: "/images/1352190955-home(1).png"

#3 21 ноября 2012 в 19:40

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

Сегодня в 17:39

#4 21 ноября 2012 в 20:01

lucku, а можно ссылку на блог?

#5 21 ноября 2012 в 20:04

Dost, спасибо огромное, помогло! +1

Создание компонента - backend.

Проблема в статусе

меню в картинках

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Alt ко всем загружаемым картинкам

[ЕСТЬ РЕШЕНИЕ] Картинка для попривлечения внимания в постах ссылкой

[ЕСТЬ РЕШЕНИЕ] Поля checkbox разными картинками

Отсутствует отображение картинок новостей на главной

[ЕСТЬ РЕШЕНИЕ] Относительный путь к картинкам в шаблоне?

[ЕСТЬ РЕШЕНИЕ] Картинка в шапке поста - как?

InstantCMS Team

О проекте

Поддержка

Дополнения