sadhaka
А мой заказ не посмотрите? Пост №10, может вы сможете помочь) Срочно нужен))
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов
sadhaka
А мой заказ не посмотрите? Пост №10, может вы сможете помочь) Срочно нужен))
1. ссылка на форум - http://helper.0bb.ru/
Всё в Объявление:
<style>
#menu {
margin-top: -5px;
width: 200px;
height: 60px;
background-repeat : no-repeat;}
#menu span {
text-align:left;
display:block;
color:#fff;
margin: 7px 0;
padding: 11px;
}
#submenu,#menu span {
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
background:#FF0000;
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}
#submenu {
padding: 3px;
height: 200px;
text-align: center;
font-size: 12px;
width: 540px;
}
.submenutext {
display: none;
height: 40px;
}
</style>
<center><table style="width: 615px">
<tbody>
<tr>
<td valign=top>
<div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Кнопка 1</span>
<span alt="#sm2" style="cursor: pointer;">Кнопка 2</span>
<span alt="#sm3" style="cursor: pointer;">Кнопка 3</span>
<span alt="#sm4" style="cursor: pointer;">Кнопка 4</span>
<span alt="#sm5" style="cursor: pointer;">Кнопка 5</span>
</b>
</div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
<div id="sm2" class="submenutext"><br /><br />
Контент 2-й кнопки
</div>
<div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
<div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
<div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>
</div>
</td>
</tr>
</tbody>
</table></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>Ps: - Текущий установленный код объявы - скопирован откуда- то с ошибками!
Даж отредактировать не дают!(Ужыс
Karen
В HTML верх
<style> /* Стиль всплывающего меню */
.splLink {width: 200px; height: 20px; border: 0px solid #FFD700; text-align: left; font-family: Gothic century; font-size: 15px; padding: 5px;
background-color: #DCD89D;
border:#A29F74 1px solid;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-left: -225px; margin-top: -35px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.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;
/*text-shadow: #FFFFFF 1px 1px 4px !important;
color: #color: #000000 !important;*/
}
.splCont:first-letter {
font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
font-size: 200% !important; /* Размер шрифта первого символа */
color: red; /* Красный цвет текста */
} /* Конец Стиля всплывающего меню */
</style>Вторая колонка объявления:
<td width=40% align=center> <DIV><div class=splLink>Администраторы</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 1 </DIV></DIV> <DIV><div class=splLink>Модераторы</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 2 </DIV></DIV> <DIV><div class=splLink>Игрок месяца</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 3 </DIV></DIV> <DIV><div class=splLink>Лучший Пост месяца</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 4 </DIV></DIV> </td>
В HTML низ
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>Вид:

Deff
большое спасибо. ))
sadhaka
Мне нужно просто запихнуть ва эту таблицу скрипт, при помощи которого будет таблица открываться полностью
Хэй, не забудьте про пост 11)
Кстати, пост 13 востребован!
Хэй, не забудьте про пост 11)
Табл 1.
<center><table width="708" alight=center cellpadding=12 valight=center border="1" style="border-collapse:collapse;"><tbody><tr>
<td width=60%>
<img src="Ссылка на картинкэ" alt="Картинкэ"/>
</td>
<td width=40%>
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option> Навигация </option>
<option value="http://mjacksoninfo.userforum.ru/"><small>о1. Главная страница</small></option>
<option value="http://mjacksoninfo.userforum.ru/misc.php?action=rules"><small>о2. Правила</small></option>
<option value="http://mjacksoninfo.userforum.ru/viewforum.php?id=47"><small>о3. Администрация</small></option>
<option value="http://mjacksoninfo.userforum.ru/viewforum.php?id=62"><small>о4. Помощь по форуму</small></option>
<option value=" http://mjacksoninfo.userforum.ru/viewforum.php?id=48 "><small>42. Гостевая книга</small></option>
<option value=" http://mjacksoninfo.userforum.ru/viewforum.php?id=49 "><small>43. Реклама</small></option>
</select>
</form>
<br>
Cписок Администрации
</td>
</tr><tr>
<td>
<div align="left" style=" width:100% padding: 0px 6px 12px 0px; margin: 25px -13px 0px 21px; height: 133px; overflow-y: auto;" >
Прокруткэ(Новости)
</div>
</td>
<td>
Всячина
</td>
</tr></tbody></table></center>Кстати, пост 13 востребован!
В Объявление:
<style> /* Стиль всплывающего меню */
.splLink {width: 200px; height: 20px; border: 0px solid #FFD700; text-align: left; font-family: Gothic century; font-size: 15px; padding: 5px;
background-color: #DCD89D;
border:#A29F74 1px solid;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-left: -225px; margin-top: -35px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: left;}
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.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;
/*text-shadow: #FFFFFF 1px 1px 4px !important;
color: #color: #000000 !important;*/
}
.splCont:first-letter {
font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
font-size: 200% !important; /* Размер шрифта первого символа */
color: red; /* Красный цвет текста */
} /* Конец Стиля всплывающего меню */
</style>
<center><table border=1 width=70% valign=top><tr>
<td>
Объявление
</td>
<td>
<td width=40% align=center valign=center>
<DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Ваш Контент Администрация
</DIV></DIV>
<DIV><div class=splLink>Модерация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Ваш Контент Модерация
</DIV></DIV>
<DIV><div class=splLink>Реклама</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Ваш Контент Реклама
</DIV></DIV>
<DIV><div class=splLink>Погода</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Ваш Контент Погода
</DIV></DIV>
</td>
</td>
<td>
Для Рекламы<br/><br/>
Наши Партнёры
</td>
</tr></table></center>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
Зы: Удалите из HTML верх
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
*Код уже загружен сервисом!
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов