ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

GEMcross

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

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

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

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Навигация для форума

Сообщений 1 страница 4 из 4

1

навигационная карта (облако ссылок)

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

Свернутый текст

<div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="Ссылка" rel="nofollow" class="eTag eTagGr8">Название</a>
</noindex></div>

Выделеное курсивом копируем сколько хотим

а это нужно поставить в низ

Свернутый текст

<script type="text/javascript" src="http://neotech.3dn.ru/Tegs/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '8';
flashvars.maxFontSize = '14';
flashvars.tcolor = '0x009CFF';
flashvars.tcolor2 = '0x009CFF';
flashvars.hicolor = '0x009CСF';
flashvars.distr = 'true';
flashvars.tspeed = '100';
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '200', '190', '9.0.0', false, flashvars, params, attributes);
</script>

"200" - ширина будущего облака тегов в пикселях.
"190" - высота будущего облака тегов.
"9" - максимальная версия флеш-плеера, которая нужна для отображения облака.
"wmode", "transparent" - устанавливаем фон облака прозрачным. Если убрать эту строку, то можно будет самим задавать цвет фона.
"minFontSize", "8" - размер самого маленького шрифта в облаке. Размер задается в пунктах.
"maxFontSize", "14" - размер самого крупного шрифта в облаке. Размер задается в пунктах.
"tcolor", "0x009CFF" - цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
"tcolor2", "0x009CFF" - цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
"hicolor", "0x009CCF" - цвет текста при наведении на него курсора. 0x не меняем.
"tspeed", "100" - скорость вращения.
"distr", "true" - тип вращения облака, может принимать значение "true" или "false".
Выделеные цвета меняем на свои, выгляядит это будет так как тут в обьявление в навигаторке

+1

2

Форма быстрого перехода между разделами (либо перехода куда угодно)

у нас такая навигация стоит в описании разделов, например.

<FORM>
<SELECT size=1 name='navigation'>
<OPTGROUP label="Статьи:">
    <option value='http://forumd.ru/viewtopic.php?id=665'>Статья о мета-тегах</option>
    <option value='http://forumd.ru/viewtopic.php?id=729'>Статья о статистике</option>
    <option value='http://forumd.ru/viewtopic.php?id=967'>Обмен рекламой на mybb</option>
    <option value='http://forumd.ru/viewtopic.php?id=995'>Средства раскрутки</option>
</OPTGROUP>
<OPTGROUP label="Темы раздела:">
    <option value='http://forumd.ru/viewtopic.php?id=994'>Вопрос-ответ по раскрутке</option>
    <option value='http://forumd.ru/viewtopic.php?id=1042'>Критика форумов</option>
</OPTGROUP>
</SELECT>
<INPUT class=but onclick="location.href =
this.form.navigation.options[this.form.navigation.selectedIndex].value"
type=button value="Перейти" name=button>
</FORM>

Все выделенное меняем на свое.

0

3

Видоизменённый быстрый переход между разделами форума (источник: http://forum.mybb.ru/viewtopic.php?id=22050)

Свернутый текст

<form id="qjump" method="get" action="viewforum.php">
<div><label>Быстрый переход по форумам
<br /><select name="id" onchange="window.location=('viewforum.php?id='+this.options[this.selectedIndex].value)">
<optgroup label="Первая">
<option value="8">Новости</option>
<option value="1">+Музыкальный форум</option>
<option value="2">&nbsp; &nbsp; - Тяжелая музыка</option>
<option value="3">&nbsp; &nbsp; - Попса</option>
</optgroup>
<optgroup label="Другая категория">
<option value="4">Спортивный форум</option>
<option value="5">+Форум для всей семьи</option>
<option value="9">&nbsp; &nbsp; - Мамочкам</option>
<option value="7">&nbsp; &nbsp; - Папочкам</option>
<option value="10">&nbsp; &nbsp; - Дети цветы жизни</option>
</optgroup>
</select>
<input type="submit" value=" Вперёд " accesskey="g" />
</label></div>
</form>

как видите в таком варианте не обязательно вставлять полную ссылку (http://forum.mybb.ru/viewforum.php?id=8) на нужный форум, достаточно вставлять лишь id форума (id=8),
значит <option value="8">

атрибут label у нас используется для обозначения категорий форума,  например <optgroup label="Ролевая">

так же можно выделить подфорумы в списке (в виде вложенностей)
Для этого желательно использовать знак "+" и "-".
Если вы делаете ссылки на разные документы одного и того же сайта, то можно не писать каждый раз "http://....", а просто подставлять переменную с этим текстом.
Например:

<option value="1">+ Страница 1</option>
<option value="1_1">&nbsp; &nbsp; - Страница 1_1</option>
<option value="1_2">&nbsp; &nbsp; - Страница 1_2</option>
<option value="1_3">&nbsp; &nbsp; - Страница 1_3</option>
<option value="1_4">&nbsp; &nbsp; - Страница 1_4</option>

или так (для ясности):

<option value="5">+Форум для всей семьи</option>
          <option value="9">&nbsp; &nbsp; - Мамочкам</option>
          <option value="7">&nbsp; &nbsp; - Папочкам</option>
          <option value="10">&nbsp; &nbsp; - Дети цветы жизни</option>

теперь приукрасим этот выпадающий список

обычно он выглядит так:
http://s43.radikal.ru/i102/1001/8e/88ad0f8f6107.png
блёкло, при этом нет никакой плавности появления списка

исправить ситуацию можно с помощью фреймворка jquery и плагина к нему

для тех у кого он ещё не установлен в html-верх:

<script type="text/javascript" src="http://help4us.ru/include/js/jquery.js"></script>

затем заливаем остальную часть скрипта.
html-верх:

Свернутый текст

<script language="javascript" src="http://jquery.sanchezsalvador.com/Scripts/jquery.combobox.js"></script>

    <style type="text/css">
    .comboboxContainer
    {border-left: solid 2px #777;
    border-top: solid 2px #777;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;}
    .comboboxValueContainer
    {background: url(http://s53.radikal.ru/i141/1001/7a/5bc0c35c4661.gif) repeat-x left top;}
    .comboboxValueContent
    {padding-left: 3px;
    text-transform: uppercase;
    cursor: pointer;}
    .comboboxDropDownContainer
    {border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    border-left: solid 1px #aaa;
    border-top: solid 1px #aaa;
    background: #fff;
    overflow: hidden;
    padding-left: 3px;
    width: 250px;
    cursor: pointer;}
    .comboboxDropDownButton
    {width: 16px;
    height: 18px;
    background-image: url(http://s001.radikal.ru/i193/1001/46/6cd53748e2ee.gif);}
    .comboboxGroupItemHeader
    {display: block;
    background: #99cccc;
    color: #000;
    font-family: Impact;}
    .comboboxGroupItemContainer
    {padding-left: 10px;}
    .comboboxItem
    {background: #fff;
    color: #000;
    text-transform: lowercase;
    font-weight: normal;
    font-style: normal;}
    .comboboxItemHover
    {background-color: #999;
    color: #fff;
    text-transform: uppercase;
    padding-left: 4px;}
    </style>

в html-низ:

Свернутый текст

<script type="text/javascript">
    $('#qjump select').combobox(
       {
         comboboxContainerClass: "comboboxContainer",
         comboboxValueContainerClass: "comboboxValueContainer",
         comboboxValueContentClass: "comboboxValueContent",
         comboboxDropDownClass: "comboboxDropDownContainer",
         comboboxDropDownButtonClass: "comboboxDropDownButton",
         comboboxDropDownItemClass: "comboboxItem",
         comboboxDropDownItemHoverClass: "comboboxItemHover",
         comboboxDropDownGroupItemHeaderClass: "comboboxGroupItemHeader",
         comboboxDropDownGroupItemContainerClass: "comboboxGroupItemContainer",
         animationType: "slide",
         width: "200px"
       });
    </script>

в итоге, что мы получаем можно посмотреть Здесь (внизу)
в самом низу форма быстрого перехода

0

4

Скрипт с формой, позволяющие осуществлять "навигацию" без кнопки перехода.

<script language='Javascript'>
function change_sel(url)
{
window.location.href = url;
}
</script>
<form name='sel'>
<select name='selector' class='forminput' onchange='change_sel(document.sel.selector.options[document.sel.selector.selectedIndex].value)'>
  <option value='#'>Навигация</option>
  <option value='Ссылка1'>Ссылка1</option>
  <option value='Ссылка2'>Ссылка2</option>
</select>
</form>

Вместо красного текста ставим адреса ссылок
Вместо синего - название ссылок (разделов)

0