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

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


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

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

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


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

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

Панель навигации, не активные вкладки

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

Панель навигации, не активные вкладки

Сообщение автор Валькирия Сан в Вс 15 Янв - 13:46

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

Валькирия Сан
 

Женщина

Сообщения : 204
Возраст : 27
Регистрация : 2011-11-03
Благодарности : 3

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

http://amalirr.my-rpg.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Dana Domirani в Вс 15 Янв - 14:35

А скрипт установлен? Не смогла его найти на Вашем сайте.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Валькирия Сан в Вс 15 Янв - 14:41

сейчас расскажу. в общем в overall_header вставлен скрипт:
Код:
<script type="text/javascript">
      $(function(){
              $("#pw2-button, #pw3-button, #pw4-button").css({
            opacity: 0.3
        });
                  $("#page-wrap div.button").click(function(){
                              $clicked = $(this);
                                        if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                                    $clicked.animate({
                    opacity: 1,
                  }, 600 );
                  var idToLoad = $clicked.attr("id").split('-');
                  $("#nwcontent").find("div:visible").fadeOut("fast", function(){
                    $(this).parent().find("#"+idToLoad[0]).fadeIn();
                  })
              }
              $clicked.siblings(".button").animate({
                  opacity: 0.5,
              }, 600 );
            });
      });
</script>
В ПА-Общ.настройки-Объявления
Код:
<style>   
.bodyline #fa_ticker_block .row1 {position:absolute;
left:auto;
background:url('http://s018.radikal.ru/i517/1201/7f/8d523d3f9148.png');
top:30px;
width:337px !important;
height:250px !important;
margin-left:20px;
padding-left:35px;}

    .clear {
    clear: both;
    }

    #page-wrap {
    margin-bottom: 20px;
    }

    .button {
    float:left;
    }

    /* оформление всего блока с содержимым */
    #nwcontent {
color:#000;
width:300px;
font-size:9px !important;
    }
#nwcontent a:hover {color: #000000}

    /* первый активный блок */
    #pw1 {
    display: block;
    }

    /* первая активная кнопка */
    #pw1-button {
    opacity: 1.0;
    color:#000;
    text-shadow: 1px 1px #efe3d2 5px, -1px -1px #efe3d2 5px, -1px 1px #efe3d2 5px, 1px -1px #efe3d2 5px;
    }

    /* все скрытые блоки после первого */
    #pw2, #pw3, #pw4, #pw5  {
    display: none;
    }

    /* все неактивные кнопки после первой */
    #pw2-button, #pw3-button {
    opacity: 0.7;
    }

    /* общее оформление всех блоков */
    #pw1, #pw2, #pw3 {
    padding: 10px;
    white-space: normal !important;
    }

    /* общее оформление всех кнопок */
    #pw1-button, #pw2-button, #pw3-button {
    color: #4b2911;
    width:80px;
    font-family: Georgia;
padding: 4px;
margin: 4px;
    font-weight: bold;
    text-align:center !important;
    font-variant:small-caps;
    font-size:12px;
    }
</style><div id="page-wrap">

  <div id="pw1-button" class="button">
  Объявления
  </div>

  <div id="pw2-button" class="button">
  Важное
  </div>

  <div id="pw3-button" class="button">
  Помощь
  </div><div class="clear"></div><div id="nwcontent">

  <div id="pw1">Гости Амалирра, уведомляем Вас, что форум в состоянии активности. Мы готовы принять новых игроков и составить Вам компанию по игре, а так же подбросить приключения на филейную часть. Милости просим, не поленитесь прочесть мат. часть, вероятнее всего Вас заинтересует наш сюжет.
  </div>

  <div id="pw2">
Амалирр накрыла пушистая, белая зима. Одевайтесь нынче по теплее и голову держите тоже в тепле, она Вам понадобиться. Ввиду похолодания и потери части урожая из за мороза, в империи Тавантин были подняты налоги, что вызвало очередную волну негодования крестьян. Скоро чаша терпения переполниться, если император, ведущий разгульный образ жизни, наконец не примется за свое государство. На восточном материке зима не так холодна, как на западе. Снег выпадает и почти сразу тает, превращаясь в слякоть. На границе с "Орлиным гнездом" наступило не доброе затишье, прекратились нападки черных орков и прочей нечисти, кто знает, может серые земли готовятся ударить по имперским границам, когда те потеряют бдительность. В целом все идет своим чередом, крестьяне предпочитают отсиживаться дома на печах, собирая силы для весенних полевых работ.
  </div>

  <div id="pw3">
  Описание раздела "Третий"
  </div>

</div>

</div>
Что еще надо куда вставить, чтобы вкладки стали активны?

Валькирия Сан
 

Женщина

Сообщения : 204
Возраст : 27
Регистрация : 2011-11-03
Благодарности : 3

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

http://amalirr.my-rpg.com/

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

Панель навигации не получилась

Сообщение автор Валькирия Сан в Вс 15 Янв - 20:14

Добрый вечер. Следующая проблема. Создала меню навигации, но вкладки "Важно" и "Помощь" не активны, их нельзя нажать


Результат на скриншоте. Все получившееся устраивает, кроме того, что вкладки не активны и не открываются. Где я допустила ошибку, как сделать, чтоб вкладки открывались?

Валькирия Сан
 

Женщина

Сообщения : 204
Возраст : 27
Регистрация : 2011-11-03
Благодарности : 3

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

http://amalirr.my-rpg.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Домовой в Вс 15 Янв - 21:37

адрес форума.
И что то я не вижу в коде таких ссылок

Домовой
 

Мужчина

Сообщения : 6799
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

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

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

Re: Панель навигации, не активные вкладки

Сообщение автор Валькирия Сан в Вс 15 Янв - 22:31

http://www.amalirr.com/ вот адрес, он уже указан в профиле, посмотрите пожалуйста

Валькирия Сан
 

Женщина

Сообщения : 204
Возраст : 27
Регистрация : 2011-11-03
Благодарности : 3

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

http://amalirr.my-rpg.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Домовой в Вс 15 Янв - 23:30

Код:
 <div id="pw1-button" class="button">
  Объявления
  </div>

  <div id="pw2-button" class="button">
  Важное
  </div>

  <div id="pw3-button" class="button">
  Помощь
  </div>
здесь нет ссылок

Домовой
 

Мужчина

Сообщения : 6799
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

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

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

Re: Панель навигации, не активные вкладки

Сообщение автор Валькирия Сан в Вс 15 Янв - 23:47

аах.. так, так.. А какие ссылки то ставить? Мне нужны было, чтобы эти вкладки просто раскрывались, а уже в них ссылки на на тот или иной топ. Как вот тут к примеру http://forgottenworld.mirbb.com/

Валькирия Сан
 

Женщина

Сообщения : 204
Возраст : 27
Регистрация : 2011-11-03
Благодарности : 3

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

http://amalirr.my-rpg.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Домовой в Вс 15 Янв - 23:55

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

Домовой
 

Мужчина

Сообщения : 6799
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

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

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

Re: Панель навигации, не активные вкладки

Сообщение автор Валькирия Сан в Пн 16 Янв - 0:12

посмотрите завтра? я буду ждать ответа. Сердечное спасибо за помощь и бескорыстие. Доброй ночи.

Валькирия Сан
 

Женщина

Сообщения : 204
Возраст : 27
Регистрация : 2011-11-03
Благодарности : 3

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

http://amalirr.my-rpg.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Dana Domirani в Пн 16 Янв - 0:19

Валькирия Сан, вы код сразу изменяли? Или сначала ставили тот, что в примере — и он работал (или не работал)?



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Валькирия Сан в Пн 16 Янв - 0:54

Код в шаблон ставила перед <head> не изменяла в нем ничего. пробовала убирать вообще все изменения и делать по шаблону. Навигация получалась в середине под шапкой форума и вкладки так же не открывались

Валькирия Сан
 

Женщина

Сообщения : 204
Возраст : 27
Регистрация : 2011-11-03
Благодарности : 3

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

http://amalirr.my-rpg.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Dana Domirani в Пн 16 Янв - 0:59

Сейчас перепишу (вернее, уже переписала) рабочий вариант

1. В шаблоне overall_header (Верхняя часть страницы)
перед строкой
Код:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
добавляете само меню :
Код:
<div id="page-wrap">

  <div id="pw1-button" class="button">Объявления</div>

  <div id="pw2-button" class="button">Важное</div>

  <div id="pw3-button" class="button">Помощь</div><div class="clear">

</div><div id="nwcontent">

  <div id="pw1" class="list">Гости Амалирра, уведомляем Вас, что форум в состоянии активности. Мы готовы принять новых игроков и составить Вам компанию по игре, а так же подбросить приключения на филейную часть. Милости просим, не поленитесь прочесть мат. часть, вероятнее всего Вас заинтересует наш сюжет.
  </div>

  <div id="pw2" class="list"><ul>
<li><a href='http://fourth4world.forumei.net/t219-topic' target='_blank'>ЧаВо</a></li>
<li><a href='http://fourth4world.forumei.net/search' target='_blank'>Поиск по форуму</a></li>
<li><a href='http://fourth4world.forumei.net/t1-topic' target='_blank'>Вопросы и ответы</a></li>
<li><a href='' target='_blank'>Список модераторов</a></li>
<li><a href='http://fourth4world.forumei.net/t169-topic' target='_blank'>Нужна помощь ГМ в игре</a></li>
<li><a href='http://fourth4world.forumei.net/t170-topic'>приключения в которые можно включиться</a></li>
  </ul></div>

  <div id="pw3" class="list"><ul>
<li><a href='http://fourth4world.forumei.net/f4-forum' target='_blank'>Правила форума</a></li>
<li><a href='http://fourth4world.forumei.net/register' target='_blank'>Регистрация</a></li>
<li><a href='http://fourth4world.forumei.net/t219-topic#3591' target='_blank'>ЧаВо</a></li>
<li><a href='http://fourth4world.forumei.net/search' target='_blank'>Поиск по форуму</a></li>
<li><a href='http://fourth4world.forumei.net/t1-topic' target='_blank'>Вопросы и ответы</a></li>
<li><a href='http://fourth4world.forumei.net/t300-topic#5687' target='_blank'>Список модераторов</a></li>
<li><a href='http://fourth4world.forumei.net/t169-topic' target='_blank'>Нужна помощь ГМ в игре</a></li>
<li><a href='http://fourth4world.forumei.net/t170-topic'>Приключения, в которые можно включиться</a></li></ul>
  </div>

</div>

</div>
Сохраняете, публикуете(!) кнопкой plus

2. Скрипт — ставится в ПА > Модули > Управление JS
Название: любое
Выполняется: на всех страницах
Код:
Код:
$(function(){
              $("#pw2-button, #pw3-button, #pw4-button").css({
            'background-position' : 'center top', 'opacity' : '0.9'
        });
 $("#pw1-button").css({'background-position' : 'center -60px'});
                  $("#page-wrap div.button").click(function(){
                              $clicked = $(this);
                                        if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                                    $clicked.animate({
                    opacity: 1, backgroundPosition: '0 -60px'
                  }, 60 );
                  var idToLoad = $clicked.attr("id").split('-');
                  $("#nwcontent").find("div.list:visible").fadeOut(60, function(){
                    $(this).parent().find("#"+idToLoad[0]).fadeIn();
                  })
              }
              $clicked.siblings(".button").animate({
                  opacity: 0.9, backgroundPosition: '0 0'
              }, 60 );
            });
      });

3. CSS — ставится в CSS:
Код:
#page-wrap {
  position:absolute;
  left:auto;
  background: transparent url('http://s018.radikal.ru/i517/1201/7f/8d523d3f9148.png') center no-repeat;
  top:30px;
  width: 380px !important;
  height:250px !important;
  margin-left:20px;
  padding-top: 10px;
}

#page-wrap {
  margin-bottom: 20px;
}

.button {
  float:left;
}

/* оформление всего блока с содержимым */
#nwcontent {
  color:#000;
  width:300px;
  font-size:9px !important;
  text-align: center;
  margin: 0 auto;
}

#nwcontent a:hover {color: #000000}

    /* первый активный блок */
    #pw1 {
    display: block;
    }

    /* первая активная кнопка */
    #pw1-button {
    opacity: 1.0;
    color:#000;
    text-shadow: 1px 1px #efe3d2 5px, -1px -1px #efe3d2 5px, -1px 1px #efe3d2 5px, 1px -1px #efe3d2 5px;
    }

    /* все скрытые блоки после первого */
    #pw2, #pw3, #pw4, #pw5  {
    display: none;
    }

    /* все неактивные кнопки после первой */
    #pw2-button, #pw3-button {
    opacity: 0.7;
    }

    /* общее оформление всех блоков */
    #pw1, #pw2, #pw3 {
    padding: 10px;
    white-space: normal !important;
    }

#pw1 ul, #pw2 ul, #pw3 ul {
list-style-type: none;
padding: 0px;
}

/* общее оформление всех кнопок */
#pw1-button, #pw2-button, #pw3-button {
  color: #4b2911;
  width:80px;
  font-family: Georgia;
  padding: 4px;
  margin: 4px;
  font-weight: bold;
  text-align:center !important;
  font-variant:small-caps;
  font-size:12px;
}

#pw1-button {
  margin-left: 50px;
}



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Валькирия Сан в Пн 16 Янв - 13:06

Все получилось. ОГРОООООМНОЕ человеческое спасибо 22
Вы мне помогли, как нельзя лучше. Спасибо Дана и Домовой, за своевременную помощь и отзывчивость. Тему можно закрывать 13 clapping yahoo 26

Валькирия Сан
 

Женщина

Сообщения : 204
Возраст : 27
Регистрация : 2011-11-03
Благодарности : 3

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

http://amalirr.my-rpg.com/

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

Re: Панель навигации, не активные вкладки

Сообщение автор Dana Domirani в Пн 16 Янв - 13:10

Пожалуйста!



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

- Похожие темы

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