ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

АКЦИЯ: Раздаём дизайны бесплатно

Доработаем макет под ваш проект;
Сверстаем;
Сделаем мобильную версию по желанию.

Подробнее

Поисковой ресурс

Проект от команды FD
для текстовых ролевиков

Спойлеры и обсуждение

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Конкурс! Интерфейс и взаимодействие! Главный приз - 2000 рублей.
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄
❗ ❗ ❗ Technical work is underway. Something here and there may be crooked. We'll fix it soon. :)

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

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



[Выполнено] Таблица. HTML.

Сообщений 1 страница 10 из 13

1

1. Ссылка на форум:http://velikolepniyvek.rolka.su/
2. Эскиз таблицы: http://s2.uploads.ru/t/WSMrq.jpg
3. Дополнительные предпочтения:хотелось бы еще такой код,что бы я могла потом подставить картинку в фон таблица)И еще хотелось бы,что бы фон таблицы и все остальное(т.е. ячейки) были под цвет форума...ну или прозрачными)

Отредактировано mintemero (04.04.13 16:23)

0

2

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>

+1

3

Кофеман
Спасибо большое!! http://uploads.ru/i/L/9/k/L9kFT.gif Все очень хорошо получилось)Понимаю,что все это вам трудно,но все же можно ли это как-нибудь исправить:
http://s3.uploads.ru/t/zb0ng.jpg
хочу,что бы там можно было выбирать темы...ну и поиск нажимать)похоже,это я все плохо объясняю

0

4

Кофеман
Все)Спасибо,я уже сама нашла)Я говорила про это:

Код:
<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>

Еще раз:спасибо огромное!!Вы мне очень помогли!!! http://uploads.ru/i/T/4/L/T4LSk.gif

0

5

Здравствуйте,извините,я все испортила....что-то случилось...теперь ссылки не переключааются http://uploads.ru/i/h/l/q/hlqnC.gif помогите,пожалуйста!посмотрите,что не так http://uploads.ru/i/h/l/q/hlqnC.gifтут

0

6

Все)))разобралась))это оказывается у вас вот этот скрипт все блокирует((и кнопку "Цитировать" тоже

0

7

Karina
Ну скрипт не у "нас". Вы скрипт сами ставили и к таблицам он никакого отношения не имеет.))

0

8

Здравствуйте)Я как всегда с проблемой :( 
Я поменяла дизайн и ,естественно, табличка слегка съехала...Не могли бы помочь?

http://s3.uploads.ru/t/HKGwa.jpg
http://velikolepniyvek.rolka.su/

0

9

Karina
Найдите в окне объявления и добавьте выделенное

<center>
<table style="width: 900px; margin-left: -64px;">
<tbody>
  <tr>
   <td>
........................

+1

10

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

Karina
Найдите в окне объявления и добавьте выделенное

Спасибо огромное))Все получилось  http://uploads.ru/i/L/9/k/L9kFT.gif

0