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

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

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

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

Предложения

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

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



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

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

1

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

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

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