Таблицы на заказ (12)

Страница: 1 2 3 … 50 »

Тема закрыта

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

Поделиться1Сб, 9 Июл 2011 16:31:54

Автор: Timon
Модератор
Зарегистрирован: Пт, 8 Фев 2008
Сообщений: 1866
Уважение: +1108
Позитив: +794
Пол: Мужской
Последний визит:
Ср, 20 Мар 2024 20:07:54

Продолжение темы Таблицы на заказ (11)

Поделиться2Сб, 9 Июл 2011 16:41:38

Автор: Laktonika
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 785
Уважение: +94
Позитив: +214
Последний визит:
Сегодня 00:32:08

!
От Кофемана:

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе( Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум
!Заказы без ссылок приниматься не будут!
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

Поделиться3Сб, 9 Июл 2011 16:47:34

Автор: i_am_your_soul
Заслуженный
Зарегистрирован: Вс, 30 Янв 2011
Сообщений: 47
Уважение: 0
Позитив: +13
Пол: Женский
Последний визит:
Пн, 30 Ноя 2020 22:23:17

Переношу свой заказ из той темы, а то вдруг не заметите)) всякое бывает

1.

2. http://intwilight.0pk.ru/

3.
Кофеман написал(а):
Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Вроде бы по эскизу понятно))) Мне не столь важны размеры. Я смогу сама подогнать под форум. Главное, костяк)))
Спасибо))

Поделиться4Вс, 10 Июл 2011 02:53:48

Автор: Элоритиа
Заслуженный
Зарегистрирован: Пт, 24 Июн 2011
Сообщений: 6
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вс, 8 Янв 2012 01:01:40

1)Эскиз таблицы:

2) Ссылка на форум:
Царство волков
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Вроде по эскизу понятно.

Поделиться5Пн, 11 Июл 2011 00:58:28

Автор: Owllow
Заслуженный
Зарегистрирован: Пт, 8 Июл 2011
Сообщений: 24
Уважение: 0
Позитив: +2
Последний визит:
Сб, 7 Янв 2012 18:12:55

1.
2. http://prefnear.opotter.ru/

Отредактировано Owllow (Пн, 11 Июл 2011 00:58:41)

Поделиться6Пн, 11 Июл 2011 01:11:20

Автор: AlinkaKalinka
Стремящийся
Зарегистрирован: Пн, 11 Июл 2011
Сообщений: 8
Уважение: 0
Позитив: 0
Последний визит:
Ср, 13 Июл 2011 20:02:06

Поделиться7Пн, 11 Июл 2011 01:12:15

Автор: AlinkaKalinka
Стремящийся
Зарегистрирован: Пн, 11 Июл 2011
Сообщений: 8
Уважение: 0
Позитив: 0
Последний визит:
Ср, 13 Июл 2011 20:02:06

2.http://exored.0pk.ru/
3. все учтено на рисунке

Поделиться8Пн, 11 Июл 2011 20:25:27

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

i_am_your_soul

В окно HTML-верх

<style> /* Стиль всплывающего меню */
.splLink {width: 160px; height: 40px; border: 1px solid #593814; text-align: center; font-size: 16px; padding-top: 17px; }
.splCont {height: auto; width: 220px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: -5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center; margin-left: -30px;}

/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;

box-shadow:0px 5px 14px #8B6C52;
-webkit-box-shadow:0px 5px 14px #8B6C52;
-khtml-box-shadow:0px 5px 14px #8B6C52;
-moz-box-shadow:0px 5px 14px #8B6C52;
}
.splLink {
border-radius:14px;
-webkit-border-radius:14px;
-khtml-border-radius:14px;
-moz-border-radius:14px;
-o-border-radius:14px;
}
.ramka {
border-radius:24px;
-webkit-border-radius:24px;
-khtml-border-radius:24px;
-moz-border-radius:24px;
-o-border-radius:24px;
}
</style>

В окно HTML-низ

<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

Таблица в Объявление

<div style="width: 100%; border: 1px dashed #736144;" class=ramka>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td colspan="2" align="center" style="padding: 10px;">

<table width="90%" cellspacing="0" cellpadding="0" border="0" height="50">
<tr>
<td width="25%" align="center">
<DIV><div class=splLink>Навигатор</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент навигатора

</DIV></DIV>
</td>
<td width="25%" align="center">
<DIV><div class=splLink>Новости</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент новостей

</DIV></DIV>
</td>
<td width="25%" align="center">
<DIV><div class=splLink>Требуются</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент требований

</DIV></DIV>
</td>
<td width="25%" align="center">
<DIV><div class=splLink>В игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент в игре

</DIV></DIV>

</td>
</tr>
</table>

</td>
</tr>
<tr>
<td width="60%" align="center">
<div style="width: 96%; padding: 4px;">
Текст и прочая информация
</div>
</td>
<td width="40%" align="center" style="padding-top: 5px;" valign="top">
<div style="width: 100%; height: 100%;"><div style="width: 96%; padding: 4px;">
Информация
</div>
<div style="width: 96%; height: 180px; padding: 4px; overflow: auto; overflow-x: hidden; margin-top: 10px; margin-bottom: 24px;">
Баннеры партнеров, прокрутка появится автоматически
</div></div>
</td>
</tr>
</table>

</div>

Поделиться9Пн, 11 Июл 2011 20:39:32

Автор: i_am_your_soul
Заслуженный
Зарегистрирован: Вс, 30 Янв 2011
Сообщений: 47
Уважение: 0
Позитив: +13
Пол: Женский
Последний визит:
Пн, 30 Ноя 2020 22:23:17

Кофеман
спасибо огромное!!! Таблица отличная))))

Отредактировано i_am_your_soul (Пн, 11 Июл 2011 20:41:09)

Поделиться10Пн, 11 Июл 2011 21:33:13

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Элоритиа

Ваша таблица

<table width="100%" cellspacing="2" cellpadding="2" border="1">
<tr>
<td colspan="3" align="center">
<marquee behavior="scroll" direction="left" width="96%" height="40" loop="0" scrollamount="3" scrolldelay="2" style="margin: 12px 3px auto 8px;" onMouseOver="this.stop()" onMouseOut="this.start()">
Ползущая строка
</marquee>
</td>
</tr>
<tr>
<td width="25%" align="center" valign="top" height="230">

<font size="3"><strong>Администрация:</strong></font><br>
ник ник ник ник
<br><br><br><font size="3"><strong>Модераторы:</strong></font><br>
ник ник ник ник
<br><br><br><font size="3"><strong>Квестоплеты:</strong></font><br>
ник ник ник <br>
ник ник ник
</td>
<td rowspan="3" width="50%">

<table width="100%" height="480" cellspacing="1" cellpadding="1" border="1" frame="void">
<tr>
<td colspan="2" align="center" height="336">

<img src="Адрес рисунка" alt="" border="0" align="middle" style="height: 100%;">
</td>
</tr>
<tr>
<td width="30%" align="center" valign="top" height="144">
<font size="3"><strong>Время и погода:</strong></font><br>
время погода

</td>
<td width="70%" align="center" valign="top">
<font size="3"><strong>Информация:</strong></font><br>
текст текст текст

</td>
</tr>
</table>


</td>
<td width="25%" align="center" valign="top" height="230">
<font size="3"><strong>События:</strong></font>
<div style="width: 98%; height: 200px; overflow: auto; overflow-x: hidden; padding: 1px;">
текст текст текст
автоматическое появление прокрутки
</div>

</td>
</tr>
<tr>
<td width="25%" align="center" valign="top" height="110">
<font size="3"><strong>Краткий сюжет:</strong></font>
<div style="width: 98%; height: 76px; overflow: auto; overflow-x: hidden; padding: 1px;">
текст текст текст
автоматическое появление прокрутки
</div>

</td>
<td rowspan="2" width="25%" align="center" valign="top">
<font size="3"><strong>Важные ссылки:</strong></font><br>
<div align="left" style="padding-left: 3px;">
- <a href="Адрес ссылки">Ссылка</a><br>
- <a href="Адрес ссылки">Ссылка</a><br>
- <a href="Адрес ссылки">Ссылка</a><br>
- <a href="Адрес ссылки">Ссылка</a><br>
- <a href="Адрес ссылки">Ссылка</a><br>
- <a href="Адрес ссылки">Ссылка</a><br></div>
</td>
</tr>
<tr>
<td width="25%" align="center" valign="top" height="140">
<font size="3"><strong>Баннеры:</strong></font><br><br>
<marquee behavior="scroll" direction="left" width="96%" height="60" loop="0" scrollamount="3" scrolldelay="2" style="margin: 12px 3px auto 8px;" onMouseOver="this.stop()" onMouseOut="this.start()">
Баннеры бегущей строкой
</marquee>
</td>
</tr>
</table>

Поделиться11Пн, 11 Июл 2011 21:35:51

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Owllow, а что должно быть в той ячейке, где у Вас написано "Кнопки всплывающего меню"? Столько пустого места - не ясно зачем.

Поделиться12Пн, 11 Июл 2011 21:53:42

Автор: Owllow
Заслуженный
Зарегистрирован: Пт, 8 Июл 2011
Сообщений: 24
Уважение: 0
Позитив: +2
Последний визит:
Сб, 7 Янв 2012 18:12:55

Кофеман написал(а):

Owllow, а что должно быть в той ячейке, где у Вас написано "Кнопки всплывающего меню"? Столько пустого места - не ясно зачем.

Ой-ой, извините пожалуйста. Я сглупила. Оно не так называется.
Вот по такому типу http://hostjs-mybb2011.narod.ru/table_float.htm
Забыла, как правильно называется.

Отредактировано Owllow (Пн, 11 Июл 2011 21:55:43)

Поделиться13Пн, 11 Июл 2011 22:57:46

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Owllow

В окно HTML-верх

<style>
#menu span {
padding: 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #6E6053;
background:#FFFFE2;
}

#submenu {
padding: 5px;
height: 380px;
text-align: left;
font-size: 12px;
width: 502px;
}

.submenutext {
text-align: center;
background:#FFFFE2;
/*position:absolute;*/
width:auto;
margin:0 2px;
max-width: 100%;
display: none;
height: 380px!important;
}
span.menuButton {
cursor:pointer;
cursor:hand;
}
</style>

О окно Объявления

<table width="100%" cellspacing="1" cellpadding="1" border="1">
<tr>
<td width="40%" align="center" height="60">просто картинка</td>
<td width="60%" align="center" height="60">

<div id="menu"> <b>
<span alt=#sm1 class="menuButton">Кнопка 1</span>
<span alt=#sm2 class="menuButton">Кнопка 2</span>
<span alt=#sm3 class="menuButton">Кнопка 3</span>
<span alt=#sm4 class="menuButton">Кнопка 4</span>
</b>
</div>
</td>
</tr>
<tr>
<td width="40%" align="center">

<div align="center" style="overflow: auto; overflow-x: hidden; width:98%; height: 338px; margin-top: 2px; padding: 1px;">
текст с прокруткой
прокрутка появится автоматически
</div>

<div align="center" style="height: 40px; width: 98%;">
<marquee behavior="scroll" direction="left" width="96%" height="40" loop="0" scrollamount="3" scrolldelay="2" style="margin: 12px 3px auto 8px; padding-top:10px;" onMouseOver="this.stop()" onMouseOut="this.start()">
Ползущая строка
</marquee>
</div>
</td>
<td width="60%" align="center" id="MenuTxT" valign="top" style="height: 380px;">

<div id="submenu" width="100%">
<table width=100%><tr>
<td id="sm1" class="submenutext">
<div>Контент 1-й кнопки</div>
</td>
<td id="sm2" class="submenutext">
<div>Контент 2-й кнопки</div>
</td>
<td id="sm3" class="submenutext">
<div>Контент 3-й кнопки</div>
</td>
<td id="sm4" class="submenutext">
<div>Контент 4-й кнопки</div>
</td>

</tr></table>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
$(".menuButton").removeClass("tabactive");
$(this).addClass("tabactive");
var activeDiv = $(this).attr("alt");

$("#submenu td.submenutext *").hide(2200)
$("#submenu td.submenutext").hide(2200)
$("td."+activeDiv).show(2200)
$("td."+activeDiv+" *").show(600)
return false; });
});
</script>

Поделиться14Пн, 11 Июл 2011 23:23:39

Автор: Jam22
Заслуженный
Зарегистрирован: Пн, 11 Июл 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Пн, 17 Окт 2011 23:07:30

1) Эскиз будущей таблицы.
Не самый удачный -_-

2) Ссылка на ваш форум
http://pallmall.mybb.ru/

3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Три всплывающих окошка (в них адреса с ссылками), таблица без границ, размеры - 700х350. Фон таблицы хотелось бы сделать картинкой, её я сам установлю, но мне нужно расположение кода правильное.

Поделиться15Пн, 11 Июл 2011 23:40:25

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

AlinkaKalinka

В окно HTML-верх

<style> /* Стиль всплывающего меню */
.splLink {width: 80px; height: 30px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 200px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center; margin-left: -70px;}

/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;

box-shadow:0px 5px 14px #8B6C52;
-webkit-box-shadow:0px 5px 14px #8B6C52;
-khtml-box-shadow:0px 5px 14px #8B6C52;
-moz-box-shadow:0px 5px 14px #8B6C52;
}
</style>

В окно HTML-низ

<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

Таблица в Объявление

<table width="100%" cellspacing="1" cellpadding="1" border="1">
<tr>
<td rowspan="3" width="48%" align="center">картинка</td>
<td width="52%" align="center" valign="top" height="50">

<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="20%" align="center">
<DIV><div class=splLink>Кнопка 1</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 1

</DIV></DIV>
</td>
<td width="20%" align="center">
<DIV><div class=splLink>Кнопка 2</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 2

</DIV></DIV>
</td>
<td width="20%" align="center">
<DIV><div class=splLink>Кнопка 3</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 3

</DIV></DIV>
</td>
<td width="20%" align="center">
<DIV><div class=splLink>Кнопка 4</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 4

</DIV></DIV>
</td>
<td width="20%" align="center">
<DIV><div class=splLink>Кнопка 5</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 5

</DIV></DIV>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td width="52%" align="center" valign="top" height="150">Информация</td>
</tr>
<tr>
<td width="52%" align="center" valign="top" height="225">События</td>
</tr>
<tr>
<td colspan="2" align="center" height="170">
<table width="100%" cellspacing="1" cellpadding="1" border="1" style="height: 100%" frame="void">
<tr>
<td width="40%" align="center" valign="top">Администраторы
<br>
ник ник ник
<br><br>
Модераторы
<br>
ник ник ник
<br>
</td>
<td> </td>
<td width="20%" align="center" valign="top">Ссылки</td>
</tr>
</table>

</td>
</tr>
</table>

Поделиться16Пн, 11 Июл 2011 23:43:05

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Jam22, нарисуйте нормально эскиз. Или Вам в пустую таблицу где попало натыкать окошки и текст?)

Поделиться17Вт, 12 Июл 2011 00:30:17

Автор: Owllow
Заслуженный
Зарегистрирован: Пт, 8 Июл 2011
Сообщений: 24
Уважение: 0
Позитив: +2
Последний визит:
Сб, 7 Янв 2012 18:12:55

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

http://prefnear.opotter.ru/

объявление:

Код:

<table width="100%" cellspacing="1" cellpadding="1" border="1">
    <tr>
    <td width="40%" align="center" height="60"><img src='http://s54.radikal.ru/i143/1107/eb/0564524effe0.png'></td>
    <td width="60%" align="center" height="60">
    <!-- Кнопки меню -->
    <div id="menu"> <b>
    <span alt=#sm1 class="menuButton">Кнопка 1</span>
    <span alt=#sm2 class="menuButton">Кнопка 2</span>
    <span alt=#sm3 class="menuButton">Кнопка 3</span>
    <span alt=#sm4 class="menuButton">Кнопка 4</span>
               </b>
        </div>
    </td>
    </tr>
    <tr>
    <td width="40%" align="center">
    <!-- Прокрутка -->
    <div align="center" style="overflow: auto; overflow-x: hidden; width:98%; height: 250px; margin-top: 2px; padding: 1px;">
    Приветствуем Вас на ролевой <br>
<b>Marauders: change the past!</b> <br><br>

Мы всегда рвды новым игрокам. <br>
Спешите занять свободные роли. <br>
Вас ждет теплый прием, захватывающее<br>
 путешествие в прошлое и веселая<br>
 компания. Не упустите своего шанса<br>
 изменить прошлое.ааааааааааа
ааааааааааааааааа
аааааааааааа
аааааааааааааа
аааааааааааааа
аааааааааа
аааааааааааааааа
аааааааааааааааа
аааааааа
ааааааааааааааааааааааа
аа
аааааааааааааааа
аааааааааааааааааа
ааааааааааааааааааа
аааааааа
ааааааааааааааааааааа
ааааааааааааааааааааааа
<br><br>
<table><tr><td><img src='http://s43.radikal.ru/i100/1107/44/a5f9d4add4ba.png'></td><td><img src='http://s015.radikal.ru/i332/1107/e3/dd14e5ec1e5e.png'></td></tr></table>
    </div>
    <!-- Бегущая строка -->
    <div align="center" style="height: 40px; width: 98%;">
    <marquee behavior="scroll" direction="left" width="96%" height="40" loop="0" scrollamount="3" scrolldelay="2" style="margin: 12px 3px auto 8px; padding-top:10px;" onMouseOver="this.stop()" onMouseOut="this.start()">
    Ползущая строка
    </marquee>
    </div>
    </td>
    <td width="60%" align="center" id="MenuTxT"  valign="top" style="height: 380px;">
    <!-- Содержимое меню -->
    <div id="submenu" width="100%">
    <table width=100%><tr>
         <td id="sm1" class="submenutext">
    <div>Контент 1-й кнопки</div>
    </td>
         <td id="sm2" class="submenutext">
    <div>Контент 2-й кнопки</div>
    </td>
         <td id="sm3" class="submenutext">
    <div>Контент 3-й кнопки</div>
    </td>
         <td id="sm4" class="submenutext">
    <div>Контент 4-й кнопки</div>
    </td>
         
    </tr></table>
    </div>
    </td>
    </tr>
    </table>
    <script type="text/javascript">
    $(document).ready(function() {
    $("td.submenutext").hide();
    $("td.submenutext:first").show();
    $(".menuButton").click(function() {
        $(".menuButton").removeClass("tabactive");
        $(this).addClass("tabactive");
        var activeDiv = $(this).attr("alt");

        $("#submenu td.submenutext *").hide(2200)
        $("#submenu td.submenutext").hide(2200)
        $("td."+activeDiv).show(2200)
        $("td."+activeDiv+" *").show(600)
        return false; });
    });
    </script>

html вверх:

Код:

    <style>
    #menu span {
    padding: 7px;
    margin-right: 5px;
    margin: 10px 0;
    width: 100px;
    text-decoration: none;
    }
    #menu .tabactive {
    color: #6E6053;
    background:#FFFFE2;
    }

    #submenu {
    padding: 5px;
    height: 380px;
    text-align: left;
    font-size: 12px;
    width: 420px;
    }

    .submenutext {
    text-align: center;
    background:#FFFFE2;
    /*position:absolute;*/
    width:auto;
    margin:0 2px;
    max-width: 100%;
    display: none;
    height: 280px!important;
    }
    span.menuButton {
    cursor:pointer;
    cursor:hand;
    }
    </style>

Поделиться18Вт, 12 Июл 2011 00:46:17

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Owllow

html верх:

Код:

<style>
    #menu span {
    padding: 7px;
    margin-right: 5px;
    margin: 10px 0;
    width: 100px;
    text-decoration: none;
    }
    #menu .tabactive {
    color: #6E6053;
    background:#FFFFE2;
    }

    #submenu {
    padding: 5px;
    height: 300px;
    text-align: left;
    font-size: 12px;
    width: 420px;
    }

    .submenutext {
    text-align: center;
    background:#FFFFE2;
    /*position:absolute;*/
    width:auto;
    margin:0 2px;
    max-width: 100%;
    display: none;
    height: 294px!important;
    }
    span.menuButton {
    cursor:pointer;
    cursor:hand;
    }
    </style>

объявление:

Код:

<table width="100%" cellspacing="1" cellpadding="1" border="1">
    <tr>
    <td width="40%" align="center" height="60"><img src='http://s54.radikal.ru/i143/1107/eb/0564524effe0.png'></td>
    <td width="60%" align="center" height="60">
    <!-- Кнопки меню -->
    <div id="menu"> <b>
    <span alt=#sm1 class="menuButton">Кнопка 1</span>
    <span alt=#sm2 class="menuButton">Кнопка 2</span>
    <span alt=#sm3 class="menuButton">Кнопка 3</span>
    <span alt=#sm4 class="menuButton">Кнопка 4</span>
               </b>
        </div>
    </td>
    </tr>
    <tr>
    <td width="40%" align="center" valign="top">
    <!-- Прокрутка -->
    <div align="center" style="overflow: auto; overflow-x: hidden; width:98%; height: 250px; margin-top: 2px; padding: 1px;">
    Приветствуем Вас на ролевой <br>
<b>Marauders: change the past!</b> <br><br>

Мы всегда рвды новым игрокам. <br>
Спешите занять свободные роли. <br>
Вас ждет теплый прием, захватывающее<br>
 путешествие в прошлое и веселая<br>
 компания. Не упустите своего шанса<br>
 изменить прошлое.ааааааааааа
ааааааааааааааааа
аааааааааааа
аааааааааааааа
аааааааааааааа
аааааааааа
аааааааааааааааа
аааааааааааааааа
аааааааа
ааааааааааааааааааааааа
аа
аааааааааааааааа
аааааааааааааааааа
ааааааааааааааааааа
аааааааа
ааааааааааааааааааааа
ааааааааааааааааааааааа
<br><br>
<table><tr><td><img src='http://s43.radikal.ru/i100/1107/44/a5f9d4add4ba.png'></td><td><img src='http://s015.radikal.ru/i332/1107/e3/dd14e5ec1e5e.png'></td></tr></table>
    </div>
    <!-- Бегущая строка -->
    <div align="center" style="height: 40px; width: 98%;">
    <marquee behavior="scroll" direction="left" width="96%" height="40" loop="0" scrollamount="3" scrolldelay="2" style="margin-top: 6px; padding-top:13px;" onMouseOver="this.stop()" onMouseOut="this.start()">
    Ползущая строка
    </marquee>
    </div>
    </td>
    <td width="60%" align="center" id="MenuTxT"  valign="top" style="height: 300px;">
    <!-- Содержимое меню -->
    <div id="submenu" width="100%">
    <table width=100%><tr>
         <td id="sm1" class="submenutext">
    <div>Контент 1-й кнопки</div>
    </td>
         <td id="sm2" class="submenutext">
    <div>Контент 2-й кнопки</div>
    </td>
         <td id="sm3" class="submenutext">
    <div>Контент 3-й кнопки</div>
    </td>
         <td id="sm4" class="submenutext">
    <div>Контент 4-й кнопки</div>
    </td>
         
    </tr></table>
    </div>
    </td>
    </tr>
    </table>
    <script type="text/javascript">
    $(document).ready(function() {
    $("td.submenutext").hide();
    $("td.submenutext:first").show();
    $(".menuButton").click(function() {
        $(".menuButton").removeClass("tabactive");
        $(this).addClass("tabactive");
        var activeDiv = $(this).attr("alt");

        $("#submenu td.submenutext *").hide(2200)
        $("#submenu td.submenutext").hide(2200)
        $("td."+activeDiv).show(2200)
        $("td."+activeDiv+" *").show(600)
        return false; });
    });
    </script>

Поделиться19Вт, 12 Июл 2011 01:25:55

Автор: Owllow
Заслуженный
Зарегистрирован: Пт, 8 Июл 2011
Сообщений: 24
Уважение: 0
Позитив: +2
Последний визит:
Сб, 7 Янв 2012 18:12:55

Кофеман

Спасибо большое за помощь, очень выручили

Поделиться20Вт, 12 Июл 2011 06:06:41

Автор: Jam22
Заслуженный
Зарегистрирован: Пн, 11 Июл 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Пн, 17 Окт 2011 23:07:30

Кофеман написал(а):

нарисуйте нормально эскиз. Или Вам в пустую таблицу где попало натыкать окошки и текст?)

Да, можно их даже с боку с правой стороны. Это не имеет значения. Но если нужно попробую перерисовать -_-

Тема закрыта

Страница: 1 2 3 … 50 »

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

Меню навигации

Пользовательские ссылки

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

Таблицы на заказ (12)

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

Поделиться1Сб, 9 Июл 2011 16:31:54

Поделиться2Сб, 9 Июл 2011 16:41:38

Поделиться3Сб, 9 Июл 2011 16:47:34

Поделиться4Вс, 10 Июл 2011 02:53:48

Поделиться5Пн, 11 Июл 2011 00:58:28

Поделиться6Пн, 11 Июл 2011 01:11:20

Поделиться7Пн, 11 Июл 2011 01:12:15

Поделиться8Пн, 11 Июл 2011 20:25:27

Поделиться9Пн, 11 Июл 2011 20:39:32

Поделиться10Пн, 11 Июл 2011 21:33:13

Поделиться11Пн, 11 Июл 2011 21:35:51

Поделиться12Пн, 11 Июл 2011 21:53:42

Поделиться13Пн, 11 Июл 2011 22:57:46

Поделиться14Пн, 11 Июл 2011 23:23:39

Поделиться15Пн, 11 Июл 2011 23:40:25

Поделиться16Пн, 11 Июл 2011 23:43:05

Поделиться17Вт, 12 Июл 2011 00:30:17

Поделиться18Вт, 12 Июл 2011 00:46:17

Поделиться19Вт, 12 Июл 2011 01:25:55

Поделиться20Вт, 12 Июл 2011 06:06:41