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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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

Предложения

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

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


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Верстка и скрипты » [Выполнено] Таблица. HTML. Контейнеры с вкладками. Скрипт


[Выполнено] Таблица. HTML. Контейнеры с вкладками. Скрипт

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

1

1. Ссылка на форум - http://maximumrisk.rusff.ru/ (куда надо) http://probnikdiz.rusff.ru/ (где сейчас стоит таблица)
2. Код таблицы -

html-верх
Код:
<style>	
#menu {
margin-top: -5px;
width: 100%;
height: 100px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:;
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:;
}

#menu .tabactive {
color:;
    background:;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</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>
в объявление
Код:
<div class="container">
    <div class="html-box">
    	<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;"><img src="http://s3.uploads.ru/I2nu1.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/j8IVR.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/oUDbX.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/cgUCS.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s3.uploads.ru/eoUcY.png"></span>
	
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<b>
<table>
<tr>
<td>
<b>ДОБРО ПОЖАЛОВАТЬ!</b>  <br/>
Пройдя по одной из ссылок, вы попали на ролевой проект, посвященный тяжелой судьбе будущих шпионов. Думаю многие смотрели замечательные фильмы о детях шпионах и мечтали о том, что бы занять их место. Так почему бы нам не воплотить это желание в жизнь? Осуществите мечту детства вместе с нами, попробовав на себе роль будущего шпиона, взвалите себе на плечи не только груз ученья и миссий, но и подростковой жизни.
Рейтинг <b>NC-21.</b>

</td>
<td>
<b>НОВОСТИ</b>
<br>На календаре четвертое января. Эту знаменательную дату мы запомним на всю жизнь, ведь именно сегодня наш форум распахнул свои двери для игроков и гостей. Мы ждали этого дня целый месяц и надеемся, что наш труд и старания будут оценены сполна. 

</td>
</tr>
</table>

<a href="http://forum-top.ru/vote/843" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Поддержать форум на Forum-top.ru" /></a>
<a href="http://top.roleplay.ru/17366" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>










</b>
</div>
     <div id="sm2" class="submenutext">

<center><b>СОБЫТИЯ В ИГРЕ</b></center>
<br> На календаре 8 января 2013 года. Температура воздуха колеблется от 0 градусов до +4. Временами крупными хлопьями идет снег. Рождественские каникулы подошли к концу и студенты вернулись. Тишину в коридорах университета нарушили шум и громкие разговоры подопечных и их кураторов. В честь начала семестра администрация университете решила порадовать студентов и сделать лишь одно занятие для каждого факультета. Большинство преподавателей покинут стены университета этим вечером, а это значит, что студентам повезло в двойне. Мало того, что сегодня в кампусе будет вечеринка, так и скрываться будет не от кого.


</div>
     <div id="sm3" class="submenutext"><br /><br />
<b>
<br><br><font size=1><center><b>РЫЦАРИ КРУГЛОГО СТОЛА</b></font>
<br><a href=http://maximumrisk.rusff.ru/profile.php?id=4><img src=" http://s2.uploads.ru/pSi0j.png"></a><a href=карина - фоукс><img src="http://s2.uploads.ru/USJzm.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=5><img src="http://s2.uploads.ru/kFOZh.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=10><img src="http://s2.uploads.ru/9ewpo.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=8><img src="http://s2.uploads.ru/Lsz1f.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=7><img src="http://s2.uploads.ru/hs3fn.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=6><img src="http://s2.uploads.ru/nY84J.png"></a></center>
</b>
</div>
     <div id="sm4" class="submenutext"><br /><br /><b>
<br><font size=1><center><b>АКТИВИСТЫ ТРЕХ ДНЕЙ</b></font>
<br><a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a>
<a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a>
<br><table>
<tr>
<td><font size=1><center><b>ЛУЧШИЙ ИГРОК </b></font>
<br><a href=ссылка><img src="http://s3.uploads.ru/92Kez.gif"></a>
</td>
<td>
<font size=1><center><b>ПЯТЬ ВЕЧЕРОВ С ...?</b></font></center>
<a href=ссылка><img src="http://s3.uploads.ru/92Kez.gif"></a><b></td>
</tr>
</table>

</div>
     <div id="sm5" class="submenutext"><br /><br />

<a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/92917.png" border="0" alt="White PR"></a>


<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="https://forumstatic.ru/files/000c/77/06/88262.gif" border="0" alt="COLOR FORUM"></a>

<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" border="0"></a>

<a target="_blank" href="http://bonup.artbb.ru/"><img src="http://uploads.ru/i/T/A/d/TAdns.png" ></a>



</b>
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

    </div>
	</div>
<br><br>
<font size=1><center><b><a href=http://maximumrisk.rusff.ru/viewtopic.php?id=5>СЮЖЕТ</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=6#p6>FAQ: ВСЕ ОБ «MAXIMUM RISK»</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=7>FAQ: ВСЕ ОБ BUSS</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=29#p36>ЧТО ТАКОЕ ПОРТФОЛИО?</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=8>ЗАНЯТЫЕ ВНЕШНОСТИ</a> <br><a href=http://maximumrisk.rusff.ru/viewtopic.php?id=9>ПАСПОРТНЫЙ СТОЛ</a> | <a href=http://maximumrisk.rusff.ru/viewforum.php?id=4>МЕСТНАЯ РАСПРОДАЖА</a> | <a href=http://maximumrisk.rusff.ru/viewforum.php?id=5>ПОЛУЧЕНИЕ ПРОПИСКИ</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=16>ЛИЧНЫЕ СВЕДЕНИЯ</a></b></font></center>

3. В чем проблема? -
Как видно на пробнике - расстояние от таблицы и до меню (форум, участники, награды и прочее) слишком большое. Его нужно сократить. Далее расстояние между картинки-вкладками, их тоже бы сократить. Теперь первый контейнер - внутри также таблица, разделила текст на 2 части и почему-то первая ячейка стала шире второй (Если можно, то сделайте пожалуйста бегунок).
Ну и дополнительно, но не обязательно: хочу скрипт , чтобы при наведении мыши на ссылку-картину амс появлялось окошко с информацией. К примеру на этих проектах: http://sacramentolife.ru/
http://badasses.ru/
http://naruhog.ru/
Заранее спасибо!

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

0

2

HTML верх
Код:
<style>	
#menu {
margin-top: 25px;
width: 100%;
height: 180px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:;
margin: 0px 0;
padding: 0px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:;
}

#menu .tabactive {
color:;
    background:;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>
Объява
Код:
    	<center><table style="width: 800px;margin-top:-54px;">
 <tbody>
  <tr  valign=top>
   <td>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;"><img src="http://s3.uploads.ru/I2nu1.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/j8IVR.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/oUDbX.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/cgUCS.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s3.uploads.ru/eoUcY.png"></span>
	
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<b>
<table cellpadding=8>
<tr  align=justify valign=top>
<td width=50%>
<p align=center><b>ДОБРО ПОЖАЛОВАТЬ!</b></p><br />

Пройдя по одной из ссылок, вы попали на ролевой проект, посвященный тяжелой судьбе будущих шпионов. Думаю многие смотрели замечательные фильмы о детях шпионах и мечтали о том, что бы занять их место. Так почему бы нам не воплотить это желание в жизнь? Осуществите мечту детства вместе с нами, попробовав на себе роль будущего шпиона, взвалите себе на плечи не только груз ученья и миссий, но и подростковой жизни.
Рейтинг <b>NC-21.</b>

</td>
<td  width=50%>
<p align=center><b>НОВОСТИ</b></p><br />

На календаре четвертое января. Эту знаменательную дату мы запомним на всю жизнь, ведь именно сегодня наш форум распахнул свои двери для игроков и гостей. Мы ждали этого дня целый месяц и надеемся, что наш труд и старания будут оценены сполна. 

</td>
</tr>
</table>

<a href="http://forum-top.ru/vote/843" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Поддержать форум на Forum-top.ru" /></a>
<a href="http://top.roleplay.ru/17366" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>










</b>
</div>
     <div id="sm2" class="submenutext">

<center><b>СОБЫТИЯ В ИГРЕ</b></center>
<br> На календаре 8 января 2013 года. Температура воздуха колеблется от 0 градусов до +4. Временами крупными хлопьями идет снег. Рождественские каникулы подошли к концу и студенты вернулись. Тишину в коридорах университета нарушили шум и громкие разговоры подопечных и их кураторов. В честь начала семестра администрация университете решила порадовать студентов и сделать лишь одно занятие для каждого факультета. Большинство преподавателей покинут стены университета этим вечером, а это значит, что студентам повезло в двойне. Мало того, что сегодня в кампусе будет вечеринка, так и скрываться будет не от кого.


</div>
     <div id="sm3" class="submenutext">
<b>
<br><br><font size=1><center><b>РЫЦАРИ КРУГЛОГО СТОЛА</b></font>
<br><a href=http://maximumrisk.rusff.ru/profile.php?id=4><img src=" http://s2.uploads.ru/pSi0j.png"></a><a href=карина - фоукс><img src="http://s2.uploads.ru/USJzm.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=5><img src="http://s2.uploads.ru/kFOZh.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=10><img src="http://s2.uploads.ru/9ewpo.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=8><img src="http://s2.uploads.ru/Lsz1f.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=7><img src="http://s2.uploads.ru/hs3fn.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=6><img src="http://s2.uploads.ru/nY84J.png"></a></center>
</b>
</div>
     <div id="sm4" class="submenutext"><b>
<br><font size=1><center><b>АКТИВИСТЫ ТРЕХ ДНЕЙ</b></font>
<br><a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a>
<a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a>
<br><table>
<tr>
<td><font size=1><center><b>ЛУЧШИЙ ИГРОК </b></font>
<br><a href=ссылка><img src="http://s3.uploads.ru/92Kez.gif"></a>
</td>
<td>
<font size=1><center><b>ПЯТЬ ВЕЧЕРОВ С ...?</b></font></center>
<a href=ссылка><img src="http://s3.uploads.ru/92Kez.gif"></a><b></td>
</tr>
</table>

</div>
     <div id="sm5" class="submenutext"><br /><br /><br /><br /><br />

<a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/92917.png" border="0" alt="White PR"></a>


<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="https://forumstatic.ru/files/000c/77/06/88262.gif" border="0" alt="COLOR FORUM"></a>

<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" border="0"></a>

<a target="_blank" href="http://bonup.artbb.ru/"><img src="http://uploads.ru/i/T/A/d/TAdns.png" ></a>



</b>
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

+1

3

Deff
Спасибо, помогло

0


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Верстка и скрипты » [Выполнено] Таблица. HTML. Контейнеры с вкладками. Скрипт