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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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

Предложения
На форуме идут технические работы. Кое-что кое-где может отображаться криво. Мы скоро всё поправим. :)

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

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



Таблица

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

1

1. Ссылка на форум:   http://probnik7.rolka.su/
2. Эскиз таблицы:

Экскиз

http://s3.uploads.ru/t/iRTVp.jpg общий вид
1. http://s2.uploads.ru/t/jGLx1.jpg
2. http://s3.uploads.ru/t/LUBSV.jpg
3. http://s2.uploads.ru/t/ZUDxK.jpg
4. http://s2.uploads.ru/t/Ccsue.jpg
5. http://s3.uploads.ru/t/aTc03.jpg

Графика

1. http://s2.uploads.ru/t/OtiCa.jpg
2. http://s2.uploads.ru/t/ZjOq1.jpg
3. http://s2.uploads.ru/t/kYBZS.jpg
4. http://s2.uploads.ru/t/sQIvn.jpg
5. http://s3.uploads.ru/t/hL0yq.jpg
http://s2.uploads.ru/t/0frMu.png
http://s2.uploads.ru/yJmZQ.png

3. Дополнительные предпочтения:
Вроде на экскизе отметила и бегунки и разделения на столбцы и т.д. Только это.

0

2

Ukiro
верх

Код:
<style>
.container1 {width: 808px; margin: 0 auto; padding: 0;}
ul.tabs {

    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 808px;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
 width: 150px;
text-align: center;
    border: 0px; 
margin-bottom: -2px;
background: url(http://s2.uploads.ru/yJmZQ.png);
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    outline: none;
}

ul.tabs li a:hover {
   }    

html ul.tabs li.active  {
 background: url(http://s2.uploads.ru/yJmZQ.png);  
}  

html ul.tabs li.active a:hover  {
 border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 800px;
    height: 296px;  
margin-top: -5px;}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
}
</style>

низ

Код:
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

объявление

Код:
<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">1</a></li>
    <li><a href="#tab2">2</a></li>
    <li><a href="#tab3">3</a></li>
<li><a href="#tab4">4</a></li>
    <li><a href="#tab5">5</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<table style="width:808px; height: 296px; background: url(http://s2.uploads.ru/OtiCa.jpg);"> 
<tr>
<td ><br><br><br><br><div style="text-align: center;  margin-left: 20px; padding: 5px; width: 200px; height: 190px; ">
текст 1 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</div>
</td> 

<td > 
<br><br><br><br><div style="text-align: center;  margin-left: 245px; padding: 5px; width: 290px; height: 190px; overflow-y: scroll;">
текст 2 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</div>
</td> 
</tr>
</table>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<table style="width:808px; height: 296px; background: url(http://s2.uploads.ru/ZjOq1.jpg);"> 
<tr>
<td ><br><br><br><br><div style="text-align: center;  margin-left: 20px; padding: 5px; width: 230px; height: 190px; overflow-y: scroll;">
текст 3 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</div>
</td> 

<td > 
<br><br><br><br><div style="text-align: center;  margin-left: 205px; padding: 5px; width: 280px; height: 190px; overflow-y: scroll;">
текст 4 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</div>
</td> 
</tr>
</table>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<table style="width:808px; height: 296px; background: url(http://s2.uploads.ru/kYBZS.jpg);"> 
<tr>
<td ><br><br><div style="text-align: center;  margin-left: 290px; padding: 5px; width: 100px; height: 150px; ">
текст 5 <br>текст <br>текст 
</div>
</td> 

<td > <br><br><div style="text-align: center;  margin-left: 20px; padding: 5px; width: 150px; height: 150px; ">
текст 6 <br>текст <br>текст 
</div>
</td> 
</tr>
</table>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<table style="width:808px; height: 296px; background: url(http://s2.uploads.ru/sQIvn.jpg);"> 
<tr>
<td ><br><br><br><br><div style="text-align: center;  margin-left: 20px; padding: 5px; width: 200px; height: 210px; overflow-y: scroll;">
текст 7 текст текст 
</div>
</td> 
<td ><br><br><br><br><div style="text-align: center;  margin-left: 20px; padding: 5px; width: 200px; height: 210px; overflow-y: scroll;">
текст 8 текст текст 
</div>
</td> 
<td > <br><br><br><div style="text-align: center;  margin-left: 20px; padding: 5px; width: 270px; height: 220px; overflow-y: scroll;">
текст 9 текст текст 
</div>
</td> 
</tr>
</table>
</div>

<div style="display: none;" id="tab5" class="tab_content"> 
<table style="width:808px; height: 296px; background: url(http://s3.uploads.ru/hL0yq.jpg);"> 
<tr>
<td ><br><br><br><br><br><div style="text-align: center;  margin-left: 280px; padding: 5px; width: 480px; height: 210px; overflow-y: scroll;">
текст 10 текст текст 
</div>
</td> 
</tr>
</table>
</div>
      </div>
    </div>
</div>

0

3

Бу
Спасибо большое!  Можно вопросик... Как сдвинуть таблицу влево и сами кнопки, или как они называются, вправо.
http://s3.uploads.ru/t/ZlQAD.jpg

0