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

Объявление

🎲 Майский ваншот

Ленивая сезонная майская акция
Сыграем в настольную игру в дискорде?
Пишите, присоединяйтесь к обсуждению!

Подробности

GEMcross

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

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

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

Посмотреть

💰 Крутой функционал от Alex_63 для MyBB.ru

"Мгновенные уведомления от Алекса": скрипт оповещает пользователей о событиях на форуме в реальном времени - Подробности & купить скрипт


"Комментарии к оценкам за сообщения": стабильно работающий функционал для комментирования оценок - Подробности & купить скрипт

Профиль разработчика

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

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

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

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

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

Подробнее

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.

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

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



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

Сообщений 11 страница 12 из 12

11

Аркейд

HTML-верх
Код:
<style>
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    margin-left: 230px;
    height: 40px;
    width: 100%;

}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 1px dotted #000000;
    border-bottom: 1px dotted #000000;
        border-right: 1px dotted #000000;
        border-left: 1px dotted #000000;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
    font-size: 14px;}

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: 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 a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 900px;
    height: 343px;
    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>

.tab_container1 {
    clear: both;
    float: left;
    width: 900px;
    height: 343px;
    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;

Здесь можно поставить фон таблицы

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>
Объявление
Код:
<center><div class="container">
    <div class="html-box">
<ul class="tabs">
    <li class="active"><a href="#tab1">О нас</a></li>
    <li><a href="#tab2">Игровая сводка</a></li>
<li><a href="#tab3">Форумная жизнь</a></li>
<li><a href="#tab4">Активисты и амс</a></li>
</ul>
      <div class="tab_container1">
<div style="display: block;" id="tab1" class="tab_content">
<table border="0" cellpadding="0" height="350" width="860">
    	<tbody>
        <tr>
        	<td rowspan="2" width="350">
            <br />
            <div align="left" style="height: 270px; margin-left: 30px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px;width: 410px;">
            	<left><font face="verdana"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </font></left></div>
        	</td>
        	<td height="100">
            <center>
            	<br />
            	<br />
            	<div align="center" style="overflow: auto; overflow-x: hidden; width: 320px; height: 90px; margin-bottom: 48px; padding: 1px;">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div>
            </center>
        	</td>
        </tr>
        <tr>
        	<td>
            <div align="left" style="height: 160px;margin-left: 29px;margin-top: 2px; overflow-x: hidden; overflow-y: auto; padding: 1px; width: 255px;">
            	<div class="submenutext" id="sm4">
                Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div>
            </div>
        	</td>
        </tr>
    	</tbody>
    </table>
	</div>

<div class="tab_content" id="tab2" style="display: block;">
    	<table border="0" cellpadding="0" height="350" width="860">
        <tbody>
        	<tr>
            <td rowspan="2" width="270">
            	<br />
            	<div align="left" style="height: 270px; margin-left: 30px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px;width: 270px;">
                <left><font face="verdana">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </font></left></div>
            </td>
            <td rowspan="2" width="270">
            	<br />
            	<div align="left" style="height: 270px; margin-left: 30px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px;width: 270px;">
                <left><font face="verdana"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </font></left></div>
            </td>
            <td height="100">
            	<center>
                <br />
                <br />
                <div align="center" style="overflow: auto; overflow-x: hidden; width: 320px; height: 90px; margin-bottom: 48px; padding: 1px;">
                	Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div>
            	</center>
            </td>
        	</tr>
        	<tr>
            <td>
            	<div align="left" style="height: 160px;margin-left: 29px;margin-top: 2px; overflow-x: hidden; overflow-y: auto; padding: 1px; width: 255px;">
                <div class="submenutext" id="sm4">
                	Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</div>
            	</div>
            </td>
        	</tr>
        </tbody>
    	</table>
    </div>

<div style="display: none;" id="tab3" class="tab_content"> 
<table border="0" cellpadding="0" height="350" width="860">
    	<tbody>
        <tr>
        	<td style="text-align: center; height: 150px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px">
            Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ммТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td>
        	<td style="text-align: center; height: 150px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px">
            Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ммТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td>
        	<td style="text-align: center; height: 150px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px">
            Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ммТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td>
        </tr>
        <tr>
        	<td colspan="3" style="text-align: center; height: 170px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 860px">
            Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст ммТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td>
        </tr>
    	</tbody>
    </table>
</div>


<div style="display: none;" id="tab4" class="tab_content">
<table border="0" cellpadding="0" height="350" width="860">
    	<tbody>
        <tr>
        	<td style="text-align: center; height: 350px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px">
            Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td>
        	<td style="text-align: center; height: 350px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px">
            Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td>
        	<td style="text-align: center; height: 350px;margin-left: 22px; margin-top: 2px; overflow-x: hidden;overflow-y: auto; padding: 1px; width: 286px">
            Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</td>
        </tr>
    	</tbody>
    </table>
</div>

0

12

Jii-Jo
Спасибо большое за выполненый заказ. Думаю, уже вечером всё будет поставлено на форум)

0