Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Выдвигающиеся меню

Выдвигающиеся меню


     18.07.2013    меню    Шаблоны (TPL), Стили (CSS)    4129

вопрос
Доброго времени суток. Вот такая проблема назрела.
Хотел выдвигающиеся меню с САЙТА этого взять и вставить к СЕБЕ Но как видите не особо получилось.
Я перекинул все картинки нужные и файл style.css частично перетащил к себе.


Только почему то у меня не все картинки задействованы для этого меню и само меню не хочет сдвигаться. Подскажите пж что я не так сделал?

Ответа пока нет


10 комментариев

Kane
Юзер

Kane - 18 июля 2013 22:26 -

Это меню работает за счет скриптов js/ddaccordion.js
и в main.tpl скрипт
script type="text/javascript"> 
ddaccordion.init({
    headerclass: "sublink",
    contentclass: "submenu",
    revealtype: "click",
    mouseoverdelay: 200,
    collapseprev: false,
    defaultexpanded: [],
    onemustopen: false,
    animatedefault: false,
    persiststate: false,
    toggleclass: ["closed", "opened"],
    togglehtml: ["none", "", ""],
    animatespeed: "fast",
    oninit:function(expandedindices){ //custom code to run when headers have initalized
        //do nothing
    },
    onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
        //do nothing
    }
})
</script>

Скопируйте их к себе на сайт, все должно заработать

Gal262
Юзер

Gal262 - 18 июля 2013 23:55 -

добавил js/ddaccordion.js и внес в main.tpl скрипт. Проблема осталась (

Gal262
Юзер

Gal262 - 19 июля 2013 00:13 -

О, все. Разобрался. Нужно было вот так.
<script type="text/javascript" src="{THEME}/js/ddaccordion.js"></script> 
<script type="text/javascript">
ddaccordion.init({
  headerclass: "sublink",
  contentclass: "submenu",
  revealtype: "click",
  mouseoverdelay: 200,
  collapseprev: false,
  defaultexpanded: [],
  onemustopen: false,
  animatedefault: false,
  persiststate: false,
  toggleclass: ["closed", "opened"],
  togglehtml: ["none", "", ""],
  animatespeed: "fast",
  oninit:function(expandedindices){ //custom code to run when headers have initalized
    //do nothing
  },
  onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
    //do nothing
  }
})
</script>  


Спасибо большое! Очень помогли.

Gal262
Юзер

Gal262 - 19 июля 2013 00:15 -

Только вот не пойму, почему у меня фон меню не подгружает (он темный должен быть) и почему по всей ширине не растягивается?

Gal262
Юзер

Gal262 - 20 июля 2013 18:12 -

Подскажите пж

Exile
Гости

Exile - 21 июля 2013 01:07 -

Добавь

.dcont{
background: url("http://www.servergame.ru/templates/Default/img/dcontdark.png") repeat-y -216px 0;
margin-bottom: 10px;
}

Gal262
Юзер

Gal262 - 21 июля 2013 12:45 -

особых результатов это не дало... (
А может это быть из за функции .dcont ? она у меня встречается уже в стиле, до моего меню.
.block .dcont {

    background: url("../images/greytop.png") repeat-x 0 2px;

    padding: 13px;

}

вот оно. Может из за этого криво все?

Danil
Юзер

Danil - 21 июля 2013 20:49 -

Можно найти урок по созданию меню, на подобии этого, а потом в коде заменить цвет и размер. Цвет с этого сайта можно взять, скачав программу colormania. Она бесплатна, просто наводишь "пипетку" и она пишет цвет.

TheImDim
Юзер

TheImDim - 21 июля 2013 21:09 -

это можно исправить

Dark5ider
Эксперт

Dark5ider - 21 июля 2013 21:28 -

почему по всей ширине не растягивается?


.contd .submenu {
...
width: 202px;
...
}


почему у меня фон меню не подгружает


Как писали выше - потому что картинка не загружена.

И вообще в этом шаблоне есть уже классы для блоков меню:

.block
.leftmenu

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 18.12.2013 abcdefghijklmnoprstuvwxyz  Шаблоны (TPL)
наверх