Заказ таблиц №8

Поделиться1812011-07-12 01:18:18

Автор: Lonely_wolf
Помощник ZeroParking
Откуда: Сургут
Зарегистрирован: 2011-02-22
Приглашений: 0
Сообщений: 1798
Уважение: +177
Позитив: +148
Пол: Мужской
Провел на форуме:
20 дней 13 часов
Последний визит:
2014-01-18 13:23:53

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

А чивойта сразу Кофеман?

да потому что мне что то это надоедает уже)))

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

сделайте себе заготовки-шаблоны и тогда вся канитель с такими меню сведёться к правке стиля и текстовки.))

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

я тут целыми днями почти таскаю мебель а потом собираю, ещё как на зло 8 этаж всё в лифт не помещается диваны и ещё кое что приходиться в ручную))

0

Поделиться1822011-07-12 01:37:07

Автор: okami.kira
Новичок
Зарегистрирован: 2011-07-09
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: 0
Провел на форуме:
2 часа 51 минуту
Последний визит:
2011-07-12 20:52:52

1. Ссылка на форум
http://animereality.rolka.su/
2. Скрин таблицы

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
нет
4. Форматирование текста
сама
5. Картинки для вставки.
http://s009.radikal.ru/i307/1107/a5/3175ac28c1cc.jpg

0

Поделиться1832011-07-12 09:18:47

Автор: ~Korina~
Форумчанин
Откуда: приходит Санта? ^^
Зарегистрирован: 2011-06-28
Приглашений: 0
Сообщений: 74
Уважение: +11
Позитив: +9
Пол: Женский
Возраст: 25 [1999-02-23]
Провел на форуме:
1 день 17 часов
Последний визит:
2012-06-21 14:05:23

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

Вы ЛС тут читаете?

хех, я сюда не ЛС читать пришла... да и кто в принципе напишет=)?

0

Поделиться1842011-07-12 10:40:06

Автор: Джула
Форумчанин
Зарегистрирован: 2011-07-01
Приглашений: 0
Сообщений: 140
Уважение: +2
Позитив: +13
Пол: Женский
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-03-16 17:03:49

Кофеман
Ну надо чтоб вместо картинки появлялся текст

0

Поделиться1852011-07-12 10:41:34

Автор: Джула
Форумчанин
Зарегистрирован: 2011-07-01
Приглашений: 0
Сообщений: 140
Уважение: +2
Позитив: +13
Пол: Женский
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-03-16 17:03:49

Кофеман
Можно чтоб на картинке какой нибудь зелёный текст был по вашему усмотрению

0

Поделиться1862011-07-12 10:49:10

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

okami.kira

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

Код:

<center>
<table summary="" border="1" style="width: 100%; height: 400px;">
<tr>
<td style="height: 100px; width: 22%;" rowspan="2" valign="top" align="center">
<b><font size="3">Админы и модеры</font></b>
</td>
<td style="height: 100px; width: 28%;" valign="top" align="center">
<b><font size="3">Погода</font></b>
</td>
<td style="height: 100px; width: 28%;" valign="top" align="center">
<b><font size="3">Начало игры</font></b>
</td>
<td style="height: 100px; width: 22%;" rowspan="2" valign="top" align="center">
<b><font size="3">Сюжет</font></b>
</td>
</tr>
<tr>
<td colspan="2" style="height: 300px; width: 56%;" align="center">
<img alt="" src="http://s009.radikal.ru/i307/1107/a5/3175ac28c1cc.jpg" style="width: 100%;" />
</td>
</tr>
</table>
</center>

0

Поделиться1872011-07-12 10:56:35

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Джула написал(а):

Ну надо чтоб вместо картинки появлялся текст

Джула, это я понял.. Вариантов такого меню много.
Если появляется текст, то картинка исчезает. Вопрос - зачем тогда картинка, если она будет видна только при загрузке страницы? Любой тык по кнопке меню приведет к тому, что в окне будет только текст, без фона и картинки. Подумайте еще раз, нужна ли Вам эта картинка.

К тому же, если без картинки, то такое же меню, только на 5 пунктов, есть в этой же теме - Пост №131, таблица для Мира Дин

Джула написал(а):

Можно чтоб на картинке какой нибудь зелёный текст был по вашему усмотрению

Зеленый цвет текста - не проблема, сделаем, только с таблицей определитесь.

0

Поделиться1882011-07-12 11:15:44

Автор: Джула
Форумчанин
Зарегистрирован: 2011-07-01
Приглашений: 0
Сообщений: 140
Уважение: +2
Позитив: +13
Пол: Женский
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-03-16 17:03:49

Кофеман
Ну пускай все ровно будет картинка

0

Поделиться1892011-07-12 12:29:21

Автор: Радиоактивное мясо
Форумчанин
Откуда: New Haven
Зарегистрирован: 2010-09-12
Приглашений: 0
Сообщений: 111
Уважение: +5
Позитив: +7
Пол: Мужской
Возраст: 38 [1986-06-29]
Провел на форуме:
3 дня 6 часов
Последний визит:
2012-03-24 14:07:41

1. Ссылка на форум
http://fantasyriver.mybb.ru/
2. Скрин таблицы

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
прокрутка, указана
4. Форматирование текста
сам
5. Картинки для вставки.
сам

0

Поделиться1902011-07-12 12:49:35

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Джула

В окно HTML-верх

Код:

<style> 
#menu {
height: 430px;
padding-top:2px;
width: 100%;
}
#menu div {
padding-top: 23px; 
margin-left: 2px; 
width: 190px;
height: 50px;
text-decoration: none;
color: #416D03;
font-size: 16px;
}

.hide {visibility: hidden; height: 5px!important;}

#menu .tabactive {
color: #EBFFAD;
background:#416D03;
}

#submenu {
height: 430px;
text-align: center;
font-size: 14px;
width: 648px;
}

.submenutext {
display: none; 
height: 98%;
padding: 1%;
color: #416D03;
}
</style>

В окно HTML-низ

Код:

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu div").click(function() {
    $("div.#menu div").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

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

Код:

<center>
<table cellspacing="2" cellpadding="2" border="0" width="100%"><tbody>
<tr>
 <td width="23%">
 <div id="menu"> <b>
<div alt=#sm1 "style="cursor: pointer;" class="hide">&nbsp;</div><br>
<div alt=#sm2 "style="cursor: pointer;">Новости</div><br>
<div alt=#sm3 "style="cursor: pointer;">Реклама</div><br>
<div alt=#sm4 "style="cursor: pointer;">Администрация</div><br>
<div alt=#sm5 "style="cursor: pointer;">Баннеры</div><br>
           </b>
    </div>
 </td>
 <td id="MenuTxT"  align="center" valign="top" width="650" style="height: 430px; padding-top: 3px;">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<img alt="" style="width: 100%;" src="http://s55.radikal.ru/i148/1107/97/eaab8de09399.jpg" />
</div>
     <div id="sm2" class="submenutext">
<h2>Новости</h2>
</div>
     <div id="sm3" class="submenutext">
<h2>Реклама</h2>
</div>
 <div id="sm4" class="submenutext">
<h2>Администрация</h2>
</div>
 <div id="sm5" class="submenutext">
<h2>Баннеры</h2>
</div>
</div>

 </td>
</tr>
</tbody></table>
</center>

+1

Поделиться1912011-07-12 13:25:42

Автор: Джула
Форумчанин
Зарегистрирован: 2011-07-01
Приглашений: 0
Сообщений: 140
Уважение: +2
Позитив: +13
Пол: Женский
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-03-16 17:03:49

Кофеман
Извините, но у меня всплывающие окно не выплывает!

0

Поделиться1922011-07-12 13:41:17

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Джула написал(а):

Извините, но у меня всплывающие окно не выплывает!

Джула, я не понял, какие окна? Вы же просили вместо картинки текст. Он и появляется на месте картинки при нажатии на кнопу меню. Картинки исчезает - текст на ее месте.
Вот пример Вашей таблицы - http://coffeman.0pk.ru

0

Поделиться1932011-07-12 19:05:54

Автор: Джула
Форумчанин
Зарегистрирован: 2011-07-01
Приглашений: 0
Сообщений: 140
Уважение: +2
Позитив: +13
Пол: Женский
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-03-16 17:03:49

Кофеман
Вот смотрите http://kohcki.0bb.ru/

0

Поделиться1942011-07-12 19:45:12

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Джула, простите, но я не вижу у Вас на форуме кода вставленного в окна HTML-низ и HTML-верх.
Вы взяли таблицу из поста 131 и вставили только ее, без стиля оформления и скрипта, который отвечает за смену содержимого. Ведь я же не даром пишу что и куда вставлять. ))

0

Поделиться1952011-07-12 19:55:41

Автор: Джула
Форумчанин
Зарегистрирован: 2011-07-01
Приглашений: 0
Сообщений: 140
Уважение: +2
Позитив: +13
Пол: Женский
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-03-16 17:03:49

Кофеман
А все спасибо!

0

Поделиться1962011-07-12 20:01:37

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Радиоактивное мясо

<center>
<table width="100%" cellspacing="2" cellpadding="2" border="1">
<tr>
<td rowspan="2" width="23%" align="center" valign="top">картинка слева</td>
<td colspan="3" width="54%" align="center">картинка в центре сверху</td>
<td rowspan="2" width="23%" align="center" valign="top">Картинка справа</td>
</tr>
<tr>
<td width="18%" align="center" valign="top">Администрация</td>
<td width="18%" align="center">
<div align="center" style="width: 98%; height: 300px; overflow: auto; overflow-x: hidden; padding: 1px;">
Сюжет
полоса прокрутки появится автоматически
</div>
</td>
<td width="18%" align="center" valign="top">
<div align="center" style="width: 98%; height: 300px; overflow: auto; overflow-x: hidden; padding: 1px;">
Информация
полоса прокрутки появится автоматически
</div>
</td>
</tr>
</table>
</center>

Красным - высота блоков с прокруткой, подправите под вставленные картинки, если нужно будет.

+1

Поделиться1972011-07-13 11:37:46

Автор: Джула
Форумчанин
Зарегистрирован: 2011-07-01
Приглашений: 0
Сообщений: 140
Уважение: +2
Позитив: +13
Пол: Женский
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-03-16 17:03:49

Кофеман
ну все равно текст не появляется

0

Поделиться1982011-07-13 11:40:27

Автор: Lonely_wolf
Помощник ZeroParking
Откуда: Сургут
Зарегистрирован: 2011-02-22
Приглашений: 0
Сообщений: 1798
Уважение: +177
Позитив: +148
Пол: Мужской
Провел на форуме:
20 дней 13 часов
Последний визит:
2014-01-18 13:23:53

Джула
заполнять пробовали?!

0

Поделиться1992011-07-13 11:41:19

Автор: Джула
Форумчанин
Зарегистрирован: 2011-07-01
Приглашений: 0
Сообщений: 140
Уважение: +2
Позитив: +13
Пол: Женский
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-03-16 17:03:49

Lonely_wolf
Да

0

Поделиться2002011-07-13 11:53:40

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Джула, киньте тогда мне в ЛС тестовый, только не свой, логин с паролем с правами администраотра. Я посмотрю что у Вас там с чем кусается.

Добавлено:
Уже не надо, я, кажись, нашел где кусаются стиль с кодом таблицы.
Поменяйте код обЪявления на такой

Код:

<center>
<table cellspacing="2" cellpadding="2" border="0" width="100%"><tbody>
<tr>
 <td width="23%">
 <div id="menu"> <b>
<div alt=#sm1 "style="cursor: pointer;" class="hide">&nbsp;</div><br>
<div alt=#sm2 "style="cursor: pointer;">Новости</div><br>
<div alt=#sm3 "style="cursor: pointer;">Реклама</div><br>
<div alt=#sm4 "style="cursor: pointer;">Администрация</div><br>
<div alt=#sm5 "style="cursor: pointer;">Баннеры</div><br>
           </b>
    </div>
 </td>
 <td id="MenuTxT"  align="center" valign="top" width="650" style="height: 430px; padding-top: 3px;">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<img alt="" style="width: 100%;" src="http://s55.radikal.ru/i148/1107/97/eaab8de09399.jpg" />
</div>
     <div id="sm2" class="submenutext">
Новости
</div>
     <div id="sm3" class="submenutext">
Реклама
</div>
 <div id="sm4" class="submenutext">
Администрация
</div>
 <div id="sm5" class="submenutext">
Баннеры
</div>
</div>

 </td>
</tr>
</tbody></table>
</center>

Ну и если Вы будете этот код ставить на дизайн как у Вас на тестовике, то дайте знать, я подправлю ширину таблицы, чтоб она за края не заезжала.
А то Вы в заказе указали один форум, а тестируетет на другом. Под указанный в заказе форум и ширина подгонялась.

Отредактировано Кофеман (2011-07-13 12:03:01)

0

Поделиться2012011-07-13 20:18:49

Автор: Nikita380
Форумчанин
Зарегистрирован: 2008-11-30
Приглашений: 0
Сообщений: 164
Уважение: +1
Позитив: +6
Провел на форуме:
3 дня 1 час
Последний визит:
2019-10-23 12:58:39

1. Ссылка на форум
http://epochofdragons.anihub.ru/
2. Скрин таблицы
http://s2.itrash.ru/idb/00005491362d22c … meni-3.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
при нажатие к примеру на слово акции вылезает окошечко, если на админ вылезает окошко, а то закрываеться
4. Форматирование текста
не надо
5. Картинки для вставки.
скрин)))

0

Поделиться2022011-07-13 22:36:51

Автор: Nikita380
Форумчанин
Зарегистрирован: 2008-11-30
Приглашений: 0
Сообщений: 164
Уважение: +1
Позитив: +6
Провел на форуме:
3 дня 1 час
Последний визит:
2019-10-23 12:58:39

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

1. Ссылка на форум
http://epochofdragons.anihub.ru/
2. Скрин таблицы
http://s2.itrash.ru/idb/00005491362d22c … meni-3.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
при нажатие к примеру на слово акции вылезает окошечко, если на админ вылезает окошко, а то закрываеться
4. Форматирование текста
не надо
5. Картинки для вставки.
скрин)))

отменяю этот заказ у меня другое)))

1. Ссылка на форум
http://epochofdragons.anihub.ru/
2. Скрин таблицы
http://s2.itrash.ru/idb/8eaeb81c0359b63 … 237345.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
при нажатие к примеру на слово акции меняеться вкладка, если нажать на админов, то тоже меняеться вкладка, ну типо как на опере или мазиле)))
4. Форматирование текста
просто везде напишите текст
5. Картинки для вставки.

Отредактировано Nikita380 (2011-07-13 23:03:05)

0

Поделиться2032011-07-13 23:19:52

Автор: Фай
Форумчанин
Откуда: Москва
Зарегистрирован: 2010-10-29
Приглашений: 0
Сообщений: 41
Уважение: 0
Позитив: +10
Пол: Женский
Провел на форуме:
1 день 16 часов
Последний визит:
2013-05-11 20:57:01

1. Ссылка на форум
http://shintosekai.0pk.ru/
2. Скрин таблицы

Одно уточнение - то, что выделено жёлтым("администрация", "полезные ссылки", "события в игре", "погода в игре", "партнёры") сделать выплывающими кнопками.
Графа "объявления для игроков" - с прокруткой.
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Написала выше) Прокрутку и выплывающие окна.
4. Форматирование текста
Везде по центру.
5. Картинки для вставки.
Сами вставим.

0

Поделиться2042011-07-14 01:29:20

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Nikita380

В окно HTML-верх

Код:

<style> 
#menu {
height: 62px;
padding-top:1px;
width: 99%;

}
#menu span {
padding: 20px 46px;
position: relative;
top: 20px; 
width: 160px;
text-decoration: none;
color: #696F82;
font-size: 18px;
}
#menu .tabactive {
border: 1px dotted #B6BDCD;
}

#submenu {
height: 316px;
font-size: 14px;
width: 730px;
margin-left: 15px; 
padding: 4px 40px;
margin-top: 2px;
}

.submenutext {
display: none; 
height: 98%;
padding: 1%;
}
</style>

В окно HTML-низ

Код:

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Таблица с Вашей картинкой, вставляете в Объявление

<div align="center" style="width: 879px; height: 450px; background: url(http://s2.itrash.ru/idb/8eaeb81c0359b63 … 237345.png) no-repeat center; padding-top:44px;">
<table cellspacing="0" cellpadding="0" border="0" width="840" height="403" >
<tr>
<td align="center" width="100%" height="70">
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">       </span>
<span alt=#sm2 "style="cursor: pointer;">                        </span>
<span alt=#sm3 "style="cursor: pointer;">           </span>
<span alt=#sm4 "style="cursor: pointer;">               </span>
<span alt=#sm5 "style="cursor: pointer;">           </span>
</b>
</td>
</tr>
<tr>
<td height="333" id="MenuTxT" valign="top">
<div id="submenu">
<div id="sm1" class="submenutext" style="display:block;">
Контент новостей
</div>
<div id="sm2" class="submenutext">
Контент администрации
</div>
<div id="sm3" class="submenutext">
Контент акций
</div>
<div id="sm4" class="submenutext">
Контент партнеров
</div>
<div id="sm5" class="submenutext">
Контент погоды
</div>
</div>
</td>
</tr>
</table>
</div>

0

Поделиться2052011-07-14 07:07:40

Автор: Nikita380
Форумчанин
Зарегистрирован: 2008-11-30
Приглашений: 0
Сообщений: 164
Уважение: +1
Позитив: +6
Провел на форуме:
3 дня 1 час
Последний визит:
2019-10-23 12:58:39

Кофеман
эум я нажимаю на погоду, вылезает партнеры. Нажимаю на акцию бывает админы или еще что то (((
плиз сделайте ТТ" а ппц получаеться
заранее спасибо

я решил что бы вам не корячиться, давайте лучше так)))
http://s2.itrash.ru/idb/300172b25ad5620 … 512342.png
вот сама таблица, где надписи будут
а вот кнопки.
http://s2.itrash.ru/idb/300172b25ad5620 … meni-1.png
http://s2.itrash.ru/idb/300172b25ad5620 … meni-2.png
http://s2.itrash.ru/idb/300172b25ad5620 … meni-3.png
http://s2.itrash.ru/idb/300172b25ad5620 … meni-4.png
http://s2.itrash.ru/idb/300172b25ad5620 … meni-5.png

Отредактировано Nikita380 (2011-07-14 07:27:20)

0

Поделиться2062011-07-14 11:04:18

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Nikita380, давайте все же поправим то, что у Вас.
Итак, во-первых, картинка у Вас шире тела форума. Отсюда и все косяки. Ладно, это я так, ворчу. )

Старый код стиля в HTML-верх меняйте на такой:

Код:

<style> 
#menu {
height: 63px;
padding-top:1px;
width: 99%;
}
#menu span {
padding: 20px 46px;
position: relative;
top: 20px; 
width: 150px;
text-decoration: none;
color: #696F82;
font-size: 18px;
}
#menu .tabactive {
border-top: 1px dotted #B6BDCD;
}

#submenu {
height: 316px;
font-size: 14px;
width: 730px;
margin-left: 15px; 
padding: 4px 40px;
margin-top: 4px;
}

.submenutext {
display: none; 
height: 98%;
padding: 1%;
}
</style>

И замените код таблицы объявления

Код:

<div align="center" style="width: 879px; height: 450px; background: url(http://s2.itrash.ru/idb/8eaeb81c0359b639180ef4737a60dedf/o5237345.png) no-repeat center; padding-top:44px; margin-left: -14px!important;">
<table cellspacing="0" cellpadding="0" border="0" width="840" height="403" >
<tr>
	<td align="center" width="100%" height="70">
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm2 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm3 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm4 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span alt=#sm5 "style="cursor: pointer;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
</b>
	</td>
</tr>
<tr>
	<td height="333" id="MenuTxT" valign="top">
	<div id="submenu">
	<div id="sm1" class="submenutext" style="display:block;">
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext">
Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext">
Контент 3-й кнопки
</div>
<div id="sm4" class="submenutext">
Контент 4-й кнопки
</div>
<div id="sm5" class="submenutext">
Контент 5-й кнопки
</div>
</div>
	</td>
</tr>
</table>
</div>

Отпишитесь, если не понравится, будем делать другую таблицу.

+1

Поделиться2072011-07-14 12:01:29

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Фай

В окно HTML-верх

Код:

<!-- Стиль меню -->
<style> /* Стиль всплывающего меню */
.splLink {width: 130px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding-top: 15px;}
.splCont {height: auto; width: 260px; 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: -55px;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.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>

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

Код:

<center><table border="1" cellpadding="0" cellspacing="0" style="width: 100%;">
<tr><td colspan="2" height="50">
<!-- Вложенная таблица кнопок меню -->
<table width="100%" border="1" cellpadding="1" cellspacing="1"  frame="void">
<tr>
<td align="center" width="20%">
<DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Администрации

</DIV></DIV>
</td>
<td align="center" width="20%">
<DIV><div class=splLink>Полезные ссылки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент ссылок

</DIV></DIV>
</td>
<td align="center" width="20%">
<DIV><div class=splLink>События с игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Событий

</DIV></DIV>
</td>
<td align="center" width="20%">
<DIV><div class=splLink>Погода в игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент погоды

</DIV></DIV>
</td>
<td align="center" width="20%">
<DIV><div class=splLink>Партнеры</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент партнеров

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

<!-- Конец таблицы кнопок меню -->
</td></tr>
<tr>
<td width="75%" align="center" valign="top" height="170">Картинка</td>
<td width="25%" align="center" valign="top" height="170">Реклама</td>
</tr>
<tr>
<td width="75%" align="center" valign="top" style="padding-top: 2px; height: 180px;">
<div style="width: 99%; height: 176px; overflow: auto; overflow-x: hidden; padding 1px;">
Объявления для игроков
прокрутка появляется автоматически
</div>
</td>
<td width="25%" align="center" valign="top" style="height: 180px;">Топы</td>
</tr>
</table></center>

+1

Поделиться2082011-07-14 18:06:42

Автор: Nikita380
Форумчанин
Зарегистрирован: 2008-11-30
Приглашений: 0
Сообщений: 164
Уважение: +1
Позитив: +6
Провел на форуме:
3 дня 1 час
Последний визит:
2019-10-23 12:58:39

Кофеман
кажется норм, но мне так же кажется та что другая будет лучше)))
я узнаю позже у одного знакомого, если оценит то не надо переделывать)))
держи мистер плюсик +

0

Поделиться2092011-07-14 18:17:27

Автор: Nikita380
Форумчанин
Зарегистрирован: 2008-11-30
Приглашений: 0
Сообщений: 164
Уважение: +1
Позитив: +6
Провел на форуме:
3 дня 1 час
Последний визит:
2019-10-23 12:58:39

Кофеман
а можно что бы было с прокруткой? )))

0

Поделиться2102011-07-14 18:50:44

Автор: Nikita380
Форумчанин
Зарегистрирован: 2008-11-30
Приглашений: 0
Сообщений: 164
Уважение: +1
Позитив: +6
Провел на форуме:
3 дня 1 час
Последний визит:
2019-10-23 12:58:39

Кофеман
а можно ли что бы при нажатие на новости вылизала эта картинка?
http://s2.itrash.ru/idb/149fa0af1c8f93f … oad234.png
большое окно, там сами новости и прокрутка, маленькой окно там тоже прокрутка и ссылки, ниже есть тоже окно, там топ и прокрутка тоже. И в остальных вкладках тоже были прокрутки))) заранее спасибо большое)

0

Заказ таблиц 4 <	Архив тем	2010-02-12
Заказ таблиц 3	Архив тем	2009-09-20
Заказ таблиц №6	Архив тем	2011-01-09
Заказ таблиц №2	Архив тем	2009-05-04
Заказ таблиц №7	Архив тем	2011-06-13

Форум поддержки пользователей ZeroParking

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

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

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

Заказ таблиц №8

Сообщений 181 страница 210 из 1000

Поделиться1812011-07-12 01:18:18

Поделиться1822011-07-12 01:37:07

Поделиться1832011-07-12 09:18:47

Поделиться1842011-07-12 10:40:06

Поделиться1852011-07-12 10:41:34

Поделиться1862011-07-12 10:49:10

Поделиться1872011-07-12 10:56:35

Поделиться1882011-07-12 11:15:44

Поделиться1892011-07-12 12:29:21

Поделиться1902011-07-12 12:49:35

Поделиться1912011-07-12 13:25:42

Поделиться1922011-07-12 13:41:17

Поделиться1932011-07-12 19:05:54

Поделиться1942011-07-12 19:45:12

Поделиться1952011-07-12 19:55:41

Поделиться1962011-07-12 20:01:37

Поделиться1972011-07-13 11:37:46

Поделиться1982011-07-13 11:40:27

Поделиться1992011-07-13 11:41:19

Поделиться2002011-07-13 11:53:40

Поделиться2012011-07-13 20:18:49

Поделиться2022011-07-13 22:36:51

Поделиться2032011-07-13 23:19:52

Поделиться2042011-07-14 01:29:20

Поделиться2052011-07-14 07:07:40

Поделиться2062011-07-14 11:04:18

Поделиться2072011-07-14 12:01:29

Поделиться2082011-07-14 18:06:42

Поделиться2092011-07-14 18:17:27

Поделиться2102011-07-14 18:50:44

Похожие темы