Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Корзина » Оформление страницы


Оформление страницы

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

1

Доброго времени суток.
Недавно я решила создать страницу для своего форума.Ну и появилась идея оформить ее.К сожалению оформление стандартной таблицей мне показалось слишком скучным.
Я хотела бы спросить:
http://savepic.ru/1755941.jpg
-можно ли,что бы при нажалии на кнопку 1,в разделе 6 выбадала одна информация,а при нажатии на кнопку 2(и тд.)-другая?
-можно ли сделать выплывающие подразделы пунктов меню 1-5?

0

2

Lyser ну воткни всплывающее меню в табличку такую в этот столбик, а сами всплывалки в большое окно - какие проблемы ? http://forum.mybb.ru/viewtopic.php?id=21285

К примеру тут в две строчки они расположены > http://testoffd.mybb.ru/

- а можно в столбик

Отредактировано Deff (Пт, 24 Сен 2010 22:32:40)

0

3

Deff написал(а):

какие проблемы ?

Проблема в том,что я нуб)
Наверное я выразилась не правильно.Информация в части 6 не должна всплывать,а меняться на информацию при нажатии другой кнопки.А то получится,что я открою например "Events" и не закрою ее,а сверху наложится другая информация.

Отредактировано Lyser (Пт, 24 Сен 2010 22:40:56)

0

4

Lyser Вы сделайте для выплывающего все, а птом заменить время всплытия - и будет просто смена

0

5

Извините,что я морочу голову,но я не имею ни малейшего понятия о размещении так,как я этого хочу :dontknow:

0

6

Lyser написал(а):

Извините,что я морочу голову,но я не имею ни малейшего понятия о размещении так,как я этого хочу

Закажите тогда  для начала такую табличку в  Таблицы на заказ (9)
потом выложите код сюда и код для кол-ва кнопок по всплывающему меню,  потом выложите адрес сайта - чо нидь придумаем  :crazyfun: ....   :flag:   До встреч

Отредактировано Deff (Пт, 24 Сен 2010 22:55:39)

0

7

Вот прошу,уже табличку сделали

Код:
<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)

0

8

Lyser
Здравствуйте.

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>

0

9

rps,а можно что бы информация менялась при нажатии на кнопку,не не при наведении?

0

10

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>

0

11

Vvladik
Сделаю Вам замечание такого рода:

Vvladik написал(а):

ONCLICK

Не принято писать код одними заглавными буквами. Это не ошибка, но так не делают. КАК НЕ ПИШУТ СООБЩЕНИЙ ТАКИМ ОБРАЗОМ. Просто потому, что так не принято.

0

12

большое спасибо.буду обустраивать ^^
правда есть одна проблемка.при нажатии на заголовок,меня кидает вверх страницы,а мне такое не нужно

Отредактировано Lyser (Вс, 26 Сен 2010 23:52:56)

0

13

Lyser написал(а):

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

адрес форума и какой браузер используете ?

Отредактировано Deff (Пн, 27 Сен 2010 10:56:25)

0

14

адрес форума и какой браузер используете ?

я уже исправила эту проблему.
теперь осталось докапатся как выровнять текст по высоте
вот что получается: http://mobiusopposite.rolevaya.ru/pages/main
нажмите на предысторию,там у меня и проблемка.

Отредактировано Lyser (Пн, 27 Сен 2010 11:11:46)

0

15

Lyser написал(а):

я уже исправила эту проблему.теперь осталось докапатся как выровнять текст по высотевот что получается: http://mobiusopposite.rolevaya.ru/pages/mainнажмите на предысторию,там у меня и проблемка.

У Вас текст не помещается в размер таблицы. Лучше вместо поля сделайте блок нужного размера с горизнтальным скроллингом. Примерно так:

Код:
<div style="overflow-y: scroll; width: 200px; height: 200px;">Здесь некоторое содержимое</div>

0

16

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 &amp; 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 />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ABAA28; line-height:125%; font-size: 12px;">Злобный гений, доктор Эггман всегда хотел захватить Мобиус, однако Соник всегда разрушал его планы.<br /> Рано или поздно, но история всегда даёт сбой, и Эггман смог захватить почти весь Мобиус благодаря своей новой разроботке-фактически бесконечному роботу, состоящему из миллиардов нанороботов. И наконец когда Соник и его команда были повержены, почти весь Мобиус пал к ногам злого гения.<br /> <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Однако нашлось одиннадцать аномальных регионов, на подобии Бермудского треугольника, на территории которых любые технологии просто прекращали свою работу.  В этих аномалиях образовались базы беженцев, названные Городами. Да и технологии беженцев не стояли на месте. В этих аномальных местах паранормальная энергия значительно усиливалась, что позволяло давать очень серьёзный отпор любым менее технологичным попыткам злого гения захватить оставшихся мобианцев.  Но и сами Мобианцы не могли отвоевать захваченные места так как все их технологии действовали только на территории городов.<br /> <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Однако что Эггман, что беженцы, в различных частях планеты нашли упоминание о неком артефакте под названием "Коллоссус", среди алхимиков более известен как "Проводник".  Название дано было неспроста, так как Коллоссус был способен на значительное расстояние от себя влиять на пространство, в следствие чего любая из сторон могла со своими технологиями, поддерживаемая "частичкой своего мира", проникнуть на такую территорию, где бы в нормальных условиях эти технологии не работали.<br /> <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Стало ясно что от этого артефакта напрямую зависит дальнейшая судьба Мобиуса.<br /> Однако он находится в самом центре легендарного и неизвестного Одиннадцатого города-самого аномального места на планете.<br /> Туда есть лишь один вход, однако место на столько аномально, что даже роботы Эггмана, защищенные двадцатиметровым сверхкрепким сплавом, защищенной электроникой, со всеми спектрами защиты, в миг отключались и за минуты разрущались.  А живые существа просто сходили с ума и убивались от безрасудка.<br /> <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Так же этот одиннадцатый город просто огромен, составляет его размер практически весь полюс планеты, который наполнен смертоносными аномалиями. Была одна личность, которая прорвалась сквозь аномалии, и вернулась назад, и от этого мобианца пошла легенда, что на территории Одиннадцатого Города есть разумные существа, владеющие огромнейшей силой, которые охраняют артефакт. Все попытки проверить это оборачивались неудачей-любые экспедиции просто не возвращались.Даже попытки телепортации блокировались и те, кто телепортировался, просто оставались вне пространства.<br /> <br /> Что будет с Мобиусом, кто всё же сможет дойти до Коллосуса, что будет дальше?<br />&nbsp;Всё зависит лишь от ваших героев!&nbsp;</span></fieldset> &nbsp;</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>&Mu;ąşǻ&eta;</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)

0

17

rps написал(а):

Не принято писать код одними заглавными буквами. Это не ошибка, но так не делают. КАК НЕ ПИШУТ СООБЩЕНИЙ ТАКИМ ОБРАЗОМ. Просто потому, что так не принято.

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

0

18

Deff,вы гений)  http://mybb.ru/f/collection/0211.gif

0

19

Lyser написал(а):

Deff,вы гений)

Ыыы "Злобный"

0

20

При тыке перекидывает вверх страницы...

rps написал(а):

<div style="overflow-y: scroll; width: 200px; height: 200px;">Здесь некоторое содержимое</div>

Куда это вставлять?

0


Вы здесь » Единый форум поддержки » Корзина » Оформление страницы