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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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

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

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

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



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

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

1

1. Ссылка на форум:http://ft.0bb.ru/
2. Эскиз таблицы: хотелось бы увидеть похожую таблицу, как на этом сайте
3. Дополнительные предпочтения:
Почти так же, только в красно-чёрных тонах.

Отредактировано Jii-Jo (01.09.2013 14:33:35)

0

2

Востребовано.

0

3

1. Ссылка на форум: http://ft.0bb.ru/
2. Эскиз таблицы:
Ширина: 900 px
Высота: 600 px

1 вкладка

http://s5.uploads.ru/t/evQb2.png

2 вкладка

http://s4.uploads.ru/t/UfkhE.png

3 вкладка

http://s4.uploads.ru/t/1lJhg.png

4 вкладка

http://s4.uploads.ru/t/VtE73.png

3. Дополнительные предпочтения:
Таблица прозрачная. Желательно со всякими украшениями, типо виньеток, так же желательно, что бы сама она была выполнена в красно чёрных тонах. 
"Лучший Пост"- чатьсть самого поста, и скрипт "читать дальше..."
Фотки с шириной 100х100.
В Шаблоне я допустила ошибочку с названием, и по этому маленькое название "Лучший игрок" нужно переименовать в "Лучшие Посты."

Переделываю заявку, что бы было всё наглядно, и по шаблону.

0

4

Айка
Востребовано?

0

5

mintemero
Да. Извините, что не ответила раньше, не увидела.

0

6

Айка
Актуально ли? (:

Айка написал(а):

3 вкладка

Айка написал(а):

4 вкладка

Не отображаются.

0

7

Jii-Jo
Актуально, но на другой форум, да. И в сине чёрных тонах, вместо красно- чёрных.
Хм... Странно. у меня всё отображается.
Вот тогда. 

Третья Вкладка

http://savepic.net/3815007.png

Четвёртая Вкладка.

http://savepic.net/3802719.png

Теперь отображается?

0

8

Айка
Принимаю, сегодня-завтра, думаю, будет готово (:

0

9

Jii-Jo
Жду^^ И да, спаси-и-и-и-ибо^^^

0

10

Айка
Готово (:

HTML-верх
Код:
<style>
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 467px;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

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

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
background: rgba(0, 0, 0, 1);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 0px solid #000000;  
}  

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

.tab_container1 {
    clear: both;
    float: left; 
    width: 900px;
    height: 360px;
    background-image : url();   
background-color: #FFFFFF;  
    border-bottom: 1px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>
HTML-низ
Код:
<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>
Объявление
Код:
<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>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<center>
    <table border="1" cellpadding="1" cellspacing="1" style="width: 850px; height: 350px;">
    	<tbody>
        <tr>
        	<td rowspan="2" style="text-align: center; width: 420px; height: 350px; ">
            	<strong>Новости</strong>
            <blockquote>
            	<p style="overflow-y: scroll; overflow-x: hidden; width: 410px; height: 270px; ">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
            </blockquote>
        	</td>
        	<td colspan="2" style="text-align: center; width: 440px; height: 264px;">
        	<strong>Приветствие</strong></h3>
            <blockquote>
            	<p style="overflow-y: scroll; overflow-x: hidden; width: 430px; height: 250px;">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
            </blockquote>
        	</td>
        </tr>
        <tr>
        	<td style="text-align: center; width: 440px; height: 60px;">
        	<strong>Топы</strong>
            <blockquote>
            	<p height:="60" width:="440">
                Топы топы топы</p>
            </blockquote>
        	</td>
        	<td style="text-align: center; width: 440px; height: 60px;">
            <strong>Партнеры</strong>
            <blockquote>
                <p height:="60" width:="440">Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры</p>
            </blockquote>
        	</td>
        </tr>
    	</tbody>
    </table>
<|center>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<center>
    <table border="0" cellpadding="1" cellspacing="1" style="width: 440px; height: 350px;">
    	<tbody>
        <tr>
        	<td style="text-align: center; width: 300px; height: 264px;">
            <strong>Знакомство с миром</strong>
            <blockquote>
            	<p style="overflow-y: scroll; overflow-x: hidden; width: 280px; height: 250px;">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
            </blockquote>
        	</td>
        	<td style="text-align: center;">
            <strong>Познавая мир</strong>
            <blockquote>
            	<p style="overflow-y: scroll; overflow-x: hidden; width: 280px; height: 250px;">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
            </blockquote>
        	</td>
        	<td style="text-align: center;">
            <strong>Рекламная пауза</strong>
            <blockquote>
            	<p style="overflow-y: scroll; overflow-x: hidden; width: 280px; height: 250px;">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
            </blockquote>
        	</td>
        </tr>
    	</tbody>
    </table>
<|center>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<center>
    <table border="0" cellpadding="1" cellspacing="1" style="width: 440px; height: 350px;">
    	<tbody>
        <tr>
        	<td style="text-align: center;">
            <strong>Время и погода</strong>
            <blockquote>
            	<p style="overflow-y: scroll; overflow-x: hidden; width: 410px; height: 135px; ">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
            </blockquote>
        	</td>
        	<td rowspan="2" style="text-align: center;">
            <strong>Очередность постов</strong>
            <blockquote>
            	<p style="overflow-y: scroll; overflow-x: hidden; width: 410px; height: 270px; ">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
            </blockquote>
        	</td>
        </tr>
        <tr>
        	<td style="text-align: center;">
            <strong>Лучший пост</strong>
            <blockquote>
            	<p style="overflow-y: scroll; overflow-x: hidden; width: 410px; height: 135px; ">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
            </blockquote>
        	</td>
        </tr>
    	</tbody>
    </table>
</center>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<center>
    <table border="0" cellpadding="1" cellspacing="1" style="width: 850px; height: 350px;">
    	<tbody>
        <tr>
        	<td rowspan="2" style="text-align: center; width: 425px; height: 175px;">
            <p>
            	<strong>Администраторы</strong></p>
            <p>
            	<a href="http://профиль_амс"><img alt="" src="ссылка_на_изображение" style="width:60px; height: 60px;" /> </a><a href="http://профиль_амс"><img alt="" src="ссылка_на_изображение" style="width:60px; height: 60px;" /></a> <a href="http://профиль_амс"><img alt="" src="ссылка_на_изображение" style="width:60px; height: 60px;" /></a></p>
        	</td>
        	<td style="text-align: center;">
            <p>
            	<strong>Лучший пост</strong></p>
            <p>
            	<img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p>
        	</td>
        	<td style="text-align: center;">
            <p>
            	<strong>Лучший работник</strong></p>
            <p>
            	<img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p>
        	</td>
        </tr>
        <tr>
        	<td style="text-align: center;">
            <p>
            	<strong>Лучший художник</strong></p>
            <p>
            	<img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p>
        	</td>
        	<td style="text-align: center;">
            <p>
            	<strong>Лучшей фикрайтер</strong></p>
            <p>
            	<img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p>
        	</td>
        </tr>
        <tr>
        	<td style="text-align: center; width: 425px; height: 175px;">
            <p>
            	<strong>Модераторы</strong></p>
            <p>
            	<img alt="" src="профиль_амс" style="width: 50px; height: 50px;" />&nbsp;<img alt="" src="профиль_амс" style="width: 50px; height: 50px;" />&nbsp;<img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p>
            <p>
            	&nbsp;<img alt="" src="профиль_амс" style="width: 50px; height: 50px;" />&nbsp;<img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p>
        	</td>
        	<td colspan="2" style="text-align: center;">
            <p>
            	<strong>Лучший игрок</strong></p>
            <p>
            	<img alt="" src="профиль_амс" style="width: 100px; height: 100px;" /></p>
        	</td>
        </tr>
    	</tbody>
    </table>
</center>
</div>

      </div>


    <style type="text/css">
blockquote p { margin: 2em; border: 1px solid black;}    </style>

Отредактировано Jii-Jo (01.09.2013 13:30:05)

0