ЛотрРол Вторая Эпоха

Объявление

ЛотрРол - ролевая игра по мотивам "Властелина Колец" Дж.Р.Р. Толкиена

РЕЙТИНГ В ТОПЕ

Рейтинг Ролевых Ресурсов - RPG TOP Не забывай кликать баннер топа ! Входи в топ с ЛотрРола, и возвращайся из топа на ЛотрРол. Не стесняйся там зарегистрироваться, оставлять комментарии и ставить пятёрки! =)

КОНКУРС

С 20 по 30 апреля 2011 года проводим конкурс. Победитель («Самый главный герой») и активные участники («Главные герои») будут награждаться и поощряться. ! Участвуй !

СУДЬБА УЧАСТНИКА

За скандальный характер, целенаправленое издевательство над мастерами и админами в приватном порядке (icq, ЛС и пр), на форуме и за его пределами, за отказ от игры в сюжете локации, за постоянное вредительство репутации ЛотрРола и отдельных его участников был забанен участник Элладан, в миру Катя. Кое-кто из лотррольщиков просит её возвращения. Вопрос – вернуть или не надо - лучше решать не админом единолично, а форумом совместно. ! Скажи своё мнение !

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

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


Вы здесь » ЛотрРол Вторая Эпоха » Архив админки » Объявление в шапку


Объявление в шапку

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

1

сняла

Код:
<table border="1" width="100%">
<tbody align="center">
<tr>
<td  rowspan="2"width="33%" >Необходимые темы:
<p align="left"><a href="http://lotrrol.6bb.ru/viewtopic.php?pid=195045#p195045" title="Незнание законов не освобождает от отвественности!">Правила Игры и нашего форума.</a>   </p>
<p align="left"><a href="http://lotrrol.6bb.ru/viewtopic.php?id=2734" title="Те персонажи, которые будут особо приветствоваться на нашей игре.">Список нужных Игре персонажей.</a>   </p>
<p align="left"><a href="http://lotrrol.6bb.ru/viewtopic.php?pid=268069#p268069" title="Занятые персонажи в игре.">Список персонажей, играющих в Игре.</a>   </p>
<p align="left"><a href="http://lotrrol.6bb.ru/viewtopic.php?id=27" title="Шаблон Анкеты">Шаблон Анкеты.</a><br>  </p>
<p align="left">   </p>
</td>
<td height="10">ЛотрРол</td>
<td  rowspan="2"width="33%" ><p align="left"><B> Главный администратор:</B> Gandalf. </p>
<p align="left"><B> Администраторы:</B> Денна, Фельдмаршал Дромангорг, Gandalf. </p>
<p align="left"><B> Мастера Игры:</B> Денна, Фельдмаршал Дромангорг. </p>
<p align="left"><B> Идея и создание:</B>  Саруман. </p>
<p align="left"><B> Модераторы:</B> Irene, Даин Железноступ, Келаст, Цапитар, PALADIN, Канн, Лайквамир, Лотиэль. </p>
<p align="left"><B> Особые благодарности:</B> Feanaro, Раданг, Боромир, Келаст, Натария, Лотиэль, Ирэн, Gandalf.</p>
 </td>
<tr>
<td height="30"> Дорогой гость! Мы рады приветствовать тебя на нашем форуме! В свободносюжетной ролевой игре по мотивам книги Толкина "Властелин Колец" каждый сможет найти для себя своё: войну или мир, ненависть или любовь, романтику или политику, интриги или благородство. Наш дружный коллектив рад каждому, поэтому регистрируйся и вступай в наши ряды! 
<p>И поверь, об этом ты не пожалеешь. </p>
</td> 
<tr>
<td>Особые благодарности: <p>Feanaro, Раданг, Боромир, Келаст, Натария, Лотиэль, Ирэн, Gandalf.</p>
</td>
<td  rowspan="2">События в игре </td>
<td>время</td>
<tr>
<td> <p>Ник "реклама". </p>
<p>Пароль 55555. </p>
<p>Правила в форуме. </p>
</td>
<p>.</p>
<td>Наши Партнеры</td>
</tr>
</tbody>
</table>

0

2

на майббе мне сделали такое.
здесь задана ширина и высота самой таблицы в рх,
пошла просить сделать в %, а код с рх вот он ниже.

<style>/* tabs */
    .section {
      margin: 0;
    width: 100%;
    height: 100%;
    border: none!important;
    }
    ul.tabs {
    height: 70px;
    background: none;
    /* border: none!important; */
    list-style: none;
      margin: 0 !important;
    text-align: center;
    vertical-align : middle;
    z-index-5;
      }
    .tabs li {
    float: left;
        margin: 0;
    padding: 0;
        font-weight: bold;
    width: 99px;
    cursor: pointer;
    border: 1px solid #999;
    border-bottom-color : #999;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    }
    .tabs li span {
    float: left;
    padding: 0;
    margin-top: 12px;
               height: 70px;
    width:100%;
    }
    .tabs li.current {
      border: 1px solid #999;
      border-bottom: none;
    }
    .tabs li.current span {
      color: #444;
    }

    div.box {
      border: 1px solid #999;
        border-top: none;
    padding: 5px 5px;
      display: none;
      height: 324px;
    margin-top: 0;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    }
    div.box.visible {
    display: block;
       
    }

    /* end tabs */
    div.begunok {height:95%; width:100%; overflow:auto; overflow-x:hidden; padding:5px;}
    </style>

    <!-- конец стиля меню вкладок -->

    <table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 395px;">
    <tr>
    <td style="width: 606px; height: 395px;">
   
<!-- Вкладки и их содержимое -->

    <div class="section">
    <ul class="tabs">
    <li class="current"><span>Разные разности</span></li>
    <li><span>Меню 2</span></li>
    <li><span>Меню 3</span></li>
    <li><span>Меню 4</span></li>
    <li><span>Меню 5</span></li>
    <li><span>Меню 6</span></li>
     </ul>
    <div class="box visible">
    <div class="begunok">
    содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками)
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 2
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 3
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 4
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 5
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 6
    </div>
    </div>
    </div>
    </td>
    <td style="max-width : 172px; height: 395px;" valign="top">

    <div style="padding: 5px; text-align: center; font-weight: bold; font-size: 12pt ">
<br>ЛотрРол</div><br>

<div style="padding: 5px; text-align: center; font-weight: bold">
Создатель:</div>
<div style="padding: 5px; text-align: center;">
Саруман<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Администраторы:</div>
<div style="padding: 5px; text-align: center;">
Эовин<br>Лотиэль<br>Хайна<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Мастера игры:</div>
<div style="padding: 5px; text-align: center;">
Раданг (4Э)<br>Элрохир (ВК)<br>нужны ещё !<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Модераторы:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Элрохир<br>Торин Дромангорг<br>Артакано<br>Фарамир<br>Маухур<br>Лисандра<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Особые благодарности:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Feanaro<br>Бергил (Боромир)<br>Келаст<br>Натария<br>Лотиэль<br>Ирэн<br>Gandalf<br></div>
    </td>
    </tr>
    </table>

0

3

убираю из хтмл-низ это

Код:
<!--таблица объявления-->
<script 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/j
query.min.js"></script>
    <script type="text/javascript">
    $(function() {
       $('ul.tabs').delegate('li:not(.current)', 
'click', function() {
         $(this).addClass('current').siblings
().removeClass('current')
           .parents('div.section').find('div.box').hide
().eq($(this).index()).fadeIn(10);
       })
    })
    </script>
</--таблица объявления-->

* * * * * * * * * * * * * * * * * *

это вставляю в хтмл-верх

Код:
<style>
.container1 {width: 100%; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 48px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
padding-top: 4px!important;
    height: 44px;
vertical-align: middle;    
border: 0px;
border-top: 1px solid gray;
    border-bottom: 0px solid gray;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
width: 16%;
text-align: center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

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

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

}    

ul.tabs li.active  {
    text-decoration: none!important;
    background: url();
background-color: #E3F1FF;    
    border-bottom: 0px solid #000000;
        border-top: 1px solid #000000;    
        border-left: 1px solid #000000;    
        border-right: 1px solid #000000;   
}  

ul.tabs li.active a:hover  {
        background: url();
    text-decoration: none!important;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 100%;
    height: 350px;
    background-image : url();   
background-color: transparent;  
    border-bottom: 1px solid #000;
        border-top: 1px solid #000;    
        border-left: 1px solid #000;    
        border-right: 1px solid #000;  

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

.tab_content {
    padding: 5px;
}

</style>

* * * * * * * * * * * * * * * * * *

* * * * * * * * * * * * * * * * * *
из объявления убираю

Код:
<style>/* tabs */
    .section {
      margin: 0;
    width: 100%;
    height: 100%;
    border: none!important;
    }
    ul.tabs {
    height: 70px;
    background: none;
    /* border: none!important; */
    list-style: none;
      margin: 0 !important;
    text-align: center;
    vertical-align : middle;
    z-index-5;
      }
    .tabs li {
    float: left;
        margin: 0;
    padding: 0;
        font-weight: bold;
    width: 99px;
    cursor: pointer;
    border: 1px solid #999;
    border-bottom-color : #999;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    }
    .tabs li span {
    float: left;
    padding: 0;
    margin-top: 12px;
               height: 70px;
    width:100%;
    }
    .tabs li.current {
      border: 1px solid #999;
      border-bottom: none;
    }
    .tabs li.current span {
      color: #444;
    }

    div.box {
      border: 1px solid #999;
        border-top: none;
    padding: 5px 5px;
      display: none;
      height: 324px;
    margin-top: 0;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    }
    div.box.visible {
    display: block;
       
    }

    /* end tabs */
    div.begunok {height:95%; width:100%; overflow:auto; overflow-x:hidden; padding:5px;}
    </style>

    <!-- конец стиля меню вкладок -->

    <table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 395px;">
    <tr>
    <td style="width: 606px; height: 395px;">
    
<!-- Вкладки и их содержимое -->

    <div class="section">
    <ul class="tabs">
    <li class="current"><span>Разные разности</span></li>
    <li><span>Меню 2</span></li>
    <li><span>Меню 3</span></li>
    <li><span>Меню 4</span></li>
    <li><span>Меню 5</span></li>
    <li><span>Меню 6</span></li>
     </ul>
    <div class="box visible">
    <div class="begunok">
    содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками)
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 2
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 3
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 4
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 5
    </div>
    </div>
    <div class="box">
    <div class="begunok">содержание меню 6
    </div>
    </div>
    </div>
    </td>
    <td style="max-width : 172px; height: 395px;" valign="top">

    <div style="padding: 5px; text-align: center; font-weight: bold; font-size: 12pt ">
<br>ЛотрРол</div><br>

<div style="padding: 5px; text-align: center; font-weight: bold">
Создатель:</div>
<div style="padding: 5px; text-align: center;">
Саруман<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Администраторы:</div>
<div style="padding: 5px; text-align: center;">
Эовин<br>Лотиэль<br>Хайна<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Мастера игры:</div>
<div style="padding: 5px; text-align: center;">
Раданг (4Э)<br>Элрохир (ВК)<br>нужны ещё !<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Модераторы:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Элрохир<br>Торин Дромангорг<br>Артакано<br>Фарамир<br>Маухур<br>Лисандра<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Особые благодарности:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Feanaro<br>Бергил (Боромир)<br>Келаст<br>Натария<br>Лотиэль<br>Ирэн<br>Gandalf<br></div>
    </td>
    </tr>
    </table>

* * * * * * * * * * * * * * * * *

в объявление пишу

Код:
<!-- начало скриптов вкладок -->
<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>
<!-- конец скриптов вкладок -->
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 395px;">
    <tr>
    <td style="width: 66%; height: 395px;">
    
<!-- Вкладки и их содержимое -->
<div class="container1">
<ul class="tabs">
    <li class="active"><a href="#tab1">разные разности</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>
    <li><a href="#tab6">Вкладка 6</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">

содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) 
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками)

</div></div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 2
</div></div>

<div style="display: none;" id="tab3" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 3
</div></div>

<div style="display: none;" id="tab4" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 4
</div></div>

<div style="display: none;" id="tab5" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 5
</div></div>

<div style="display: none;" id="tab6" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 6
</div></div>

      </div>
    </div>
<!-- Конец вкладок и их содержимого  -->    
    </td>
    <td style="width : 34%; height: 395px; padding:2px;" valign="top">
<div align="center" style="width: 100%; height: 390px; overflow: auto; overflow-x: hidden; padding: 3px;">
<div style="padding: 5px; text-align: center; font-weight: bold; font-size: 12pt ">
<br>ЛотрРол</div><br>

<div style="padding: 5px; text-align: center; font-weight: bold">
Создатель:</div>
<div style="padding: 5px; text-align: center;">
Саруман<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Администраторы:</div>
<div style="padding: 5px; text-align: center;">
Эовин<br>Лотиэль<br>Хайна<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Мастера игры:</div>
<div style="padding: 5px; text-align: center;">
Раданг (4Э)<br>Элрохир (ВК)<br>нужны ещё !<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Модераторы:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Элрохир<br>Торин Дромангорг<br>Артакано<br>Фарамир<br>Маухур<br>Лисандра<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Особые благодарности:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Feanaro<br>Бергил (Боромир)<br>Келаст<br>Натария<br>Лотиэль<br>Ирэн<br>Gandalf<br></div></div>
    </td>
   </tr>
</table>

получается таблица такого вида

0

4

если в поле объявление написать вот так

Код:
<!-- начало скриптов вкладок -->
<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>
<!-- конец скриптов вкладок -->

<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 395px;">
    <tr>
    <td style="width: 100%; height: 395px;">
    
<!-- Вкладки и их содержимое -->
<div class="container1">
<ul class="tabs">
    <li class="active"><a href="#tab1">разные разности</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>
    <li><a href="#tab6">Вкладка 6</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">

содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками)

</div></div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 2
</div></div>

<div style="display: none;" id="tab3" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 3
</div></div>

<div style="display: none;" id="tab4" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 4
</div></div>

<div style="display: none;" id="tab5" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 5
</div></div>

<div style="display: none;" id="tab6" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 6
</div></div>

      </div>
    </div>
<!-- Конец вкладок и их содержимого  --> 
   
    </td>
   </tr>
</table>

0

5

если сделать вот так, то список "лотррол" размещается ниже объявления

Код:
<!-- начало скриптов вкладок -->
<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>
<!-- конец скриптов вкладок -->

<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 395px;">
    <tr>
    <td style="width: 66%; height: 395px;">
    
<!-- Вкладки и их содержимое -->
<div class="container1">
<ul class="tabs">
    <li class="active"><a href="#tab1">разные разности</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>
    <li><a href="#tab6">Вкладка 6</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">

содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками) содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками)

</div></div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 2
</div></div>

<div style="display: none;" id="tab3" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 3
</div></div>

<div style="display: none;" id="tab4" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 4
</div></div>

<div style="display: none;" id="tab5" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 5
</div></div>

<div style="display: none;" id="tab6" class="tab_content"> 
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 6
</div></div>

      </div>
    </div>
<!-- Конец вкладок и их содержимого  --> 
   
    </td>
   </tr>
</table>



<table border="0" cellspacing="0" cellpadding="0" style="width: 100>
    <tr>
    <td style="width: 66%; height: 395px;">

    <td style="width : 34%; height: 395px; padding:2px;" valign="top">
<div align="center" style="width: 100%; height: 390px; overflow: auto; overflow-x: hidden; padding: 3px;"><div style="padding: 5px; text-align: center; font-weight: bold; font-size: 12pt ">
<br>ЛотрРол</div><br>

<div style="padding: 5px; text-align: center; font-weight: bold">
Создатель:</div>
<div style="padding: 5px; text-align: center;">
Саруман<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Администраторы:</div>
<div style="padding: 5px; text-align: center;">
Эовин<br>Лотиэль<br>Хайна<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Мастера игры:</div>
<div style="padding: 5px; text-align: center;">
Раданг (4Э)<br>Элрохир (ВК)<br>нужны ещё !<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Модераторы:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Элрохир<br>Торин Дромангорг<br>Артакано<br>Фарамир<br>Маухур<br>Лисандра<br></div>

<div style="padding: 5px; text-align: center; font-weight: bold">
Особые благодарности:</div>
<div style="padding: 5px; text-align: center;">
Раданг<br>Feanaro<br>Бергил (Боромир)<br>Келаст<br>Натария<br>Лотиэль<br>Ирэн<br>Gandalf<br></div></div>
    </td>
    </td>
   </tr>
</table>

0

6

Относительно вкладок.
Высота вкладки меняется в нескольких местах

   

ul.tabs {
        ...

        height: 48px;

        width: 100%;

И тут

   

...
    ul.tabs li {
      ...
    padding-top: 4px!important;
        height: 44px;
    vertical-align: middle;   ....

Ширина вкладок меняется здесь:

   

ul.tabs li {
        ...
        position: relative;
    width: 16%;
    ...
    }

Формула простая - 100% делите на количество вкладок и результат округляете к меньшему целому числу. Остаток будет в виде кусочка справа, в виде полоски, или правильнее - верхней границы содержимого вкладки.

0

7

бэкап на сейчас

Код:
<!-- начало скриптов вкладок -->
<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>
<!-- конец скриптов вкладок -->

<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 245px;">
    <tr>
    <td style="width: 100%; height: 245px;">
    
<!-- Вкладки и их содержимое -->
<div class="container1">
<ul class="tabs">
    <li class="active"><a href="#tab1">Актуальные новости</a></li>
    <li><a href="#tab2">Сюжет <br>игры</a></li>
    <li><a href="#tab3">Вкладка 3</a></li>
    <li><a href="#tab4">Вкладка 4</a></li>
    <li><a href="#tab5">Вкладка 5</a></li>
    <li><a href="#tab6">Вкладка 6</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<div style="width:100%; height: 290px; overflow:auto; overflow-x:hidden; padding:1px;">

<a href="http://top.roleplay.ru/2782">
РЕЙТИНГ В ТОПЕ</a>
<br>
<br>
<table>
<tr>
<td> 
<a href="http://top.roleplay.ru/2782" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31">
</a> 
</td>
<td> 
Не забывай кликать баннер топа ! Входи в топ с ЛотрРола, и возвращайся из топа на ЛотрРол. Не стесняйся там зарегистрироваться, оставлять комментарии и ставить пятёрки! =) </td>
</tr>
</table>
<br>
<a href="http://lotrrol.6bb.ru/viewtopic.php?id=3214#p454544">
КОНКУРС</a>
<br>
<br>
С 20 по 30 апреля 2011 года проводим конкурс. Победитель («Самый главный герой») 
и активные участники («Главные герои») будут награждаться и поощряться.
<a href="http://lotrrol.6bb.ru/viewtopic.php?id=3214#p454544"> ! Участвуй ! </a>
 <br>
<br>
<a href="http://lotrrol.6bb.ru/viewtopic.php?id=3175#p454588">
СУДЬБА УЧАСТНИКА</a> 
<br>
<br>
За скандальный характер, целенаправленое издевательство над мастерами  и админами в приватном порядке (icq, ЛС и пр), на форуме и за его пределами, за отказ от игры в сюжете локации, за постоянное вредительство репутации ЛотрРола и отдельных его участников был забанен участник Элладан, в миру Катя. Кое-кто из лотррольщиков просит её возвращения. Вопрос – вернуть или не надо - лучше решать не админом единолично, а форумом совместно. 
<a href="http://lotrrol.6bb.ru/viewtopic.php?id=3175#p454588"> ! Скажи своё мнение !</a> 
<br>

</div></div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="width:100%; height: 240px; overflow:auto; overflow-x:hidden; padding:1px;">
 
Преамбула, главное и основное: На ЛотрРоле не играют в войну ! Здесь играют в приключения, в политику, дипломатию, интриги, заговоры, революции, любовь, кровную месть – всё что угодно, но не в войну. Но это не означает, что драк и войн не будет – будут, но о результате договорятся либо противники сами, желательно заранее, либо мастера их регионов.
<br>
<br>
<a href="http:// ">
СЮЖЕТ ИГРЫ «ВЛАСТЕЛИН КОЛЕЦ» (ВК)</a> 
<br>
<br>
Игровые события начинаются в 3018 году Третьей Эпохи. Кольцо у Фродо в Шире, Гендальф у Сарумана в гостях, Горлум в Лихолесье у эльфов, Боромир в Осгилиате, который как  переходящий приз то у Гондора, то у Мордора. Одним словом – всё как обычно, всё это вы знаете. Можно просто играть. Почитать подробности можно – <a href="http:// ">у Толкина</a>.
<br>
<br>
<a href="http://lotrrol.6bb.ru/viewtopic.php?id=3171#p452316 ">
СЮЖЕТ ИГРЫ «ЧЕТВЕРТАЯ ЭПОХА» (ЧЭ)</a>
<br>
<br>
Игра является логичным (или приблизительным ) продолжением игры «Властелин Колец», которая игралась на ЛотрРоле с 2007 по 2011 год. Кольцо прошло честный игровой путь от Хоббитании до Мордора, но завершило свой совсем наоборот, нежели представлял себе великий Профессор: оно вернулось к своему Властелину. По этой причине или вопреки ей, Саурон прекратил войну, очаги которой не погасли лишь в Гондоре, где происходят периодические стычки.
 <br>
С подробностями можно ознакомиться - 
<a href="http://lotrrol.6bb.ru/viewtopic.php?id=3171#p452316 ">
в специальной теме</a> 
<br>
<br>

</div></div>

<div style="display: none;" id="tab3" class="tab_content"> 
<div style="width:100%; height: 240px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 3
</div></div>

<div style="display: none;" id="tab4" class="tab_content"> 
<div style="width:100%; height: 240px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 4
</div></div>

<div style="display: none;" id="tab5" class="tab_content"> 
<div style="width:100%; height: 240px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 5
</div></div>

<div style="display: none;" id="tab6" class="tab_content"> 
<div style="width:100%; height: 240px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 6
</div></div>

      </div>
    </div>
<!-- Конец вкладок и их содержимого  --> 
   
    </td>
   </tr>
</table>

0


Вы здесь » ЛотрРол Вторая Эпоха » Архив админки » Объявление в шапку