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

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

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

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

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

Посмотреть

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

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

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

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

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

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

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

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

Поиск роли на текстовых ролевых
Проект от специалистов 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
Suggestions • Reviews

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

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

1

  • Автор: Олюся
  • Бестелесный дух прошлого
  • Олюся
  • Уважение: +21

Здравствуйте. У меня проблемка возникла.

Хочу спрятать некоторые меню под названием категории. Написала код

Код:
<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B85F;" width="100%">

<tr><td style="background:#C4D5A1 url('/images/0_49936_e28214b1_L_2.png') repeat; border:1px solid #AC7B4C;"><b><!--<s5184>-->Меню сайта<!--</s>--></b></td></tr>
<tr><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_1$</td></tr>
<tr><div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">Картотека</a><div style="display: none"><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_2$</td></div></tr>
<tr><div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">Литература</a><div style="display: none"><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_3$</td></div></tr>
<tr><div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">Рецензии</a><div style="display: none"><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_4$</td></div></tr>
<tr><div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">Галерея</a><div style="display: none"><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_5$</td></div></tr>
<tr><div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">Книжная полка</a><div style="display: none"><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_6$</td></div></tr>
<tr><div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">Сайт</a><div style="display: none"><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_7$</td></div></tr>



</table>

вот,  что  вышло

Вместо того, чтоб спрятаться под Словами "Картотека", "Литература", "Рецензия" и т.д. Названия категорий оказались вверху, а список разделов списком ниже.

Кода пыталась не мудрствовать

Код:
<tr><td style="background:#C4D5A1 url('/images/0_49936_e28214b1_L_2.png') repeat; border:1px solid #AC7B4C;"><b><!--<s5184>-->Меню сайта<!--</s>--></b></td></tr>

<tr><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_1$</td></tr>
<tr><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_2$</td></tr>
<tr><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_3$</td></tr>
<tr><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_4$</td></tr>
<tr><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_5$</td></tr>

<tr><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_6$</td></tr>
<tr><td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_7$</td></tr>

то оно  идёт колонкой вниз всё . Это очень много места занимает. Если нет возможности под слово спрятать, то можно и под картинку. Лишь бы список разделов выскакивал при нажатии, а не наведении.

Вот  мобильная версия сайта

0

2

  • Автор: Олюся
  • Бестелесный дух прошлого
  • Олюся
  • Уважение: +21

Нашла ошибку в первом коде лишний div. Избавилась от него, но всё равно ничего не вышло...

Код:
<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B85F;" width="100%">

<tr>
	<td style="background:#C4D5A1 url('/images/0_49936_e28214b1_L_2.png') repeat; border:1px solid #AC7B4C;">
	<b><!--<s5184>-->Меню сайта<!--</s>--></b>
	</td>
</tr>

<tr>
	<td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
	$SMENU_1$
	</td>
</tr>

<tr>
	<a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
	Картотека
	</a>
	<div style="display: none">
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">$SMENU_2$
    </td>
	</div>
</tr>

<tr>
	<a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">Литература
	</a>
	<div style="display: none">
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    $SMENU_3$
    </td>
	</div>
</tr>

<tr>
	<a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
	Рецензии
	</a>
	<div style="display: none">
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    $SMENU_4$
    </td>
	</div>
</tr>

<tr>
	<a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
	Галерея
	</a>
	<div style="display: none">
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    $SMENU_5$
    </td>
	</div>
</tr>

<tr>
	<a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
	Книжная полка
	</a>
	<div style="display: none">
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    $SMENU_6$
    </td>
	</div>
</tr>

<tr>
	<a href="#" onclick=" obj=this.parentNode.childNodes[1].style;tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
	Сайт
	</a>
	<div style="display: none">
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    $SMENU_7$
    </td>
	</div>
</tr>



</table>

0

3

  • Автор: Олюся
  • Бестелесный дух прошлого
  • Олюся
  • Уважение: +21

Всё, я нашла решение:

Код:
<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B85F;" width="100%">

<tr>
	<td style="background:#C4D5A1 url('/images/0_49936_e28214b1_L_2.png') repeat; border:1px solid #AC7B4C;">
	<b><!--<s5184>-->Меню сайта<!--</s>--></b>
	</td>
</tr>

<tr>
	<td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
	$SMENU_1$
	</td>
</tr>

<tr>
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    <div class="spoil">
    	<input type="button" value="Картотека" class="input-button" onclick= "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Картотека Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Картотека'; }" /> 
    </div>

    <div class="alt2"> 
    	<div style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat; display: none;"> $SMENU_2$ </div>
    	</div>
    </div>
    </td>
	
</tr>

<tr>
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    <div class="spoil">
    	<input type="button" value="Литература" class="input-button" onclick= "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Литература Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Литература'; }" /> 
    </div>

    <div class="alt2"> 
    	<div style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat; display: none;"> $SMENU_3$ </div>
    	</div>
    </div>
    </td>
	
</tr>

<tr>
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    <div class="spoil">
    	<input type="button" value="Рецензии" class="input-button" onclick= "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Рецензии Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Рецензии'; }" /> 
    </div>

    <div class="alt2"> 
    	<div style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat; display: none;"> $SMENU_4$ </div>
    	</div>
    </div>
    </td>
	
</tr>

<tr>
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    <div class="spoil">
    	<input type="button" value="Галерея" class="input-button" onclick= "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Галерея Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Галерея'; }" /> 
    </div>

    <div class="alt2"> 
    	<div style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat; display: none;"> $SMENU_5$ </div>
    	</div>
    </div>
    </td>
	
</tr>

<tr>
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    <div class="spoil">
    	<input type="button" value="Книжная полка" class="input-button" onclick= "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Книжная полка Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Книжная полка'; }" /> 
    </div>

    <div class="alt2"> 
    	<div style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat; display: none;"> $SMENU_6$ </div>
    	</div>
    </div>
    </td>
	
</tr>

<tr>
    <td style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat;">
    <div class="spoil">
    	<input type="button" value="Сайт" class="input-button" onclick= "if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Сайт Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Сайт'; }" /> 
    </div>

    <div class="alt2"> 
    	<div style="background:#cedfb5 url('/images/0_49936_e28214b1_L_2.png') repeat; display: none;"> $SMENU_7$ </div>
    	</div>
    </div>
    </td>
	
</tr>


</table>

вот так   оно выглядит

0

Страница: 1