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. :)

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

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



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

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

1

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

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

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

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

Подпись автора

http://s3.uploads.ru/r9Miq.gif

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.13 13:30)

0