Рицка-кун
отблагодарить —ваще элементарно.
научиться юзать его. в т.ч. и меню.
код стиля
[mod]код удален. защита от плагиата[/mod]
вставляем как есть и не трогаем
настройки:
[mod]код удален. защита от плагиата[/mod]
они все прокомментированы, вроде, все понтны.
но один момент я, все же объясню:
Свернутый текст
<!--шапка-->
<div id="logoup">
<!--меню-->
<div style="position:relative; margin-left: 500px;">
<ul id="nav" class="example1">
<li><a href="http://schoolofumineko.anihub.ru/">Главная</a></li>
<li class="current"><a href="#">Ссылки</a>
<div>
<ul>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=14">о1. Правила</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=10">о2. Сюжет</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=13">o3. Расы</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=8">o4. Занятые внешности</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=7">o5. Распределение по комнатам!</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=9">o6. Разыскиваются!</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=12">o7. Магические способности</a></li>
</ul>
</div>
</li>
<li><a href="#">Администрация</a>
<div>
<ul>
<li><strong>Администраторы</strong></li>
<li><a href="http://schoolofumineko.anihub.ru/profile.php?id=2">mafuyu_oribe;</a></li>
<li><a href="http://schoolofumineko.anihub.ru/profile.php?id=3">Денёв</a></li>
<li><a href="http://schoolofumineko.anihub.ru/profile.php?id=25">.tomo</a></li>
<li><strong>Модераторы</strong></li>
<li><a href="http://schoolofumineko.anihub.ru/profile.php?id=27">Kayn Yowane</a></li>
</ul>
</div>
</li>
<li><a href="#">Акции</a>
<div>
<ul>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=4">o8. Акция #о1</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=5">o9. Акция #о2</a></li>
</ul>
</div>
</li>
<li><a href="#">Реклама</a>
<div>
<ul>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=96#p1670">Наша реклама</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=95">Наши баннеры</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=97">Ваша реклама</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=98">Баннерообмен</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=99">Партнерство</a></li>
</ul>
</div>
</li>
</ul>
</div>
<!--конец меню-->
</div>
красное - это ШАПКА (как бы удивительно это не было), не удаляй, а то красота невразумительного размера сверху пропадет.
синее - это HTML код меню. если захочешь убрать меню, убирай синее.
так же не забывай, что меню состоит еще из скриптов. (они тоже в верхней части) если будешь удалять меню, удаляй и скрипты тоже.
далее...
меню тебе рано или поздно надо корректировать (модераторы поменяются или акции добавятся и т.п.), поэтому выдаю тебе инструкцию по тому, как это делать:
инструкция
ВАЖНО!!! ЧИТАТЬ!!! УЧИТЬ!!! ПОНИМАТЬ И ЗНАТЬ!!! html + инструкция
<div style="position:relative; margin-left: 500px;">
<ul id="nav" class="example1">
<li><a href="http://schoolofumineko.anihub.ru/">Главная</a></li>
<li class="current"><a href="#">Ссылки</a>
<div>
<ul>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=14">о1. Правила</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=10">о2. Сюжет</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=13">o3. Расы</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=8">o4. Занятые внешности</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=7">o5. Распределение по комнатам!</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=9">o6. Разыскиваются!</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=12">o7. Магические способности</a></li>
</ul>
</div>
</li>
<li><a href="#">Администрация</a>
<div>
<ul>
<li><strong>Администраторы</strong></li>[/color]
<li><a href="http://schoolofumineko.anihub.ru/profile.php?id=2">mafuyu_oribe;</a></li>
<li><a href="http://schoolofumineko.anihub.ru/profile.php?id=3">Денёв</a></li>
<li><a href="http://schoolofumineko.anihub.ru/profile.php?id=25">.tomo</a></li>
<li><strong>Модераторы</strong></li>
<li><a href="http://schoolofumineko.anihub.ru/profile.php?id=27">Kayn Yowane</a></li>
</ul>
</div>
</li>
<li><a href="#">Акции</a>
<div>
<ul>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=4">o8. Акция #о1</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=5">o9. Акция #о2</a></li>
</ul>
</div>
</li>
<li><a href="#">Реклама</a>
<div>
<ul>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=96#p1670">Наша реклама</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=95">Наши баннеры</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=97">Ваша реклама</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=98">Баннерообмен</a></li>
<li><a href="http://schoolofumineko.anihub.ru/viewtopic.php?id=99">Партнерство</a></li>
</ul>
</div>
</li>
</ul>
</div>
Зеленое - основные пункты
Синее - подпункты
<ul> - это начало списка
</ul> - конец списка
<li> … </li> - пункт списка
Например, список основных пунктов таков:
<ul id="nav" class="example1">
<li><a href="http://schoolofumineko.anihub.ru/">Главная</a></li>
<li class="current"><a href="#">Ссылки</a></li>
<li><a href="#">Администрация</a></li>
<li><a href="#">Акции</a></li>
<li><a href="#">Реклама</a></li>
</ul>
Как добавить пункт в список?
1. выберите пункт, после которого хотите добавить новый
2. найдите ту часть кода, где пункт замыкается тегом </li>
3. вставьте новый пункт после тега </li> в следующем виде:
<li>_название_пункта_</li>
Пример:
Пример:
Было
<ul>
<li><a href="">Главная</a></li>
<li><a href="">Инструктаж</a></li>
<li><a href="">О мире</a></li>
<li><a href="">Создание персонажа</a></li>
<li><a href="">Акции</a></li>
<li><a href="">Пиар</a></li>
</ul>
Стало
<ul>
<li><a href="http http://paradise-frpg.ru/">Главн … lt;/li>
<li><a href="">Инструктаж</a></li>
<li><a href="">О мире</a></li> // после этого тега
<li>_название_пункта_</li>
<li><a href="">Создание персонажа</a></li>
<li><a href="">Акции</a></li>
<li><a href="">Пиар</a></li>
</ul>
Как добавить подпункт(ы)?
1. выберете пункт, к которому будут относиться подпункты
2. найдите ту часть кода, где пункт замыкается тегом </li>
3. создайте список перед тегом </li> с помощью тегов: <div><ul> </ul></div>
4. между тегами <ul> </ul> вставьте новые пункт(ы) в следующем виде:
<div><ul><li>_название_пункта_1_</li> _название_пункта_2_</li> </ul></div>
Было
<ul>
<li><a href="">Главная</a></li>
<li><a href="">Инструктаж</a></li>
<li><a href="">Пиар</a></li>
</ul>
Стало
<ul>
<li><a href="">Главная</a></li>
<li><a href="">Инструктаж</a>
<ul>
<li>_название_пункта_1_</li>
</ul>
</li> // перед этим тегом
<li><a href="">Пиар</a></li>
</ul>
далее...
есть скрипт спойлера, в нем должен быть вот такой кусок:
Свернутый текст
<style>
#button-spoiler {background-image:url('https://forumupload.ru/uploads/0007/e3/f7/58106-3.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:30px; width:100%}
</style>
это есть кнопка спойлера в форму ответа. нужно поставить новую картинку, чтоб не выделялась от остального.