info navigation

phpbb-belk.ru

темы, связанные с форумом phpbb 3.0.x



Новая тема  [ Сообщений: 27 ]  1 2 3

Автор Сообщение
Не в сети
(Андрей)  
Администратор
Аватара пользователя

Стаж: 6 лет 9 месяцев 15 дней
Сообщения: 1190
Откуда: здешние мы


Стиль: subsilver2


Репутация: 9


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


Небольшой интересный скриптик открытия. Простой

На основе этого скрипта реализованы блоки здесь, внизу страницы.

Можно посмотреть демо (в "голом" варианте - без оформления):

демо

А это демо со встроенным оформлением анимированных кнопок:

демо с css

Никаких файлов на сервер загружать не надо - только код.

Пример:

Код: Выделить всё

<script type="text/JavaScript">
$(document).ready(function() {
 
   //Действие по умолчанию
   $(".tab_content").hide(); //Скрыть все содержимое
   $("ul.tabs span:first").addClass("active").show(); //Активировать первую вкладку
   $(".tab_content:first").show(); //Показать первые содержание вкладке
   
   //По щелчку события
   $("ul.tabs span").click(function() {
      $("ul.tabs span").removeClass("active"); //Удалите все "active" класс
      $(this).addClass("active"); //Добавить "active" класса выбранной вкладки
      $(".tab_content").hide(); //Скрыть вкладку Все содержание
      var activeTab = $(this).find("a").attr("href"); //Найти относительной значение атрибута для выявления активной вкладки + содержание
      $(activeTab).fadeIn(); //Fade в активного содержимого
      return false;
   });
 
});
</script>
<div>
<div style="border:1px solid #b5b5b5;padding:1px">
<ul class="tabs">
<span><a class="" href="#tab1"><b>1</b></a></span>
<span><a class="" href="#tab2"><b>2</b></a></span>
<span><a class="" href="#tab3"><b>3</b></a></span>
<span><a class="" href="#tab4"><b>4</b></a></span>
<span><a class="" href="#tab5"><b>5</b></a></span>
</ul>
</div>
 
<div style="border:1px solid #b5b5b5;padding:5px;text-align:center">
<div id="tab1" class="tab_content">
первый контейнер
</div>
 
<div id="tab2" class="tab_content">
второй контейнер
</div>
 
<div id="tab3" class="tab_content">
третий контейнер
</div>
 
<div id="tab4" class="tab_content">
четвёртый контейнер
</div>
 
<div id="tab5" class="tab_content">
пятый контейнер
</div>
 
</div>
</div>


где

Код: Выделить всё

<span><a class="" href="#tab1"><b>1</b></a></span>


- ссылка на открытие первого блока

Код: Выделить всё

<div id="tab1" class="tab_content">
первый контейнер
</div>


- сам первый блок с информацией...

Для работы скрипта у вас должна быть подключена библиотека .
Если у вас её нет - подключить можно примерно так:

В "шапке" сайта найти



Вставить перед найденным

Код: Выделить всё

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>


Кому удобнее разбираться самостоятельно у себя на компе - можно скачать демо-версию скрипта:

"голый" вариант:

Скачать из файлового архива сайта

вариант со стилем:

Скачать из файлового архива сайта



трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
javascript
Не в сети
(Дмитрий)  
2019-07-07 
Аватара пользователя

Стаж: 5 лет 5 месяцев 24 дня
Сообщения: 729


Стиль: prosilver


Репутация: 15




Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


В целом мне понятно как работает данный скрипт.
Но как грамотно им воспользоваться, не очень :?

Я так понимаю, что все изменения должны быть сделаны в файле overall_footer.html

В этом файле вывод информации содержится в этом коде:

Код: Выделить всё

<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
            <!-- IF not S_IS_BOT -->
               <!-- IF S_WATCH_FORUM_LINK --><li <!-- IF S_WATCHING_FORUM -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->
               <!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
               <!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
               <!-- IF U_BUMP_TOPIC --><li class="icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
            <!-- ENDIF -->
         <li class="rightside"><!-- IF not S_IS_BOT --><a href="{U_MOBILE_ON}">{L_MOBILE_ON}</a> &bull; <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> &bull; <!-- ENDIF --><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a> &bull; <!-- ENDIF -->{S_TIMEZONE}</li>


Хотелось бы понять, что есть что, для начала. Буду сюда писать свои мысли, если нет возражений.
<!-- IF S_WATCH_FORUM_LINK --> это Список форумов
<!-- IF U_WATCH_TOPIC --> - ? // КТО СЕЙЧАС НА КОНФЕРЕНЦИИ
<!-- IF U_BOOKMARK_TOPIC --> - ? // ТОПЛИСТ БЛАГОДАРНОСТЕЙ
<!-- IF U_BUMP_TOPIC --> - ? // СТАТИСТИКА
{U_MOBILE_ON}">{L_MOBILE_ON} - мобильная версия
<!-- IF U_TEAM --> это наша команда
{U_DELETE_COOKIES} - удалить куки
{S_TIMEZONE} - часовой пояс

Добавлено спустя 11 минут 33 секунды:
1. Теперь дальше. Допустим я хочу вывести несколько блоков.
| Кто сейчас на форуме || Статистика || Топлист Благодарностей || Инфо по форуму
2. Правлю файл overall_footer.html в соответствии с первым постом.
3. Составляю таблицу:
3.1 Первая вкладка: Кто сейчас на форуме
<span><a class="" href="#tab1"><b>Кто сейчас на форуме</b></a></span>
Какую ссылку прописывать? :?
<!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->

Блок с информацией:
<div id="tab1" class="tab_content">
первый контейнер
</div>


Не в сети
(Андрей)  
2019-07-07 
Администратор
Аватара пользователя

Стаж: 6 лет 9 месяцев 15 дней
Сообщения: 1190
Откуда: здешние мы


Стиль: subsilver2


Репутация: 9


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


1. в названии блока прописывается не ссылка, а именно название. то есть

Код: Выделить всё

{L_WHO_IS_ONLINE} - кто сейчас на конференции

{L_STATISTICS} - статистика

{L_BIRTHDAYS} - дни рождения


прописывается

Код: Выделить всё

<span><a class="" href="#tab1"><b>{L_WHO_IS_ONLINE}</b></a></span>


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

Код: Выделить всё

<!-- IF S_DISPLAY_ONLINE_LIST -->

   <table class="tablebg" width="100%" cellspacing="1">
   <tr>
      <td class="row1" colspan="2"><!-- IF U_VIEWONLINE --><h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4><!-- ELSE --><h4>{L_WHO_IS_ONLINE}</h4><!-- ENDIF --></td>
   </tr>
   <tr>
   <!-- IF LEGEND -->
      <td class="row1" rowspan="2" align="center"><img src="{T_THEME_PATH}/images/network.png" alt="{L_WHO_IS_ONLINE}" /></td>
   <!-- ELSE -->
      <td class="row1" align="center"><img src="{T_THEME_PATH}/images/network.png" alt="{L_WHO_IS_ONLINE}" /></td>
   <!-- ENDIF -->
      <td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
   </tr>
   <!-- IF LEGEND -->
      <!--<tr>
         <td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td>
      </tr>-->
   <!-- ENDIF -->
   </table>
<!-- ENDIF -->


то есть сам блок с этим выводом будет таким:

Код: Выделить всё

<div id="tab1" class="tab_content">
<!-- IF S_DISPLAY_ONLINE_LIST -->

   <table class="tablebg" width="100%" cellspacing="1">
   <tr>
      <td class="row1" colspan="2"><!-- IF U_VIEWONLINE --><h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4><!-- ELSE --><h4>{L_WHO_IS_ONLINE}</h4><!-- ENDIF --></td>
   </tr>
   <tr>
   <!-- IF LEGEND -->
      <td class="row1" rowspan="2" align="center"><img src="{T_THEME_PATH}/images/network.png" alt="{L_WHO_IS_ONLINE}" /></td>
   <!-- ELSE -->
      <td class="row1" align="center"><img src="{T_THEME_PATH}/images/network.png" alt="{L_WHO_IS_ONLINE}" /></td>
   <!-- ENDIF -->
      <td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
   </tr>
   <!-- IF LEGEND -->
      <!--<tr>
         <td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td>
      </tr>-->
   <!-- ENDIF -->
   </table>
<!-- ENDIF -->
</div>


как-то так...

добавлю:

условие для открытия можно прописывать как для всей ссылки, чтобы можно было показывать/не показывать её и информацию её блока. то есть (для дней рождения):

Код: Выделить всё

<!-- IF S_DISPLAY_BIRTHDAY_LIST --><span><a class="" href="#tab1"><b>{L_BIRTHDAYS}</b></a></span><!-- ENDIF -->


то есть вся ссылка обёрнута в условие. и при запрете показа дней рождения её просто никто не увидит...


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
Не в сети
(Дмитрий)  
2019-07-08 
Аватара пользователя

Стаж: 5 лет 5 месяцев 24 дня
Сообщения: 729


Стиль: prosilver


Репутация: 15




Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


Я чего то вообще жестко туплю с этим скриптом. :?
Если я правильно понимаю, то первая ячейка для КТО СЕЙЧАС НА КОНФЕРЕНЦИИ для стиля просильвер будет выглядеть так:

Код: Выделить всё

<span><a class="" href="#tab1"><b><!-- IF U_WATCH_TOPIC --></b></a></span>


а блок вывода так:

Код: Выделить всё

<!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->


верно?

Добавлено спустя 3 минуты 2 секунды:
Хотелось бы еще обнаглеть и красивые кнопочки сделать. :) Странно, почему Вы их не сделали у себя, Андрей. ;) Смотрелось бы лучше чем просто ссылки, на мой взгляд. :idea:


Не в сети
(Андрей)  
2019-07-08 
Администратор
Аватара пользователя

Стаж: 6 лет 9 месяцев 15 дней
Сообщения: 1190
Откуда: здешние мы


Стиль: subsilver2


Репутация: 9


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


нет.

Код: Выделить всё

{L_WHO_IS_ONLINE} - кто сейчас на конференции


ссылка будет выглядеть так:

Код: Выделить всё

<span><a class="" href="#tab1"><b>{L_WHO_IS_ONLINE}</b></a></span>


эта строка

Код: Выделить всё

<!-- IF U_WATCH_TOPIC -->


- начало условия. и ещё оно без закрывающего тэга <!-- ENDIF -->.
сразу получится ошибка.

а в контейнер div надо прописать код

Код: Выделить всё

<!-- IF S_DISPLAY_ONLINE_LIST -->
   <!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
   <p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
   <!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->


так как здесь есть условие - можно и ссылку "обернуть" в него. тогда ссылка будет выглядеть так:

Код: Выделить всё

<!-- IF S_DISPLAY_ONLINE_LIST --><span><a class="" href="#tab1"><b>{L_WHO_IS_ONLINE}</b></a></span><!-- ENDIF -->



Dmitry писал(а):

Странно, почему Вы их не сделали у себя, Андрей.


где не сделал? в этой теме? здесь предоставляется для обзора "голый" код перебора, каждый может оформить его вид как захочет.


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
Не в сети
(Дмитрий)  
2019-07-08 
Аватара пользователя

Стаж: 5 лет 5 месяцев 24 дня
Сообщения: 729


Стиль: prosilver


Репутация: 15




Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


Belk писал(а):

L_WHO_IS_ONLINE

У меня в файле overall_footer.html эта часть

Код: Выделить всё

L_WHO_IS_ONLINE
отсутствует :?

Код: Выделить всё

<!-- IF U_WATCH_TOPIC -->
эта часть кода что обозначает?
У меня и этого нет: IF U_VIEWONLINE и этого L_ONLINE_EXPLAIN :? и даже этого: <!-- IF LEGEND --> :bm:
Судя по всему на просильвере вывод отличается и название функций тоже
Belk писал(а):

где не сделал? в этой теме? здесь предоставляется для обзора "голый" код перебора, каждый может оформить его вид как захочет.

не, не. Я имею в виду на главной странице в вас вывод по вкладкам реализован в виде ссылок: | Кто сейчас на сайте || Статистика || Дни рождения || Кто сегодня был на сайте || Топ 5 Национальных флагов || Инфор по сайту |
А можно было бы сделать в виде кнопок. :idea:

Добавлено спустя 5 минут 37 секунд:
У меня вывод стандартный в просильвере такой:

Код: Выделить всё

<div id="page-footer">

   <div class="navbar">
      <div class="inner"><span class="corners-top"><span></span></span>

      <ul class="linklist">
         <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
            <!-- IF not S_IS_BOT -->
               <!-- IF S_WATCH_FORUM_LINK --><li <!-- IF S_WATCHING_FORUM -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->
               <!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
               <!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
               <!-- IF U_BUMP_TOPIC --><li class="icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
            <!-- ENDIF -->
         <li class="rightside"><!-- IF not S_IS_BOT --><a href="{U_MOBILE_ON}">{L_MOBILE_ON}</a> &bull; <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> &bull; <!-- ENDIF --><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a> &bull; <!-- ENDIF -->{S_TIMEZONE}</li>
      </ul>

      <span class="corners-bottom"><span></span></span></div>
   </div>


Не в сети
(Андрей)  
2019-07-08 
Администратор
Аватара пользователя

Стаж: 6 лет 9 месяцев 15 дней
Сообщения: 1190
Откуда: здешние мы


Стиль: subsilver2


Репутация: 9


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


Dmitry писал(а):

У меня в файле overall_footer.html эта часть



:-D

вся эта лабуда находится и выводится в файле index_body.html

всё это у вас есть. я приводил примеры с чистого просилвера.

кстати, добавил в начало темы демо-версии скрипта с оформлением в виде анимированных кнопок.


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
Не в сети
(Дмитрий)  
2019-07-08 
Аватара пользователя

Стаж: 5 лет 5 месяцев 24 дня
Сообщения: 729


Стиль: prosilver


Репутация: 15




Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


а, вон оно чего :-D Пошел разбираться. :)
За кнопочки отдельное спасибо :arigato: Класс! :idea:

Добавлено спустя 2 минуты 29 секунд:
Я правильно понимаю, что этот скрипт надо добавить в файл index_body.html, отредактировав его соответствующим образом

Добавлено спустя 4 минуты 36 секунд:
Ну вроде понятно, как то так:

Код: Выделить всё

<ul class="tabs">
<span><a class="button button-blue" href="#tab1">{L_WHO_IS_ONLINE}</a></span>
<span><a class="button button-blue" href="#tab2">вторая ссылка</a></span>
<span><a class="button button-blue" href="#tab3">третья ссылка</a></span>
<span><a class="button button-blue" style="float:right;" href="#tab4">четвёртая ссылка</a></span>
</ul>


<div id="tab1" class="tab_content">
<br /><!-- IF S_DISPLAY_ONLINE_LIST -->
 <!-- IF S_DISPLAY_ONLINE_LIST -->
   <!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
   <p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
   <!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->
</div>


Добавлено спустя 2 минуты 2 секунды:
Пойду попробую. На всякий оставлю тут свой файл, ДО: :-D

Код: Выделить всё

<!-- INCLUDE overall_header.html -->
<!-- new info block on -->
<table width="100%">
  <tr>
    <td width="30%" align="left">
    <!-- IF U_MCP --><a href="{U_MCP}" title="{L_MCP}"><img src="{T_THEME_PATH}/images/001.png" alt="{L_MCP}" style="margin:0 20px 0 0;" /></a><!-- ENDIF -->
    <!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
    <!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH_ACTIVE_TOPICS}" title="{L_SEARCH_ACTIVE_TOPICS}"><img src="{T_THEME_PATH}/images/002.png" alt="{L_SEARCH_ACTIVE_TOPICS}" style="margin:0 20px 0 0;" /></a>
   <!-- IF S_USER_LOGGED_IN or S_LOAD_UNREADS --><!-- IF S_LOAD_UNREADS --><a href="{U_SEARCH_UNREAD}" title="{L_SEARCH_UNREAD}"><img src="{T_THEME_PATH}/images/004.png" alt="{L_SEARCH_UNREAD}"  style="margin:0 20px 0 0;" /></a><!-- ENDIF --><!-- ENDIF -->
   <!-- ENDIF -->
    <!-- IF not S_IS_BOT and U_MARK_FORUMS --><a href="{U_MARK_FORUMS}" accesskey="m" title="{L_MARK_FORUMS_READ}"><img src="{T_THEME_PATH}/images/003.png" alt="{L_MARK_FORUMS_READ}" style="margin:0 20px 0 0;" /></a><!-- ENDIF -->
    <!-- ENDIF -->
    </td>
    <td width="30%" align="center" valign="middle"><p>{CURRENT_TIME}</p></td>
    <td width="30%">&nbsp;</td>
   </tr>
</table>
<!-- new info block off -->
<!-- IF RECENT_TOPICS_DISPLAY --><!-- INCLUDE recent_topics_body.html --><!-- ENDIF -->

<!-- INCLUDE gallery/imageblock_body.html -->
<!-- INCLUDE forumlist_body.html -->

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
   <form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
   <h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
      <fieldset class="quick-login">
         <label for="username">{L_USERNAME}:</label>&nbsp;<input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />
         <label for="password">{L_PASSWORD}:</label>&nbsp;<input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
         <!-- IF S_AUTOLOGIN_ENABLED -->
            | <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>
         <!-- ENDIF -->
         <input type="submit" name="login" value="{L_LOGIN}" class="button2" />
         {S_LOGIN_REDIRECT}
      </fieldset>
   </form>
<!-- ENDIF -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
   <!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
   <p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
   <!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
   <h3>{L_BIRTHDAYS}</h3>
   <p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
<!-- ENDIF -->

<!-- IF S_THANKS_LIST -->
   <h3>{L_TOP_THANKS_LIST}</h3>
   <p>{THANKS_LIST}</p>
<!-- ENDIF -->
<!-- IF NEWEST_USER -->
   <h3>{L_STATISTICS}</h3>
   <p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} <!-- IF TOTAL_IMAGES --> &bull; {TOTAL_IMAGES}<!-- ENDIF --> &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p>
<!-- ENDIF -->

<!-- INCLUDE overall_footer.html -->


Не в сети
(Андрей)  
2019-07-08 
Администратор
Аватара пользователя

Стаж: 6 лет 9 месяцев 15 дней
Сообщения: 1190
Откуда: здешние мы


Стиль: subsilver2


Репутация: 9


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


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

Код: Выделить всё

<!-- IF S_DISPLAY_ONLINE_LIST --><span><a class="button button-blue" href="#tab1">{L_WHO_IS_ONLINE}</a></span><!-- ENDIF -->


удачи.


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
Не в сети
(Дмитрий)  
2019-07-08 
Аватара пользователя

Стаж: 5 лет 5 месяцев 24 дня
Сообщения: 729


Стиль: prosilver


Репутация: 15




Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


Что то я намутил не то. Ошибка 500 и белый экран :-D
Сейчас попробую в блокноте сделать и покажу как это у меня выглядит

Добавлено спустя 5 минут 24 секунды:
Вот мой обновленный файл, который выдал ошибку 500 :o :?

Код: Выделить всё

<!-- INCLUDE overall_header.html -->
<!-- new info block on -->
<table width="100%">
  <tr>
    <td width="30%" align="left">
    <!-- IF U_MCP --><a href="{U_MCP}" title="{L_MCP}"><img src="{T_THEME_PATH}/images/001.png" alt="{L_MCP}" style="margin:0 20px 0 0;" /></a><!-- ENDIF -->
    <!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
    <!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH_ACTIVE_TOPICS}" title="{L_SEARCH_ACTIVE_TOPICS}"><img src="{T_THEME_PATH}/images/002.png" alt="{L_SEARCH_ACTIVE_TOPICS}" style="margin:0 20px 0 0;" /></a>
   <!-- IF S_USER_LOGGED_IN or S_LOAD_UNREADS --><!-- IF S_LOAD_UNREADS --><a href="{U_SEARCH_UNREAD}" title="{L_SEARCH_UNREAD}"><img src="{T_THEME_PATH}/images/004.png" alt="{L_SEARCH_UNREAD}"  style="margin:0 20px 0 0;" /></a><!-- ENDIF --><!-- ENDIF -->
   <!-- ENDIF -->
    <!-- IF not S_IS_BOT and U_MARK_FORUMS --><a href="{U_MARK_FORUMS}" accesskey="m" title="{L_MARK_FORUMS_READ}"><img src="{T_THEME_PATH}/images/003.png" alt="{L_MARK_FORUMS_READ}" style="margin:0 20px 0 0;" /></a><!-- ENDIF -->
    <!-- ENDIF -->
    </td>
    <td width="30%" align="center" valign="middle"><p>{CURRENT_TIME}</p></td>
    <td width="30%">&nbsp;</td>
   </tr>
</table>
<!-- new info block off -->
<!-- IF RECENT_TOPICS_DISPLAY --><!-- INCLUDE recent_topics_body.html --><!-- ENDIF -->

<!-- INCLUDE gallery/imageblock_body.html -->
<!-- INCLUDE forumlist_body.html -->

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
   <form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
   <h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
      <fieldset class="quick-login">
         <label for="username">{L_USERNAME}:</label>&nbsp;<input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />
         <label for="password">{L_PASSWORD}:</label>&nbsp;<input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
         <!-- IF S_AUTOLOGIN_ENABLED -->
            | <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>
         <!-- ENDIF -->
         <input type="submit" name="login" value="{L_LOGIN}" class="button2" />
         {S_LOGIN_REDIRECT}
      </fieldset>
   </form>
<!-- ENDIF -->




<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/JavaScript">
$(document).ready(function() {

   //Действие по умолчанию
   $(".tab_content").hide(); //Скрыть все содержимое
   $("ul.tabs span:first").addClass("active").show(); //Активировать первую вкладку
   $(".tab_content:first").show(); //Показать первые содержание вкладке
   
   //По щелчку события
   $("ul.tabs span").click(function() {
      $("ul.tabs span").removeClass("active"); //Удалите все "active" класс
      $(this).addClass("active"); //Добавить "active" класса выбранной вкладки
      $(".tab_content").hide(); //Скрыть вкладку Все содержание
      var activeTab = $(this).find("a").attr("href"); //Найти относительной значение атрибута для выявления активной вкладки + содержание
      $(activeTab).fadeIn(); //Fade в активного содержимого
      return false;
   });

});
</script>
</head>
<body>

<style>
.tab_content{height:150px;padding:10px;margin-right:-4px;;background-color:#FFFFFF;border:1px solid #4477a1;}
.tabs{width:100%;list-style:none;margin:0;padding:0 2px;height:26px;background:#4477a1;background:-webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );background:-moz-linear-gradient(-90deg, #81a8cb, #4477a1);filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');}
.button{float:left;margin:2px;padding:2px 4px 2px 4px;text-decoration:none;font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;font-weight:normal;font-size:14px;display:inline-block;text-align:center;_border:1px solid #ffffff;text-shadow:0 1px 0 rgba(0,0,0,0.4);box-shadow:0 0 .05em rgba(0,0,0,0.4);-moz-box-shadow:0 0 .05em rgba(0,0,0,0.4);-webkit-box-shadow:0 0 .05em rgba(0,0,0,0.4);}
.button:hover{box-shadow:0 0 .1em rgba(0,0,0,0.4);-moz-box-shadow:0 0 .1em rgba(0,0,0,0.4);-webkit-box-shadow:0 0 .1em rgba(0,0,0,0.4);}
.button:active{position:relative;top:1px;}
a.button{color:#FFFFFF;}
.button-blue{background:#4477a1;background:-webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1));background:-moz-linear-gradient(-90deg, #81a8cb, #4477a1);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');}
.button-blue:hover{background:#81a8cb;background:-webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb));background:-moz-linear-gradient(-90deg, #4477a1, #81a8cb);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');}
.button-blue:active{background:#4477a1;}
</style>
<ul class="tabs">
<span><a class="button button-blue" href="#tab1">{L_WHO_IS_ONLINE}</a></span>
<span><a class="button button-blue" href="#tab2">{L_BIRTHDAYS}</a></span>
<span><a class="button button-blue" href="#tab3">{L_TOP_THANKS_LIST}</a></span>
<span><a class="button button-blue" style="float:right;" href="#tab4">{L_STATISTICS}</a></span>
</ul>


<div id="tab1" class="tab_content">
<br /> <!-- IF S_DISPLAY_ONLINE_LIST -->
   <!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
   <p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
   <!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->
</div>
 
 
<div id="tab2" class="tab_content">
<br /><!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
   <h3>{L_BIRTHDAYS}</h3>
   <p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
<!-- ENDIF -->
</div>
 
<div id="tab3" class="tab_content">
<br /><!-- IF S_THANKS_LIST -->
   <h3>{L_TOP_THANKS_LIST}</h3>
   <p>{THANKS_LIST}</p>
<!-- ENDIF -->
</div>
 
<div id="tab4" class="tab_content">
<br /><!-- IF NEWEST_USER -->
   <h3>{L_STATISTICS}</h3>
   <p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} <!-- IF TOTAL_IMAGES --> &bull; {TOTAL_IMAGES}<!-- ENDIF --> &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p>
<!-- ENDIF -->
</div>



<!-- INCLUDE overall_footer.html -->


Добавлено спустя 13 минут 24 секунды:
Или, все же, надо в обертку делать: :?

Код: Выделить всё

<ul class="tabs">
<!-- IF S_DISPLAY_ONLINE_LIST --><span><a class="button button-blue" href="#tab1">{L_WHO_IS_ONLINE}</a></span><!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST --><span><a class="button button-blue" href="#tab2">{L_BIRTHDAYS}</a></span><!-- ENDIF -->

<!-- IF S_THANKS_LIST --><span><a class="button button-blue" href="#tab3">{L_TOP_THANKS_LIST}</a></span><!-- ENDIF -->

<!-- IF NEWEST_USER --><span><a class="button button-blue" style="float:right;" href="#tab4">{L_STATISTICS}</a></span>
</ul><!-- ENDIF -->


Показать сообщения за:  Поле сортировки  
Ответить на тему  [ Сообщений: 27 ]  1 2 3

Кто сейчас на сайте:

Всего посетителей: 0, из них зарегистрированных: 0, скрытых: 0 и гостей: 0 (основано на активности пользователей за последние 5 минут)
Больше всего посетителей (45) здесь было 28 авг 2021, 12:44

Сейчас этот раздел просматривают: нет зарегистрированных пользователей и гости: 0

Часовой пояс: UTC + 2 часа



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

Найти:
Перейти:  

cron

Текущее время: 07 июл 2022, 08:38

Создано на основе phpBB® Forum Software © phpBB Group
Яндекс.Метрика

Полная версия Мобильный вид