Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)
Rion Leonheart
У меня возникло несколько вопросов.
Можно ли сделать вместо названий контейнеров картинки?
Как можно сделать фон для таблицы?
Вот пример нужного результата:
Ещё с закруглёнными краями, если возможно
Отредактировано Пушок (Пт, 23 Дек 2011 14:30:43)
fot, здравствуйте.
Вы просите фактически сайдбар. 
Це не в заказы таблиц...
Можно ли сделать вместо названий контейнеров картинки?
Можно, картинка на фон тоже не проблема.
Ещё с закруглёнными краями, если возможно
Скругление для чего? Рамок? Или всей таблицы? Как насчет кнопок?
Ссылки на картинки. Подкорректируем.
Отредактировано Rion Leonheart (Пт, 23 Дек 2011 14:45:13)
Я ещё не знаю какие исходники взять. Если сможете, то просто укажите куда какие картинки вставлять.
Rion Leonheart, ок, спасибо за подсказку, напишу в другой раздел.
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе( Пэинт, Фотошоп и т.д.) - обязательно!
http://savepic.net/2236770.jpg
2) Ссылка на ваш форум
http://whotest.rusff.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
http://savepic.net/2242914m.png
http://savepic.net/2240866m.png
вот, собственно, ссылки на стрелочки.
границы не нужны.
надеюсь, я верно объяснила с прокруткой и тремя ячейками.
Пушок, я-то могу вам написать, что-куда... А с размерами картинок мне как угадывать? 
tin-tin, здравствуйте. Вы просите слайдер: из эскиза - вам надо три слайда, а содержимое каждого слайда - просто текст? Без прокруток, вложенных таблиц, картинок?
Rion Leonheart
ах, забыла упомянуть - таблица из трех ячеек в каждом слайде. вот.
Rion Leonheart
Все изображения контейнеров по 90x55 px.
tin-tin,
Объявление:
<div id="pageContainer" align="center">
<h1></h1>
<!-- Slideshow HTML -->
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">
<table width="91%" height="200" style="text-align: center;" border="0">
<tr><td width="30%">
первая колонка (слайд 3)
</td><td width="30%">
вторая колонка (слайд 3)
</td><td width="30%">
третья колонка (слайд 3)
</td></tr></table>
</div>
<div class="slide">
<table width="91%" height="200" style="text-align: center;" border="0">
<tr><td width="30%">
первая колонка (слайд 2)
</td><td width="30%">
вторая колонка (слайд 2)
</td><td width="30%">
третья колонка (слайд 2)
</td></tr></table>
</div>
<div class="slide">
<table width="91%" height="200" style="text-align: center;" border="0">
<tr><td width="30%">
первая колонка (слайд 1)
</td><td width="30%">
вторая колонка (слайд 1)
</td><td width="30%">
третья колонка (слайд 1)
</td></tr></table>
</div>
</div>
</div>
<!-- Slideshow HTML -->
<div id="footer">
</div>
</div>Дополнение ниже.
Отредактировано Rion Leonheart (Пт, 23 Дек 2011 17:10:01)
Rion Leonheart
http://whotest.rusff.ru/ вышло что-то крайне странное. Эти боковушки вообще не нужны, верхних стрелок для переключения я не нашла.
tin-tin, хех, странные слайды...
В конец второго окна стиля ставим:
/* CS5 Categories and other
-------------------------------------------------------------*/
#slideshow {margin:0 auto; width:730px; height: 200px; position:relative; line-height: 10px;}
#slideshow #slidesContainer {margin:0 auto; width:730px; height: 200px; overflow:auto; /* allow scrollbar */
position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto; width:730px; height:200px;}
.control {display:block;width: 100px; height: 200px; text-indent:-10000px; position:absolute; cursor: pointer;}
#leftControl {top: -35px; left: 15px; background:transparent url(http://savepic.net/2240866m.png) no-repeat 0 0;}
#rightControl {top: -35px; right: 15px; background:transparent url(http://savepic.net/2242914m.png) no-repeat 0 0;}
.slide h2, .slide p {margin:15px;}
.slide h2 {letter-spacing:-1px;}
.slide img {float:right; margin:0 15px;}Html-верх меняем на:
<style type="text/css">
#pun-announcement h2 {display: none}
</style>
<script type="text/javascript">
$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 730;
var slides = $('.slide');
var numberOfSlides = slides.length;
// Remove scrollbar in JS
$('#slidesContainer').css('overflow', 'hidden');
// Wrap all .slides with #slideInner div
slides
.wrapAll('<div id="slideInner"></div>')
// Float left to display horizontally, readjust .slides width
.css({
'float' : 'right',
'width' : slideWidth
});
// Set #slideInner width equal to total width of all slides
$('#slideInner').css('width', slideWidth * numberOfSlides);
// Insert controls in the DOM
$('#slideshow')
.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
.append('<span class="control" id="rightControl">Clicking moves right</span>');
// Hide left arrow control on first load
manageControls(currentPosition);
// Create event listeners for .controls clicks
$('.control')
.bind('click', function(){
// Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
// Hide / show controls
manageControls(currentPosition);
// Move slideInner using margin-left
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
// manageControls: Hides and Shows controls depending on currentPosition
function manageControls(position){
// Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
}
});
</script>Остальное без изменений.
Отредактировано Rion Leonheart (Сб, 24 Дек 2011 13:01:05)
Пушок, сорри - слайды - это бич сезона)
Html-верх меняем:
<style>
#menu {
margin-top: 0px;
width: 90px;
height: 55px;}
#menu span {
text-align:center;
display:block;
margin: 0 0 0 0;
padding: 0px;}
#submenu {
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border: 1px solid #000;}
#submenu {
width: 500px;}
.submenutext {
padding: 3px;
text-align: center;
font-size: 12px;
display: none;
height: 332px;}
</style>Объявление тоже меняем:
<center><table style="width: 100%; background: url(ссылка на фоновую картинку всей таблицы) center top no-repeat;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr><td>
<table width="100%" height="100%" cellspacing="0" border="0" cellpadding="1">
<tr><td style="border: 1px solid #000; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;"><div style="width: 100%; height: 166px; overflow: auto;">Информация для гостей
</div></td></tr><tr><td style="border: 1px solid #000; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;"><div style="width: 100%; height: 166px; overflow: auto;">
<center><font style="font-size:15pt; <font color="#e60909">Погода на ролевой</font></center>
<br>
<center><img src="http://uploads.ru/i/Y/8/4/Y84N2.gif"></center>
<br>
<center>Наступил самый настоящий лютый сезон Голых деревьев.Дичь попряталась по норам и Котам воителям сейчас не очень просто выжить.Целый день валит снег из серого неба,окутанного тучами.Слой снега уже может скрыть котёнка с головой.Огромен риск заболеть Белым кашлем.Стариков и котят сейчас нужно как следует прятать в тепло!</center>
</div></td></tr>
</table></td>
<td id="MenuTxT" width="500" align="center" valign="top">
<div id="submenu" align="center">
<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 id="sm6" class="submenutext">Контент 6-й кнопки
</div>
</div>
</td>
<td align="center" valign="top" width="90">
<div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="ссылка на картинку 1-ой кнопки"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="ссылка на картинку 2-ой кнопки"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="ссылка на картинку 3-ей кнопки"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="ссылка на картинку 4-ой кнопки"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="ссылка на картинку 5-ой кнопки"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="ссылка на картинку 6-ой кнопки"></span>
</div>
</td>
</tr>
</tbody>
</table></center>
Не смотрим, что кнопки забежали вверх - когда картинки вставите - они как на скрине встанут, пока просто в них нет картинки указанного размера.
Rion Leonheart
благодарю вас, вы - мой герой!
Rion Leonheart, спасибо
Здравствуйте.
Я хочу примерно такую табличку и чтобы в квадратиках было написано:
Информация Правила Ссылки Администрация
При клике на квадратик открывалось окошечко с текстом. И чтобы там не было большого окна (чтобы оно менялось в зависимости от размера текста). И желательно, что когда кликаешь на "форум" в таблице ничего не было (обычно то, что в первой кнопочке уже написано). Надеюсь, Вы меня поняли.)
Картинка (извините, что кривовато получилось):
Вот ссылка на форум:
http://evaforum.mybb.ru/
Заранее большое спасибо!
Отредактировано Evil Light (Сб, 24 Дек 2011 18:28:08)
Evil Light, здравствуйте.
И желательно, что когда кликаешь на "форум" в таблице ничего не было (обычно то, что в первой кнопочке уже написано).
Вот хоть убей - не понимаю этого пункта?
Обычно когда заходишь на главную страницу форума, в таблице чего нибудь да и написано. А написано именно то, что находится в первой кнопке.
Evil Light, гипотетически невозможно) вы же просите кнопки с всплыв. меню - контент в любом случае скрыт, пока не нажмешь, или я не так понял Оо:
В html-верх:
<style>
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
.splLink {
width: 160px;
height: 20px;
border: 2px solid #89959B;
text-align: center;
font-family: Gothic century;
font-size: 13px;
font-weight: bold;
background-color: #6B8EBA;
color: #E4EAF2;
padding: 3px;}
.splCont {
height: auto;
width: 200px;
background: #E4EAF2;
padding: 3px;
z-index: 1000;
margin: 5px 0 0 27px;
border: 2px solid #89959B;
font-size: 12px;
font-family: Lucida Sans Unicode;
text-align: center;}
.splCont:first-letter {
font-family: "Times New Roman", Times, serif;
font-size: 150%!important;
color: #0055FF;}
</style>В объявление:
<center><table style="width: 90%;" border="0"> <tr align="center"> <td><DIV><div class=splLink>Информация</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 1 (авто-подбор высоты контента - прокрутку не содержит) </DIV></DIV></td> <td><DIV><div class=splLink>Правила</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 2 </DIV></DIV></td> <td><DIV><div class=splLink>Ссылки</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 3 </DIV></DIV></td> <td><DIV><div class=splLink>Администрация</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 4 </DIV></DIV></td> </tr> </table></center>
В html-низ:
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>О, спасибо огромное! Прям идеально подошло!
Доброго времени.
У меня в достаточной мере странная просьба, но всё же.
Есть таблица:
<style>
#menu span {
padding: 7px 15px 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #9ca3a6;
background: #152b38;
}
#submenu {
padding: 5px;
height: 350px;
text-align: left;
font-size: 12px;
width: 720px;
}
.submenutext {
text-align: center;
background: url(http://s49.radikal.ru/i126/1112/16/167d71527558.jpg); background-repeat: no-repeat; width: 720px; height: 450px;
/*position:absolute;*/
width:auto;
margin:0 2px;
max-width: 100%;
display: none;
height: 260px!important;
}
span.menuButton {
cursor:pointer;
cursor:hand;
}
</style>
<center><table style="width: 615px;">
<tbody>
<tr>
<td align="center">
<div id="menu">
<span alt=#sm1 class="menuButton"><b>Об Игре</b></span>
<span alt=#sm2 class="menuButton"><b>Новости</b></span>
<span alt=#sm3 class="menuButton"><b>Реклама</b></span>
<span alt=#sm4 class="menuButton"><b>Карта</b>
</span>
</div>
</td>
</tr>
<tr align="left">
<td id="MenuTxT" valign="top" style="height: 450px;">
<div id="submenu" width="100%">
<table width=100%><tr>
<td id="sm1" class="submenutext">
<div>
<table width="720" cellspacing="0" cellpadding="0" border="1">
<tr>
<b> <td width="25%" align="center" height="10">Добро пожаловать! </td>
<td width="25%" align="center" height="10">Время и погода</td>
<td width="25%" align="center" height="10"> А сегодня…</td>
<td width="25%" align="center" height="10"> Срочно требуются: </td> </b>
</tr>
<tr>
<td width="25%" align="center" valign="top" style="padding: 10px 0;">
<div style="width: 96%; height: 100px; overflow: scroll; overflow-x: hidden; padding: 3px;">
Маг ты или маггл, мы всегда рады видеть тебя на нашей ролевой. У нас уютно и душевно. Благодаря хитроумно заплетённому сюжету, каждый игрок важен. <br>
<b> Будь с нами и мы всегда будем с тобой.</b>
</div>
</td>
<td width="25%" align="center" valign="top" style="padding: 10px 0;">
<div style="width: 96%; height: 100px; overflow: scroll; overflow-x: hidden; padding: 3px;">
<center>1 сентября, пятница, 1995 год; <br>
<b> Время: </b> 22:00-00:00; <br>
<b> Погода: </b> + 18, к вечеру похолодало, усилился ветер. </center>
</div>
</td>
<td width="25%" align="center" valign="top" style="padding: 10px 0;">
<div style="width: 96%; height: 100px; overflow: scroll; overflow-x: hidden; padding: 3px;">
<center>А сегодня начинает свою жизнь меню нашего форума, на который, кстати, мисс Браун убила 4 дня и 3 ночи. Это лишь начало из всего того, что будет сделано! <br>
<b> Оставайтесь с нами! </b> </center>
</div>
</td>
<td width="25%" align="center" valign="top" style="padding: 10px 0;">
<div style="width: 96%; height: 100px; overflow: scroll; overflow-x: hidden; padding: 3px;">
<a href="_" title="Принимается по пробному посту"> Гарри Поттер</a> <br>
<a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=332"> Невилл Лонгботтом </a><br>
<a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=331#p6582"> Луна Лавгуд </a><br>
<a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=332"> Чоу Чэнг </a><br>
<a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=331#p6581"> Долорес Амбридж </a><br>
<a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=332"> Поппи Помфри </a>
<br>
<a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=3"> <b> Список персонажей<b> </a>
</div>
</td>
</tr>
<tr>
<td width="178" align="center" height="214"><img src="http://s017.radikal.ru/i442/1112/6b/4d033377c6a2.png" alt="" border="0" style="margin: 0 0 1px 1px 0; width: 178px; height: 214px;"> </td>
<td width="178" align="center" height="214"><img src="http://s61.radikal.ru/i173/1112/47/0d5330bebbe5.png" alt="" border="0" style="margin: 0 0 1px 0; width: 178px; height: 214px;"> </td>
<td width="178" align="center" height="214"><img src="http://s017.radikal.ru/i434/1112/31/5811448fb344.png" alt="" border="0" style="margin: 0 0 1px 0; width: 178px; height: 214px;"> </td>
<td width="178" align="center" height="214"><img src="http://s017.radikal.ru/i436/1112/e7/cacbed463520.png" alt="" border="0" style="margin: 0 1px 1px 0; width: 178px; height: 214px;"> </td>
</tr>
<tr>
<td width="25%" align="center" height="20"> <b> 0 </b></td>
<td width="25%" align="center" height="20"><b> 0 </b> </td>
<td width="25%" align="center" height="20"><b> 0 </b> </td>
<td width="25%" align="center" height="20"><b> 0 </b> </td>
</tr>
</table></div>
</td>
<td id="sm2" class="submenutext">
<div>
<table width="720" cellspacing="0" cellpadding="0" border="1">
<tr>
<b><td width="33%" align="center" height="30"> <b> Сюжет </b> </td>
<td width="34%" align="center" height="30"><b> Новости</b> </td>
<td width="33%" align="center" height="30"><b> Руководство</b> </td></b>
</tr>
<tr>
<td width="33%" align="center" valign="top" style="padding: 10px 0;">
<div style="width: 96%; height: 300px; overflow: scroll; overflow-x: hidden; padding: 3px;">
Перед самым началом учёбы преподаватели Хогвартса обнаруживают в замке новый призрак, который наотрез отказывается говорить о себе и стремительно скрывается из поля зрения при появлении человека. После долгих и мучительных попыток успокоить бедное приведение, они с ужасом узнают в нём преподавателя магловедения Чэрити Бербидж, которая утверждает, что её зверски убили в Косом переулке, перемежая свою речь душераздирающими воплями. В скором времени в указанном месте авроры обнаруживают её труп. <br>
Тем временем группа учеников, чувствуя приближающуюся опасность, втайне от преподавательского состава основывает организацию под названием "Отряд Дамблдора".<br>
Всем нам предстоит разобраться в этом нелёгком и опасном деле, иначе кто знает, на кого впредь падёт выбор загадочного убийцы?... <br>
Подробнее <a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=314#p5713 "> здесь </a>
</div>
</td>
<td width="34%" align="center" valign="top" style="padding: 10px 0;">
<div style="width: 96%; height: 300px; overflow: scroll; overflow-x: hidden; padding: 3px;">
Вкусная еда и приятная атмосфера праздника, наполнявшая тронный зал, заставляла детей и профессоров почувствовать себя снова дома, но ничто не вечно. А этот чудесный вечер уже близился к концу, и старостам факультетов было велено развести первокурсников по их спальням.
Многие начинали уже зевать. Пора было отправляться разбирать вещи и ложиться спать.
Всех игроков прошу разойтись по комнатам.
Более подробные новости вы можете узнать <a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=132"> тут </a> </div>
</td>
<td width="33%" align="center" valign="top" style="padding: 10px 0;">
<div style="width: 96%; height: 300px; overflow: scroll; overflow-x: hidden; padding: 3px;">
<center> <b> Админы </b></center>
<br>
<!-- Картинки админов -->
<a href="http://harrypotternewstory.magicrpg.ru/profile.php?id=102"><img src="http://forumavatars.ru/img/avatars/000c/36/63/102-1319635701.jpg" title="Кида Браун.Администратор общих вопросов. Всё к ней." alt="" border="0" style="margin: 0 1px 1px 0; width: 90px; height: 90px;">
<a href="http://harrypotternewstory.magicrpg.ru/profile.php?id=72"><img src=" http://forumavatars.ru/img/avatars/000c/36/63/72-1302611646.jpg " title=" Джаред Эйвери. Проверяющий анкеты." alt="" border="0" style="margin: 0 1px 1px 0; width: 90px; height: 90px;">
<a href="http://harrypotternewstory.magicrpg.ru/profile.php?id=73"><img src="http://s60.radikal.ru/i169/1112/69/488e9c1dda46.jpg" title="Пэнси Паркинсон." alt="" border="0" style="margin: 0 1px 1px 0; width: 90px; height: 90px;">
<br>
<br>
<center> <b> Модераторы </b> </center><br>
<!-- картинки модераторов -->
<a href="http://harrypotternewstory.magicrpg.ru/profile.php?id=97"><img src="http://forumavatars.ru/img/avatars/000c/36/63/97-1319724816.jpg" title="Аластор Грюм. Ответственный за домашние задания и лекции" alt="" border="0" style="margin: 0 5px 5px 0; width: 90px; height: 90px;">
<a href="http://harrypotternewstory.magicrpg.ru/profile.php?id=67"><img src="http://forumavatars.ru/img/avatars/000c/36/63/67-1296907956.jpg" title="Нимфадора Тонкс. Квестоплёт" alt="" border="0" style="margin: 0 0 5px 0; width: 90px; height: 90px;">
<a href="http://harrypotternewstory.magicrpg.ru/profile.php?id=128"><img src="http://forumavatars.ru/img/avatars/000c/36/63/128-1317504506.jpg" title="Драко Малфой. Пиарщик, акциипридумыватель." alt="" border="0" style="margin: 0 5px 5px 5px; width: 90px; height: 90px;">
<a href="http://harrypotternewstory.magicrpg.ru/profile.php?id=165"><img src="http://forumavatars.ru/img/avatars/000c/36/63/165-1322823228.png" title="Элис Джонсон. Пиарщик." alt="" border="0" style="margin: 0 5px 5px 0; width: 90px; height: 90px;">
</div>
</td>
</tr>
</table>
</div>
</td>
<td id="sm3" class="submenutext">
<div><table width="720" cellspacing="0" cellpadding="0" border="1">
<tr>
<td rowspan="2" width="30%" align="center"> </td>
<td width="70%" align="center" height="30"> <b> Наша реклама </b> </td>
</tr>
<tr>
<td width="70%" align="center" valign="top" height="100"> <a href="http://harrypotternewstory.magicrpg.ru" target="_blank"><img src="http://s61.radikal.ru/i174/1112/64/66b3028617b5.gif"title="Harry Potter and the New story"border="0"width="88" height="31"></a></a>
<a href="http://harrypotternewstory.magicrpg.ru" target="_blank"><img src="http://s017.radikal.ru/i401/1112/72/3b4e22f13bc1.gif"title="Harry Potter and the New story"border="0"width="88" height="31"></a></a>
<a href="http://harrypotternewstory.magicrpg.ru" target="_blank"><img src="http://s017.radikal.ru/i414/1112/41/51f0686d9e9e.gif"title="Harry Potter and the New story"border="0"width="88" height="31"></a></a>
<a href="http://harrypotternewstory.magicrpg.ru" target="_blank"><img src="http://s05.radikal.ru/i178/1112/f8/d2d18eaad1cd.gif"title="Harry Potter and the New story"border="0"width="88" height="31"></a></a>
<a href="http://harrypotternewstory.magicrpg.ru" target="_blank"><img src=" http://s008.radikal.ru/i305/1112/32/ee6b6fd2eb0e.gif"title="Harry Potter and the New story"border="0"width="75" height="31"></a></a>
<a href="http://harrypotternewstory.magicrpg.ru" target="_blank"><img src=" http://s001.radikal.ru/i196/1112/58/a425f53c0baf.gif "title="Harry Potter and the New story"border="0"width="75" height="31"></a></a>
</td>
</tr>
<tr>
<td rowspan="2" width="30%" align="center"> По всем вопросам рекламы обращаться к <a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=128"> Драко Малфою </a> и <a href="http://harrypotternewstory.magicrpg.ru/viewtopic.php?id=165"> Элис Джонсон </a> </td>
<td width="70%" align="center" height="30"> <b> Партнеры </b> </td>
</tr>
<tr>
<td width="70%" align="center" height="100">
<marquee behavior="scroll" direction="left" width="96%" height="50" loop="0" scrollamount="3" scrolldelay="2" onMouseOver="this.stop()" onMouseOut="this.start()">
<a href="http://marvelgame.roletalk.ru/"><img src="http://25.media.tumblr.com/tumblr_loyupxOJjQ1qb1ukwo1_500.gif" width=88 height=31 border=0 alt="The Marvel Universe: You can feel how hard to be a hero"></a>
</marquee>
</td>
</tr>
</table>
</div>
</td>
<td id="sm4" class="submenutext">
</td>
</tr></table>
</div>
</td>
</tr>
</tbody>
</table></center>
<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");
$("td.submenutext *").hide(1600)
$("td.submenutext").hide(2200)
$("td."+activeDiv).show(2200)
$("td."+activeDiv+" *").show(600)
return false; });
});
</script>В неё надо вставить вот эту таблицу ( в ячейку со скрина "Карта"):
<center><table width="100%" cellspacing="1" cellpadding="1" border="0" style="height: 316px;">
<tbody><tr>
<td rowspan="2" width="240" align="center">
<!--- Кнопки меню --->
<div id="menu">
<!--- вложенная таблица меню --->
<table width="100%" height="240" cellspacing="1" cellpadding="1" border="0">
<tbody><tr>
<td align="center">
<span alt=#smx1 style="cursor: pointer;">Кнопка 1</span>
</td>
</tr>
<tr>
<td align="center">
<span alt=#smx2 style="cursor: pointer;">Кнопка 2</span>
</td>
</tr>
<tr>
<td align="center">
<span alt=#smx3 style="cursor: pointer;">Кнопка 3</span>
</td>
</tr>
<tr>
<td align="center">
<span alt=#smx4 style="cursor: pointer;">Кнопка 4</span>
</td>
</tr>
<tr>
<td align="center">
<span alt=#smx5 style="cursor: pointer;">Кнопка 5</span>
</td>
</tr>
<tr>
<td align="center">
<span alt=#smx6 style="cursor: pointer;">Кнопка 6</span>
</td>
</tr>
<tr>
<td align="center">
<span alt=#smx7 style="cursor: pointer;">Кнопка 7</span>
</td>
</tr></tbody>
</table>
<!--- конец вложенной таблицы --->
</div>
<!--- Конец кнопок меню --->
</td>
<td rowspan="2" width="480" id="MenuTxT">
<!--- Содержимое меню --->
<div id="submenu" align="center">
<div id="smx1" class="submenutext" style="display:block;">
Контент 1-й кнопки
</div>
<div id="smx2" class="submenutext">
Контент 2-й кнопки
</div>
<div id="smx3" class="submenutext">
Контент 3-й кнопки
</div>
<div id="smx4" class="submenutext">
Контент 4-й кнопки
</div>
<div id="smx5" class="submenutext">
Контент 5-й кнопки
</div>
<div id="smx6" class="submenutext">
Контент 6-й кнопки
</div>
<div id="smx7" class="submenutext">
Контент 7-й кнопки
</div>
</div>
<!--- Конец содержимого меню --->
</td>
</tr>
</tbody>
</table></center>
<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>_________________________________________________________________
Ни как не придумаю, как слить эти две таблички.
В html и детё разберётся, а вот javascript, без нормального изучения не освоишь.
Ссылка на сайт http://tests.fludilka.su/
Заранее спасибо)
Отредактировано Kida (Вс, 25 Дек 2011 13:30:20)
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)