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

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

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


Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (12)


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

Сообщений 201 страница 220 из 1000

201

Wikki

пробуйте так:

Код:
	<style>#КонтентРотатор p{display:none;position:absolute;}
#КонтентРотатор table p{display:block;position:relative;}
#КонтентРотатор table{display:block;position:relative;z-index:100;}
</style>
    <div id="КонтентРотатор"><!-- Ротатор произвольного контента -->
    <p><img src="http://forumupload.ru/uploads/0010/04/c2/2-1-f.jpg"></p>
    <p>2-й Контент</p>
    <p>3-й Контент</p>
    <p>4-й Контент</p>
    <p>N-й Контент</p>
<center>
<table border="0" cellpadding="0" cellspacing="0"  width="830" height="400px" summary="" style="positin:relative;z-index:200;border-width: 0px" background-color:transparent">
<tr><td height="60" colspan="2">
<div id="menu">
<table summary="" width="100%">
<tr>
<td align="center" width="25%"><span alt=#sm1 "style="cursor: pointer;">Инфо</span></td>
<td align="center" width="25%"><span alt=#sm2 "style="cursor: pointer;">Администрация</span></td>
<td align="center" width="25%"><span alt=#sm3 "style="cursor: pointer;">Фронт А</span></td>
<td align="center" width="25%"><span alt=#sm4 "style="cursor: pointer;">Фронт Б</span></td>
</tr>
</table>
</div>
</td></tr>
<tr>
<td height="260" width="425" id="MenuTxT">
<div id="submenu">
<!-- Содержимое кнокпи 1 -->
<div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">Уважаемые фронты, не забывайте просматривать в объявлении страницы вашей стороны.</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td colspan="2"><center>
<!-- Навигация -->
<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
<option>.|------Навигатор------|.</option> 
<option value="http://beatsangel.anihub.ru/viewtopic.php?id=6">Сюжет</option> 
<option value="http://beatsangel.anihub.ru/viewtopic.php?id=8">Информация по ролевой! Новичкам ознакомиться!</option> 
<option value="http://beatsangel.anihub.ru/viewtopic.php?id=7">Название</option> 
<option value="Адрес ссылки">Список персонажей</option> 
<option value="Адрес ссылки">Название</option> 
<option value="Адрес ссылки">Название</option> 
<option value="Адрес ссылки">Название</option> 
</select> 
</form></center></td><tr>
<td>Мы не принимаем канонов. Эта история, началась после исчезновения Канадэ. Но вы можете взять себе внешность и характер из аниме, только смените имя.</td>
<td><b>Время:</b> Обед.<br>
<b>Погода:</b> Хорошая.</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 2 -->
<div id="sm2" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 2</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">
1<br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a>
</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 3 -->
<div id="sm3" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 3</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="display:table;bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 4 -->
<div id="sm4" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 4</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Конец содержимого кнопок  меню -->
</div>
</td>
<td width="213" rowspan="2">
<div style="width: 204px; height: 306px; margin-left: 2px; text-align: center; border: 1px dashed grey;" class="zag1">
<font size="+1"><b>Объявление</b></font>
<br />
Добрый день любители аниме "Ангельские ритмы".<br> Эта ролевая только создалась, но же в скором времени, она начнет создаваться, поэтому прошу запомнить нас и либо помочь, либо зайти к нам через пару дней))<br><br>
Если вы хотите помочь с созданием, прошу написать в аську 567626735. Примем любую помощь!<br>
Arigato!
</div>
</td>
</tr>
<tr>
<td height="59">
<div style="width: 410px; height: 48px; margin-left: 4px; text-align: center;">
<font size="+1"><b>Заголовок 2</b></font>
<br />
текст 2
</div>
</td>
</tr>
</table>
</center>
    </div>

    <script language="javascript">
    var sek = 1000;  // Время отображения

    var Nrout=$("#КонтентРотатор p").length
    var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
    function RotatorMycontent(i) {
    $("#КонтентРотатор p").hide();
    $("#КонтентРотатор p").eq(i).show();
    j =Math.round(Math.random()*(Nrout-1));
    timerID = setTimeout("RotatorMycontent(j)",sek);}
    </script>

Там есть трабл в ротаторе ...
Поэтому нун к внутренним таблицам прописывать

style="display:table;"

иначе ротатор придает им блочную структуру и таблы глючат

0

202

Graf Dracula, - Кофеман в отпуске - так шо вряд ли кто свояет таку сложную табличку ( возможно ток у Герды на форуме

Отредактировано Deff (Чт, 11 Авг 2011 18:12:15)

0

203

Deff
а ты  не сможешь?

когда Кофеман будет?

0

204

можете тогда переделать мне таблицу которую делал Кофеман для Ai Misaki пост 100

мне нужны только кнопки как там(без низа), но чтобы эти кнопки появлялись когда нажимаешь на кнопку меню

Отредактировано Graf Dracula (Чт, 11 Авг 2011 19:00:06)

0

205

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

http://kolubel.ru/viewforum.php?id=8

Заранее спасибо за помощь  :blush:

0

206

Graf Dracula
Кнопки - без низа - а в табличку ставите сами

Код:
<style type="text/css">
#menu-css li {
	position: relative;
	float: left;
height: 30px;
	margin: 1px;
	background-color: #e1e3e4;
	width: 125px;
	text-align: center;
	border: 1px solid #000;
padding-top: 5px;
}
#menu-css li:hover {
	background-color: #bfccda;
}
#menu-css li ul {
	position: absolute;
	z-index: 1000;
	top: 34px;
	left: -1px;
	display: none;
font-size: 10px;
height: auto;
}
#menu-css li ul li {
	border: 1px solid black;
	margin: 2px;
	background-color: #e6e6fa;
height: auto;
}
#menu-css li:hover ul {
	display: block;
}
#menu-css li:hover ul li {
	background-color: #e6e6fa;
	margin: 0;
}
#menu-css li:hover ul li:hover {
	background-color: #f0ffff;
}
</style>

<table width="780" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td colspan="3">
<!-- Меню -->

<ul id="menu-css" align="center">
	<li>Администрация
	<ul><li>
здесь содержимое первого пункта<br>
здесь содержимое первого пункта<br>
здесь содержимое первого пункта
	</li></ul>
	</li>
	<li>Полезные ссылки<ul>
<li>
здесь содержимое второго пункта<br>
здесь содержимое второго пункта<br>
здесь содержимое второго пункта<br>
здесь содержимое второго пункта<br>
здесь содержимое второго пункта<br>
здесь содержимое второго пункта<br>
</li>
	</ul>
	</li>
	<li>Дата и погода<ul>
<li>
здесь содержимое третьего пункта
</li>
	</ul>
	</li>
	<li>Конкурсы<ul>
<li>
здесь содержимое четвертого пункта
</li>
	</ul>
	</li>
<li>Рекламщикам<ul>
<li>
здесь содержимое пятого пункта
</li>
	</ul>
	</li>
<li>Партнеры<ul>
<li>
здесь содержимое пункта партнеров
</li>
	</ul>
	</li>
</ul>

<!-- конец меню -->
	</td>
</tr>
</table>

0

207

Табличка >

Код:
<style>
#pun-announcement h2 span
{display: none;}
</style>

<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #FCF5D6;
text-shadow:#000 1px 1px 2px;
background:#C8B58F;
}

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

.submenutext {
text-align: center;
background:#c8b58f;
position:absolute;
width:100%;
max-width: 720px;
display: none; 
height: 260px!important;
}
</style>
<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(500);
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <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>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<center><b> Аллоха! xDD</b>  <br>Вас радушно приветствует ролевая игра <b>X-MEN. NEGAVERSE</b>!!! Всех гостей и потенциальных игроков приглашаем посетить темы акций, а также нам нужны на замену Гамбит, Волчица, Эмма Фрост и многие другие – с ними Вы можете ознакомиться в теме Необходимые герои. <br> Наша ролевая создана на базе мультфильма Росомаха и Люди Икс.<br>Для гостей и проходящих анкетирование форум виден не полностью. Раздел для анкет не виден гостям, чтобы получить доступ к шаблону, просьба пройти по ссылке во вкладке <b>Полезные Ссылки</b>. С любыми вопросами обращайтесь в Гостевую, Вам всегда ответят. <br> Для правильного отображения дизайна рекомендуем использовать браузеры <b>Google Chrome</b> или <b>Mozilla Firefox</b>. В браузерах <b>Opera & IE</b> Вам будет мешать рекламный баннер. Если Вам не пришел пароль на почту, напишите в Гостевой, новый пароль будет выслан Вам на имейл админами повторно с нашего почтового ящика, по этой причине регистрируйте <u>действующий</u> имейл. </center>
</div>
     <div id="sm2" class="submenutext"><br /><br />

Хотелось бы обратить внимание игроков, что ориентировочно в игре начало сентября месяца, чтобы не путались! Ввиду того, что игра эпизодическая, конкретное время устанавливается в эпизодах

УВАЖАЕМЫЕ ИГРОКИ! Администрацией форума проводится небольшой игровой апгрейд, так что просим не пугаться, если где-то что-то появиться новенькое))))

Любимые наши участники! Администрация не просто так постит в теме "Сообщения от Администрации"! Просим вас обращать на эту тему внимание, когда там появляются новые сообщения. Мы для вас их пишем.
</div>
     <div id="sm3" class="submenutext">
<center><table width=80% align=center><tr valign=top>
<td width=33%  style="padding-top:20px!important;"> 
<p><b>Навигация для гостей и новоприбывших</b></p>

<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=6>Срочно нужны!</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=11>Шаблон анкеты</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=68>Список способностей (для неканонов)</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=4>Роли</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=39#p84>Сценарий</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=2>Правила</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=38>Википедия ролевой</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=8>Занятые лица</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=9#p10>Гостевая</a>
<br>
</td>
<td width=33%  style="padding-top:20px!important;"> 
<b>Навигация для участников игры</b>
<br>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=25>Личная информация</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=26>Заказ аватарок</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=27>Получение готовых аватарок</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=28>Уход или временное отсутствие</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewforum.php?id=17>Отношения героев</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=31>Вызов Гейм-Мастера</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=29>Поиск партнеров по игре</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=30>Квестомания</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=30>Квестомания</a>
 </td>
<td width=33%  style="padding-top:20px!important;"> 

 <b>Для пиарщиков</b>
<br>
<br>
<a href=http://marvelmutante.mybb.ru/viewforum.php?id=6>Наша/Ваша реклама</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewforum.php?id=7>Обмен баннерами</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=17>Заявки на дружбу</a>
<br>
</td></tr>
</table></center>

</div>
     <div id="sm4" class="submenutext"><br /><br />
111

</div>
     <div id="sm5" class="submenutext"><br /><br />
<center>Наши многоуважаемые друзья, которых мы рекомендуем посетить всем желающим! Качественные игры для хороших игроков!</center><br><br><a href="http://ra-reklama.ru/pages/katalog" target="_blank"><img src="http://s001.radikal.ru/i193/1006/49/b7e576cba41f.jpg" title="Каталог форумов" width="88" height="31"></a> <a target="_blank" href="http://soullove.ru/"><img src="http://10pix.ru/img1/3827/2165825.gif"></a> <a href="http://onfire.rusff.ru/"target=_blank> <img src="http://10pix.ru/img1/4963/4100394.gif"alt= "  Gotham сity. Earth on fire`"></a> <a href="http://potc.rolka.su/"><img src="http://picthost.ru/images/c6umzaowdb405nkx7147.gif"></a> <a target="_blank" href="http://mafiacityofsins.rusff.ru/"><img src="http://i034.radikal.ru/1104/f1/bfca2e2d7fb7.gif" ></a> <a href="http://namvnebo.ru/" title="Современная Греция. Афины. Люди, способные управлять силой Богов. Найдешь себя в этом мире, смертный?..." target="blank"><img src="http://i025.radikal.ru/1011/1f/1bd57432287d.png"></a> <a href="http://makeawish.rolka.su/" title="The Vampire Diaries: Make a wish" target="_blank"><img src="http://www.10pix.ru/img1/2482/4174810.gif"></a> <a href="http://firstclass.mybb.ru/" target=_blank><img src="http://funkyimg.com/u2/412/269/1.gif" width="88" height="31" border="0"></a>
</div>

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

0

208

Avriuatta Пост Выше - подойдет и Вам

Отредактировано Deff (Чт, 11 Авг 2011 19:11:26)

0

209

Deff эх не так... ладно воспользуюсь этой

0

210

оно работает как я понимаю только в IE - в опере смотрю не пашет

0

211

Graf Dracula Хм - Ващет смотрел ток под Оперой... Поставьте на тестовый форум- дайте ссылку

Вставьте коды как есть - без правок - убедицо что работает

Отредактировано Deff (Чт, 11 Авг 2011 19:44:25)

0

212

1. Эскиз.
http://s2.ipicture.ru/uploads/20110804/1x4FDHdr.jpg

2. http://pallmall.mybb.ru/

3. Три всплывающих окошка ( в них адреса с ссылками), таблица с границами (толщина линии 1, 5 пт), размеры 700х350, ссылка на картинку - http://s2.ipicture.ru/uploads/20110804/ZAg6RQjV.jpg
Фон таблицы хотелось бы в чёрном цвете, чтобы гармонировал с картинкой по середине.

0

213

Deff
Спасибо =)

0

214

пост 190

0

215

Deff у меня работает токо в ие, в опере не работает, в гугле и мозиле не мострел ещё

0

216

Напоминаю о заказе таблицы в посте #182 - надеюсь, моя назойливость никого не разозлит.

0

217

Здравствуйте,если не сложно можно код этой таблици сделать...

http://savepic.net/1839590.png

Таблица из трех блоков.Суммарная длина таблици 980px высота 200px

0

218

Marmik

Код:
<style>
#Marmik div.frst{
color:#fff;
text-align:center;
font-weight:bold;
width:100%;
padding:0 1px 1px;

font-size:14px;
background-color:#18CEDE;
border:2px #18CEDE solid;
}
#Marmik div.frst div{
text-align:left;
padding:12px;
color:#1A4889;
max-width:100%;
height:200px;
background-color:#fff;
}
#Marmik div,
#Marmik div div{
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}
</style>
<center><table cellpadding=6 id=Marmik>
<tr height=200 valign=top align=center>
<td width=300>
<div class=frst>Расписание гастролей<div>
ячейка 1
</div></div>
</td>
<td width=350>
<div class=frst>Информация<div>
ячейка 2
</div></div>
</td>
<td width=300>
<div class=frst>Информация<div>
ячейка 3
</div></div>
</td>
</tr>
</table></center>

Отредактировано Deff (Сб, 13 Авг 2011 03:28:21)

+1

219

Пост номер 140 все так же ждет и надеется на ответ.

0

220

DeffСпасибо большое http://mybb.ru/f/collection/0226.gif

0


Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (12)