Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

меню с фоном!

Предыдущая тема Следующая тема Перейти вниз

меню с фоном!

Сообщение автор socroment в Вт 22 Янв - 16:04

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

Хочу поставить на форум вот тако меню (ток у меня оно будет играть совсем иную роль)
КЛЛАЦ
самое последнее - в низу.. с мостиком ...

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

вот мое поле битвы...
Может зря мучаюсь? и не поставиться он вовсе ..
Подсобите.. ааа worthy worthy worthy

socroment
 

Женщина

Сообщения : 166
Возраст : 29
Регистрация : 2012-12-08
Благодарности : 9

Без предупреждений

http://www.tosa-style.com/

Вернуться к началу Перейти вниз

Re: меню с фоном!

Сообщение автор Dana Domirani в Вт 22 Янв - 16:18

У Вас фоновые картинки указаны как backgrounds/bw1.jpg

Т.е. браузер подставляет перед слэшем адрес Вашего форума — и ищет картинку с таким адресом. И ничего не находит. Не существует картинок по ссылке http://testovic881.forum2x2.ru/backgrounds/bw1.jpg

Попробуйте подставить вместо сокращенных ссылок полные прямые (залейте картинки на тот же servimg).
Возможно, скрипт и с ними будет работать.




Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22101
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8883

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: меню с фоном!

Сообщение автор socroment в Вт 22 Янв - 16:23

ООО спс БОЛЬШОЕ...
нашлась одна ошибка...
не заметила в самом конце скрипта girl_blush

А как же быть с анимацией .. ?
наводя на кнопки ничего не происходит, я про анимацию, а не о переходах (ну помимо их зачоркивания)

socroment
 

Женщина

Сообщения : 166
Возраст : 29
Регистрация : 2012-12-08
Благодарности : 9

Без предупреждений

http://www.tosa-style.com/

Вернуться к началу Перейти вниз

Re: меню с фоном!

Сообщение автор Dana Domirani в Вт 22 Янв - 16:26

Можно я к Вам на тестовик зайду и посмотрю? Напишите реквизиты в ЛС, пожалуйста.

пока разбираюсь...



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22101
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8883

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: меню с фоном!

Сообщение автор socroment в Пн 4 Фев - 0:55

вверх!
girl_blush

socroment
 

Женщина

Сообщения : 166
Возраст : 29
Регистрация : 2012-12-08
Благодарности : 9

Без предупреждений

http://www.tosa-style.com/

Вернуться к началу Перейти вниз

Re: меню с фоном!

Сообщение автор Dana Domirani в Пн 11 Фев - 13:02

На тестовике сейчас стоит работающий вариант.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22101
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8883

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: меню с фоном!

Сообщение автор socroment в Пн 11 Фев - 13:04

УРА!!!
Спасибо огромное Дана!

socroment
 

Женщина

Сообщения : 166
Возраст : 29
Регистрация : 2012-12-08
Благодарности : 9

Без предупреждений

http://www.tosa-style.com/

Вернуться к началу Перейти вниз

Re: меню с фоном!

Сообщение автор Dana Domirani в Пн 11 Фев - 13:22

На всякий случай распишу:

1) Код меню (в виджет, объявление, приветствие, шаблон — по желанию)
Код:
<script type="text/javascript" src="http://www.patmax.eu/J1/130122142903.js"></script>
<script type="text/javascript" src="http://www.patmax.eu/J1/130122142847.js"></script><div id="menu3" class="abmenu">
        <ul>
                <li bgsrc="http://s020.radikal.ru/i723/1301/28/619950dce2f0.jpg"><a href="#home">Главная</a></li>
                <li bgsrc="http://s020.radikal.ru/i709/1301/d9/db327862cdde.jpg"><a href="#about">О нас</a>
                 <span>
                 <h3>Информация</h3>
                <p><img style="float:left; margin: 5px;" src="http://i14.servimg.com/u/f14/18/00/59/96/ndudd10.png"/>
                    Бруклинский мост (англ. Brooklyn Bridge) — один из старейших висячих мостов в США, его длина составляет 1825 метров, он пересекает пролив Ист-Ривер и соединяет Бруклин и Манхэттен в городе Нью-Йорк. Боковые полосы используются автомобилями, а средняя, на значительном возвышении, пешеходами и велосипедистами.
                </p>
                 </span>
                </li>
        <li bgsrc="http://i051.radikal.ru/1301/69/70e3bec6db7c.jpg"><a href="#portfolio">Портфолио</a>
         <ul class="black">
         <li style="width: 120px;">
            <p style="float:left;">
               <a href="#art">Искусство</a><br/>
               <a href="#fasion">Мода</a><br/>
               <a href="#design">Дизайн</a><br/>
            </p>
               <p style="float:right;">

               <a href="#style">Стиль</a><br/>
               <a href="#beauty">Красота</a><br/>
            </p>
         </li>
         </ul>         
         <span> 
         <h3>Интересно</h3>
            <p><img style="float:left; margin: 5px;" src="http://s019.radikal.ru/i613/1301/94/d3c5725b287c.jpg"/>
                В начале 2006 года рабочие, проводившие ремонт Бруклинского моста, обнаружили секретное бомбоубежище, созданное в 1950-е годы XX века, в самый разгар холодной войны. Вход в него был замаскирован в стене опоры моста со стороны Манхэттена. В тайнике были найдены значительные припасы — 350 тыс. металлических банок с галетами, воздухоочистительные установки, одеяла...
            </p>
         </span>
        </li>
        <li bgsrc="http://s017.radikal.ru/i426/1301/99/b630a5e1539b.jpg"><a href="#contact">Контакты</a>
         <ul class="black">
            <li><a href="mailto: contact@domain.com">Почта</a></li>
         </ul>
         <span>
            <h3>Интересно</h3>
            <p>Мост фигурирует и играет определённую роль в сюжете фильмов как замечательный памятник архитектуры города.</p>
         </span>
        </li>
        </ul>
    </div>

2) В CSS:
Код:
/* */

/* menus adjustments */

#menu3{
width: 800px;
height: 200px;
}
#menu3 a{
color: #fff;
text-decoration: none;
}
#menu3 a:hover{
text-decoration: line-through;
}
#menu3 .black{
background-image:url(http://i71.servimg.com/u/f71/18/00/59/96/black110.png);
}
#menu3 #infobox{
color: #f1f1f1;
font-size: 12px;
line-height: 12px;
}

/* menu */

.abmenu ul,.abmenu li {
margin:0;
padding:0;
}

.abmenu {
overflow:hidden;
position:relative;
width:900px;
height:100px;
}

.abmenu ul {
position:relative;
float:right;
z-index:20;
list-style:none outside none;
padding-bottom:26px;
padding-top:40px;
margin:0 10px;
}

.abmenu ul li {
float:left;
padding:2px 10px;
}

.abmenu ul li span {
display:none;
}

.abmenu ul li a {
font-family:'Architects Daughter', serif;
font-size:22px;
font-weight:700;
text-decoration:none;
color:#fff;
line-height:30px;
outline:none;
}

.abmenu ul li ul {
display:block;
position:absolute;
float:none;
top:100%;
left:10px;
background-image:url(http://i71.servimg.com/u/f71/18/00/59/96/white110.png);
padding:0;
}

.abmenu ul li ul li a {
font-family:Tahoma, sans;
font-size:11px;
line-height:20px;
font-weight: normal;
color:#fff;
}

.abmenu #front-image {
position:absolute;
z-index:10;
}

.abmenu #back-image {
position:absolute;
z-index:5;
}

.abmenu .infobox {
position:relative;
z-index:15;
background-image:url(http://i71.servimg.com/u/f71/18/00/59/96/black110.png);
height:100%;
top:100%;
color:#fff;
font-size:11px;
font-family:Arial, sans-serif;
overflow:inherit;
padding:0 10px;
}

.abmenu ul li a:hover,.abmenu ul li ul li a:hover {
text-decoration:underline;
}

.panel p {
font-size: 13px;
line-height: 13px;
margin-bottom: 1em;
}

.panel h3 {
color: #9370D8;
border-bottom: 1px solid #9370D8;
}

/* конец настроек меню */

3) В управление скриптами JS
Код:
$(document).ready(function(){
                $('#menu3').abmenu({bgOffsetLeft:'-7px',bgOffsetTop:'-7px',bgAnimationTime:1,smTopPosition:'auto',menuTopPosition:0.2});

});



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22101
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8883

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения