ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Выполнено] Таблица. HTML.
1. Ссылка на форум:http://velikolepniyvek.rolka.su/
2. Эскиз таблицы: 
3. Дополнительные предпочтения:хотелось бы еще такой код,что бы я могла потом подставить картинку в фон таблица)И еще хотелось бы,что бы фон таблицы и все остальное(т.е. ячейки) были под цвет форума...ну или прозрачными)
Отредактировано mintemero (04.04.13 16:23)
Karina
Ваша таблица:
В окно HTML верх
<!-- Стиль меню в объявлении -->
<style>
#menu span {
padding: 7px 15px 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #554336;
font-weight: bold;
}
#submenu {
padding: 5px;
height: 320px;
/* text-align: center; */
width: 890px;
}
.submenutext {
display: none;
height: 320px;
overflow-y: auto;
overflow-x: hidden;
padding: 1px;
}
</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>Таблица в Объявление
<center>
<table style="width: 900px;">
<tbody>
<tr>
<td>
<div id="menu"> <b>
<!-- Вложенная таблица кнопок меню -->
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%;">
<tbody >
<tr>
<td align="center" style="width: 20%; height: 50px;">
<span alt="#sm1" style="cursor: pointer;">Приветствие</span>
</td>
<td align="center" style="width: 20%; height: 50px;">
<span alt="#sm2" style="cursor: pointer;">Администрация</span>
</td>
<td align="center" style="width: 20%; height: 50px;">
<span alt="#sm3" style="cursor: pointer;">Новости</span>
</td>
<td align="center" style="width: 20%; height: 50px;">
<span alt="#sm4" style="cursor: pointer;">Срочно нужны</span>
</td>
<td align="center" style="width: 20%; height: 50px;">
<span alt="#sm5" style="cursor: pointer;">На всякий</span>
</td>
</tr>
</tbody>
</table>
<!-- Конец вложенной таблицы -->
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<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>
<tr>
<td align="center">
<div align="center" style="width: 100%; height: 30px; border: 1px solid;">
Полезные ссылки
</div>
</td>
</tr>
<tr>
<td>
<div align="center" style="width: 100%; height: 50px; border: 1px solid;">
Полезные ссылки и поиск
</div>
</td>
</tr>
</tbody>
</table>
</center>Кофеман
Спасибо большое!! 
Все очень хорошо получилось)Понимаю,что все это вам трудно,но все же можно ли это как-нибудь исправить:
хочу,что бы там можно было выбирать темы...ну и поиск нажимать)похоже,это я все плохо объясняю
Кофеман
Все)Спасибо,я уже сама нашла)Я говорила про это:
<div style="text-align: center;"><b>Cсылки:</b></div> <!-- Тут навигация --> <div align="center"><form> <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option>---> Навигация по форуму </option> <option value="ссылка на страницу"><small>название ссылки</small></option> <option value="ссылка на страницу"><small>название ссылки</small></option> <option value="ссылка на страницу"><small>название ссылки</small></option> </select> </form></div> </td>
Еще раз:спасибо огромное!!Вы мне очень помогли!!! 
Здравствуйте,извините,я все испортила....что-то случилось...теперь ссылки не переключааются 
помогите,пожалуйста!посмотрите,что не так тут
Все)))разобралась))это оказывается у вас вот этот скрипт все блокирует((и кнопку "Цитировать" тоже
Karina
Ну скрипт не у "нас". Вы скрипт сами ставили и к таблицам он никакого отношения не имеет.))
Здравствуйте)Я как всегда с проблемой 
Я поменяла дизайн и ,естественно, табличка слегка съехала...Не могли бы помочь?
http://velikolepniyvek.rolka.su/
Karina
Найдите в окне объявления и добавьте выделенное
<center>
<table style="width: 900px; margin-left: -64px;">
<tbody>
<tr>
<td>
........................
Karina
Найдите в окне объявления и добавьте выделенное
Спасибо огромное))Все получилось
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Выполнено] Таблица. HTML.
