Доброго времени суток.
Недавно я решила создать страницу для своего форума.Ну и появилась идея оформить ее.К сожалению оформление стандартной таблицей мне показалось слишком скучным.
Я хотела бы спросить:
-можно ли,что бы при нажалии на кнопку 1,в разделе 6 выбадала одна информация,а при нажатии на кнопку 2(и тд.)-другая?
-можно ли сделать выплывающие подразделы пунктов меню 1-5?
Оформление страницы
Сообщений 1 страница 20 из 21
Поделиться1Пт, 24 Сен 2010 22:24:52
Поделиться2Пт, 24 Сен 2010 22:29:16
Lyser ну воткни всплывающее меню в табличку такую в этот столбик, а сами всплывалки в большое окно - какие проблемы ? http://forum.mybb.ru/viewtopic.php?id=21285
К примеру тут в две строчки они расположены > http://testoffd.mybb.ru/
- а можно в столбик
Отредактировано Deff (Пт, 24 Сен 2010 22:32:40)
Поделиться3Пт, 24 Сен 2010 22:34:59
какие проблемы ?
Проблема в том,что я нуб)
Наверное я выразилась не правильно.Информация в части 6 не должна всплывать,а меняться на информацию при нажатии другой кнопки.А то получится,что я открою например "Events" и не закрою ее,а сверху наложится другая информация.
Отредактировано Lyser (Пт, 24 Сен 2010 22:40:56)
Поделиться4Пт, 24 Сен 2010 22:41:01
Lyser Вы сделайте для выплывающего все, а птом заменить время всплытия - и будет просто смена
Поделиться5Пт, 24 Сен 2010 22:45:01
Извините,что я морочу голову,но я не имею ни малейшего понятия о размещении так,как я этого хочу
Поделиться6Пт, 24 Сен 2010 22:52:51
Извините,что я морочу голову,но я не имею ни малейшего понятия о размещении так,как я этого хочу
Закажите тогда для начала такую табличку в Таблицы на заказ (9)
потом выложите код сюда и код для кол-ва кнопок по всплывающему меню, потом выложите адрес сайта - чо нидь придумаем .... До встреч
Отредактировано Deff (Пт, 24 Сен 2010 22:55:39)
Поделиться7Сб, 25 Сен 2010 11:52:29
Вот прошу,уже табличку сделали
<table border="1" cellspacing="2" cellpadding="2" width="100%"> <tbody> <tr align="center"> <td>1</td> <td rowspan="5">6</td> </tr> <tr align="center"> <td>2</td> </tr> <tr align="center"> <td>3</td> </tr> <tr align="center"> <td>4</td> </tr> <tr align="center"> <td>5</td> </tr> </tbody> </table>
вот адрес форума:http://mobiusopposite.rolevaya.ru
а вставить таблицу нужно сюда: http://mobiusopposite.rolevaya.ru/pages/main
да,и вот нашла примерно то,что я хочу что бы получилось на этом сайте.
Отредактировано Lyser (Сб, 25 Сен 2010 11:55:04)
Поделиться8Сб, 25 Сен 2010 14:09:21
Lyser
Здравствуйте.
Доброго времени суток.Недавно я решила создать страницу для своего форума.Ну и появилась идея оформить ее.К сожалению оформление стандартной таблицей мне показалось слишком скучным.Я хотела бы спросить:
Пример.
Код:
<p> <style type="text/css"><!-- #menu { padding-left: 20px; } #menu a { padding: 7px 30px 7px; margin-right: 5px; display: block; margin: 10px 0; width: 100px; text-decoration: none; } #submenu { padding: 5px; height: 100px; text-align: center; font-size: 12px; width: 700px; } .submenutext { display: none; height: 60px; } #submenu A { color: #CCC; } #menu .tabactive { color: #65065f; } --></style> <script type="text/javascript"><!-- var prevmenu, prevtab function subMenu(obj, menu) { if (document.getElementById) { if (prevmenu) document.getElementById(prevmenu).style.display = "none" document.getElementById(menu).style.display = "block" if (prevtab) { prevtab.className = "" } obj.className = "tabactive" prevmenu = menu prevtab = obj } } // --></script> </p> <table style="width: 100%;" border="0"> <tbody> <tr> <td style="width: 25%;"> <div id="menu"><a onmouseover="subMenu(this,'sm1')" href="#">Название 1</a> <a onmouseover="subMenu(this,'sm2')" href="#">Название 2</a> <a onmouseover="subMenu(this,'sm3')" href="#">Название 3</a> <a onmouseover="subMenu(this,'sm4')" href="#">Название 4</a> <a onmouseover="subMenu(this,'sm5')" href="#">Название 5</a></div> </td> <td align="center"> <div id="submenu"> <div id="sm1" class="submenutext"><br /><br />тут текст 1</div> <div id="sm2" class="submenutext"><br /><br />тут текст 2</div> <div id="sm3" class="submenutext"><br /><br />тут текст 3</div> <div id="sm4" class="submenutext"><br /><br />тут текст 4</div> <div id="sm5" class="submenutext"><br /><br />тут текст 5</div> </div> </td> </tr> </tbody> </table>
Поделиться9Сб, 25 Сен 2010 14:44:36
rps,а можно что бы информация менялась при нажатии на кнопку,не не при наведении?
Поделиться10Сб, 25 Сен 2010 16:00:24
Lyser
<p> <style type="text/css"><!-- #menu { padding-left: 20px; } #menu a { padding: 7px 30px 7px; margin-right: 5px; display: block; margin: 10px 0; width: 100px; text-decoration: none; } #submenu { padding: 5px; height: 100px; text-align: center; font-size: 12px; width: 700px; } .submenutext { display: none; height: 60px; } #submenu A { color: #CCC; } #menu .tabactive { color: #65065f; } --></style> <script type="text/javascript"><!-- var prevmenu, prevtab function subMenu(obj, menu) { if (document.getElementById) { if (prevmenu) document.getElementById(prevmenu).style.display = "none" document.getElementById(menu).style.display = "block" if (prevtab) { prevtab.className = "" } obj.className = "tabactive" prevmenu = menu prevtab = obj } } // --></script> </p> <table style="width: 100%;" border="1"> <tbody> <tr> <td style="width: 25%;"> <div id="menu"> <a ONCLICK="subMenu(this,'sm1')" href="#">заголовок</a> <a ONCLICK="subMenu(this,'sm2')" href="#">заголовок</a> <a ONCLICK="subMenu(this,'sm3')" href="#">заголовок</a> <a ONCLICK="subMenu(this,'sm4')" href="#">заголовок</a> <a ONCLICK="subMenu(this,'sm5')" href="#">заголовок</a></div> </td> <td align="center"> <div id="submenu"> <div id="sm1" class="submenutext"><br /><br />текст</div> <div id="sm2" class="submenutext"><br /><br />текст</div> <div id="sm3" class="submenutext"><br /><br />текст</div> <div id="sm4" class="submenutext"><br /><br />текст</div> <div id="sm5" class="submenutext"><br /><br />текст</div> </div> </td> </tr> </tbody> </table>
Поделиться11Сб, 25 Сен 2010 20:26:47
Vvladik
Сделаю Вам замечание такого рода:
ONCLICK
Не принято писать код одними заглавными буквами. Это не ошибка, но так не делают. КАК НЕ ПИШУТ СООБЩЕНИЙ ТАКИМ ОБРАЗОМ. Просто потому, что так не принято.
Поделиться12Вс, 26 Сен 2010 23:17:09
большое спасибо.буду обустраивать
правда есть одна проблемка.при нажатии на заголовок,меня кидает вверх страницы,а мне такое не нужно
Отредактировано Lyser (Вс, 26 Сен 2010 23:52:56)
Поделиться13Пн, 27 Сен 2010 10:50:08
правда есть одна проблемка.при нажатии на заголовок,меня кидает вверх страницы,а мне такое не нужно
адрес форума и какой браузер используете ?
Отредактировано Deff (Пн, 27 Сен 2010 10:56:25)
Поделиться14Пн, 27 Сен 2010 11:11:35
адрес форума и какой браузер используете ?
я уже исправила эту проблему.
теперь осталось докапатся как выровнять текст по высоте
вот что получается: http://mobiusopposite.rolevaya.ru/pages/main
нажмите на предысторию,там у меня и проблемка.
Отредактировано Lyser (Пн, 27 Сен 2010 11:11:46)
Поделиться15Пн, 27 Сен 2010 19:56:54
я уже исправила эту проблему.теперь осталось докапатся как выровнять текст по высотевот что получается: http://mobiusopposite.rolevaya.ru/pages/mainнажмите на предысторию,там у меня и проблемка.
У Вас текст не помещается в размер таблицы. Лучше вместо поля сделайте блок нужного размера с горизнтальным скроллингом. Примерно так:
<div style="overflow-y: scroll; width: 200px; height: 200px;">Здесь некоторое содержимое</div>
Поделиться16Пн, 27 Сен 2010 22:22:03
Lyser
Поправил текст таблички
<table style="width: 100%; margin-top:-46px!important;" border="1" > <tbody> <tr> <td style="width: 33%; padding-top:54px;"> <div id="menu"><a onclick="subMenu(this,'sm1')"><img src="http://savepic.ru/1767971.png" alt="" width="280" height="40" /></a> <a onclick="subMenu(this,'sm2')"><img src="http://savepic.ru/1739299.png" alt="" width="280" height="40" /></a> <a onclick="subMenu(this,'sm3')"><img src="http://savepic.ru/1729059.png" alt="" width="280" height="40" /></a> <a onclick="subMenu(this,'sm4')"><img src="http://savepic.ru/1718819.png" alt="" width="280" height="40" /></a> <a onclick="subMenu(this,'sm5')">заголовок</a></div> </td> <td align="right"><br /> <div id="submenu"> <div id="sm1" class="submenutext"><br /><br /><br /><br /><br />Ролевая игра по миру Соника. Вселенная "Противоположной" стороны Мобиуса живет своими яркими красками. Здесь можно встретить новые приключения, которых все так жаждут: путешествие по 10 городам, каждый из которых уникален сам по себе, рискованные миссии по освобождению захваченных территорий, возмозность совершать покупки/продажи/обмен, гонки на Air Boards & Air Treks и конечно же борьба за мистический артефакт Колоссус.</div> <div id="sm2" class="submenutext"><br /><br /> <div style="overflow-y: scroll; width: 550px; height: 190px!important; background-color: #000; border-color: #5F5555!important; border-style: solid!important; border-width:1px!important; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow: 0px 5px 18px #000; -webkit-box-shadow:0px 5px 18px #000; -khtml-box-shadow:0px 5px 18px #000; -moz-box-shadow:0px 5px 18px #000; font-weight: bold; left:40px; font-family: arial; font-size: 12px; font-style: oblique; line-height: 9px; padding: 8px;"><fieldset style="border-color: transparent; filter: Shadow(Color=#500A39, Direction=135, Strength=12); text-shadow: #FF03B4 7px 7px 12px;"><fieldset><legend style="color: #DEDBDB;">Предыстория</legend> <br /> <span style="color: #ABAA28; line-height:125%; font-size: 12px;">Злобный гений, доктор Эггман всегда хотел захватить Мобиус, однако Соник всегда разрушал его планы.<br /> Рано или поздно, но история всегда даёт сбой, и Эггман смог захватить почти весь Мобиус благодаря своей новой разроботке-фактически бесконечному роботу, состоящему из миллиардов нанороботов. И наконец когда Соник и его команда были повержены, почти весь Мобиус пал к ногам злого гения.<br /> <br /> Однако нашлось одиннадцать аномальных регионов, на подобии Бермудского треугольника, на территории которых любые технологии просто прекращали свою работу. В этих аномалиях образовались базы беженцев, названные Городами. Да и технологии беженцев не стояли на месте. В этих аномальных местах паранормальная энергия значительно усиливалась, что позволяло давать очень серьёзный отпор любым менее технологичным попыткам злого гения захватить оставшихся мобианцев. Но и сами Мобианцы не могли отвоевать захваченные места так как все их технологии действовали только на территории городов.<br /> <br /> Однако что Эггман, что беженцы, в различных частях планеты нашли упоминание о неком артефакте под названием "Коллоссус", среди алхимиков более известен как "Проводник". Название дано было неспроста, так как Коллоссус был способен на значительное расстояние от себя влиять на пространство, в следствие чего любая из сторон могла со своими технологиями, поддерживаемая "частичкой своего мира", проникнуть на такую территорию, где бы в нормальных условиях эти технологии не работали.<br /> <br /> Стало ясно что от этого артефакта напрямую зависит дальнейшая судьба Мобиуса.<br /> Однако он находится в самом центре легендарного и неизвестного Одиннадцатого города-самого аномального места на планете.<br /> Туда есть лишь один вход, однако место на столько аномально, что даже роботы Эггмана, защищенные двадцатиметровым сверхкрепким сплавом, защищенной электроникой, со всеми спектрами защиты, в миг отключались и за минуты разрущались. А живые существа просто сходили с ума и убивались от безрасудка.<br /> <br /> Так же этот одиннадцатый город просто огромен, составляет его размер практически весь полюс планеты, который наполнен смертоносными аномалиями. Была одна личность, которая прорвалась сквозь аномалии, и вернулась назад, и от этого мобианца пошла легенда, что на территории Одиннадцатого Города есть разумные существа, владеющие огромнейшей силой, которые охраняют артефакт. Все попытки проверить это оборачивались неудачей-любые экспедиции просто не возвращались.Даже попытки телепортации блокировались и те, кто телепортировался, просто оставались вне пространства.<br /> <br /> Что будет с Мобиусом, кто всё же сможет дойти до Коллосуса, что будет дальше?<br /> Всё зависит лишь от ваших героев! </span></fieldset> </div> </div><br /><br /><br /> <div id="sm3" class="submenutext"><br /><br /> <a href="viewtopic.php?id=4">|Сюжет|</a><br /><a href="misc.php?action=rules">|Правила|</a><br /><a href="viewtopic.php?id=218#p1838">|Список ролей|</a><br /> <a href="viewtopic.php?id=218#p1838">|Шаблон анкеты|</a><br /> <a href="viewtopic.php?id=8">|Вопросы и помощь|</a><br /> <a href="viewtopic.php?id=46">|Вещи(Items) в ролевой|</a><br /> <a href="viewtopic.php?id=6">|Жалобы и предложения|</a><br /> <a href="viewtopic.php?id=69">|Проверка грамотности игроков|</a></div> <div id="sm4" class="submenutext"><p><strong><span style="font-size: medium;"><img src="http://savepic.ru/1732157.png" alt="" /></span></strong></p> <p><a href="profile.php?id=2"><span style="color: #000000;"><span style="text-decoration: underline;"><strong>Loveless</strong></span></span></a></p> <p><a href="profile.php?id=3"><span style="color: #ffffff;"><span style="text-decoration: underline;"><strong>Μąşǻη</strong></span></span></a></p> <p><strong><span style="font-size: medium;"><img src="http://savepic.ru/1713725.png" alt="" /><br /></span></strong></p> <p><a href="profile.php?id=6"><span style="color: #ffff00;"><span style="text-decoration: underline;"><strong>Mihael</strong></span></span></a></p> </div> <div id="sm5" class="submenutext"><br /><br />текст</div> </div> </td> </tr> </tbody> </table>
Отредактировано Deff (Вт, 28 Сен 2010 02:33:39)
Поделиться17Пн, 27 Сен 2010 23:19:27
Не принято писать код одними заглавными буквами. Это не ошибка, но так не делают. КАК НЕ ПИШУТ СООБЩЕНИЙ ТАКИМ ОБРАЗОМ. Просто потому, что так не принято.
я тоже извиняюсь просто я коды на память не знаю вот и скопировал с самоучителя.
Поделиться18Ср, 29 Сен 2010 11:01:34
Deff,вы гений)
Поделиться19Ср, 29 Сен 2010 11:57:08
Deff,вы гений)
Ыыы "Злобный"
Поделиться20Чт, 14 Окт 2010 09:09:17
При тыке перекидывает вверх страницы...
<div style="overflow-y: scroll; width: 200px; height: 200px;">Здесь некоторое содержимое</div>
Куда это вставлять?