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

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



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

Сообщений 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

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

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