Тестовик

Объявление

текст новостей
текст в игре
текст

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

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


Вы здесь » Тестовик » Тестовый форум » Тестовое сообщение


Тестовое сообщение

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

1

Благодарим за выбор нашего сервиса!

0

2

<img src="http://savepic.org/1816481.png" width="400" height="300" border="0" usemap="#map" />
<map name="map">
<area shape="rect" coords="44,36,207,48" href="http://catswarriorsheart.rolka.su/" />
<area shape="rect" coords="231,145,303,162" href="http://catswarriorsheart.rolka.su/viewforum.php?id=23" />
<area shape="rect" coords="213,49,266,70" href="http://catswarriorsheart.rolka.su/viewtopic.php?id=113" />
<area shape="rect" coords="192,75,312,96" href="http://catswarriorsheart.rolka.su/viewtopic.php?id=46" />
<area shape="rect" coords="207,119,307,139" href="http://catswarriorsheart.rolka.su/viewtopic.php?id=125" />
<area shape="rect" coords="246,101,314,116" href="http://catswarriorsheart.rolka.su/viewforum.php?id=21" />
</map>

--------------------------------------------------

<img src="http://s50.radikal.ru/i130/1105/9b/f060ebe05500.png" width="880" height="400" border="0" usemap="#map" />
<map name="map">
<area shape="circle" coords="380,206,69" href="http://harrypottefascinaterol.mybb.ru/viewtopic.php?id=69" />
<area shape="rect" coords="121,276,299,333" href="http://harrypottefascinaterol.mybb.ru/viewtopic.php?id=73" />
<area shape="rect" coords="566,301,765,355" href="http://harrypottefascinaterol.mybb.ru/viewtopic.php?id=5" />
<area shape="rect" coords="453,81,815,135" href="http://harrypottefascinaterol.mybb.ru/viewtopic.php?id=7" />
</map>

0

3

<center><table style="width: 90%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><a title="НАЗВАНИЕ1" target="blank"><img src="АДРЕС КАРТИНКИ"></a></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><a title="НАЗВАНИЕ2" target="blank"><img src="АДРЕС КАРТИНКИ"></a></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><a title="НАЗВАНИЕ3" target="blank"><img src="АДРЕС КАРТИНКИ"></a></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><a title="НАЗВАНИЕ4" target="blank"><img src="АДРЕС КАРТИНКИ"></a></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><a title="НАЗВАНИЕ5" target="blank"><img src="АДРЕС КАРТИНКИ"></a></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><a title="НАЗВАНИЕ6" target="blank"><img src="АДРЕС КАРТИНКИ"></a></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center>

<table><tr><td width="100" height="100"><a title="НАЗВАНИЕ1" target="blank"><img src="АДРЕС КАРТИНКИ"></a></td>
<td width="100" height="100"><a title="НАЗВАНИЕ2" target="blank"><img src="АДРЕС КАРТИНКИ"></a></td>
<td width="100" height="100"><a title="НАЗВАНИЕ3" target="blank"><img src="АДРЕС КАРТИНКИ"></a></td>
<td width="100" height="100"><a title="НАЗВАНИЕ4" target="blank"><img src="АДРЕС КАРТИНКИ"></a></td>
<td width="100" height="100"><a title="НАЗВАНИЕ5" target="blank"><img src="АДРЕС КАРТИНКИ"></a></td>
<td width="100" height="100"><a title="НАЗВАНИЕ6" target="blank"><img src="АДРЕС КАРТИНКИ"></a></td></tr></table>

0

4

<style type="text/css">
#menu {
padding-left: 20px;
text-align:center ;
}

#menu a {
padding: 7px 15px 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 11px;
width:100% ;
}

.submenutext {
display: none;
height: 100px;
}

#submenu A {
color: #CCC;
}
#menu .tabactive {
color: #65065f;
}
</style>
<script type="text/javascript">
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
</script>

<table style="width: 100 %;">
<tbody>
  <tr>
   <td>
    <div id="menu">
     <a onclick="subMenu(this,'sm1')" style="cursor: pointer;"><img src="АДРЕС КАРТИНКИ1"></a>
     <a onclick="subMenu(this,'sm2')" style="cursor: pointer;"><img src="АДРЕС КАРТИНКИ2"></a>
     <a onclick="subMenu(this,'sm3')" style="cursor: pointer;"><img src="АДРЕС КАРТИНКИ3"></a>
     <a onclick="subMenu(this,'sm4')" style="cursor: pointer;"><img src="АДРЕС КАРТИНКИ4"></a>
     <a onclick="subMenu(this,'sm5')" style="cursor: pointer;"><img src="АДРЕС КАРТИНКИ5"></a>
    </div>
   </td>
<td rowspan="2" width="30%"><img src="АДРЕС КАРТИНКИ КОТОРАЯ БУДЕТ В ПРАВОЙ КОЛОНКЕ"><br /><div style="font-size: 11px;">Навигация ссылками - это правая колонка</div></td>
  </tr>
  <tr>
   <td align="center">
    <div id="submenu">
     <div id="sm1" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название1</b></div><br /><div style="font-size: 11px;">Текст 1</div></div>
     <div id="sm2" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название2</b></div><br /><div style="font-size: 11px;">Текст 2</div></div>
     <div id="sm3" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название3</b></div><br /><div style="font-size: 11px;">Текст 3</div></div>
     <div id="sm4" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название4</b></div><br /><div style="font-size: 11px;">Текст 4</div></div>
     <div id="sm5" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название5</b></div><br /><div style="font-size: 11px;">Текст 5</div></div>
    </div>
   </td>
  </tr>
</tbody>
</table>

0

5

<div class="container">
    <div class="html-box">
    <style type="text/css">
#menu {
padding-left: 20px;
text-align:center ;
}

#menu a {
padding: 7px 15px 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 11px;
width:100% ;
}

.submenutext {
display: none;
height: 100px;
}

#submenu A {
color: #CCC;
}
#menu .tabactive {
color: #65065f;
}
</style>
<script type="text/javascript">
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
</script>

<table style="width: 100 %;">
<tbody>
  <tr>
   <td>
    <div id="menu">
     <a onclick="subMenu(this,'sm1')" style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/d/1/upload/02f928e5.png"></a>
     <a onclick="subMenu(this,'sm2')" style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/d/1/upload/02f928e5.png"></a>
     <a onclick="subMenu(this,'sm3')" style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/d/1/upload/02f928e5.png"></a>
     <a onclick="subMenu(this,'sm4')" style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/d/1/upload/02f928e5.png"></a>
     <a onclick="subMenu(this,'sm5')" style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/d/1/upload/02f928e5.png"></a>
    </div>
   </td>
<td rowspan="2" width="30%"><img src="АДРЕС КАРТИНКИ КОТОРАЯ БУДЕТ В ПРАВОЙ КОЛОНКЕ"><br /><div style="font-size: 11px;">Навигация ссылками - это правая колонка</div></td>
  </tr>
  <tr>
   <td align="center">
    <div id="submenu">
     <div id="sm1" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название1</b></div><br /><div style="font-size: 11px;">Текст 1</div></div>
     <div id="sm2" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название2</b></div><br /><div style="font-size: 11px;">Текст 2</div></div>
     <div id="sm3" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название3</b></div><br /><div style="font-size: 11px;">Текст 3</div></div>
     <div id="sm4" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название4</b></div><br /><div style="font-size: 11px;">Текст 4</div></div>
     <div id="sm5" class="submenutext"><br /><div style=" font-size: 15px;"> <b>Текст Название5</b></div><br /><div style="font-size: 11px;">Текст 5</div></div>
    </div>
/td>
  </tr>
</tbody>
</table>

0

6

<style>
div .splLink {width: 100px; height: 100px; border: 0px solid; background:; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: eae1d5  ; padding: 5px; z-index: 1000; margin-top: 0px; border: 0px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

0

7

объявление

Код:
<center><table style="width: 90%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="адрес картинки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то </DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="адрес картинки2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="адрес картинки3"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="адрес картинки4"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center>
<table><tr><td width="20%"><div align="center"> Администрация<br>Админ1<br>Админ2</div></td><td><img src="адрес картинки"></td><td width="20%"><div style="overflow: scroll; overflow-x: hidden; height: 200px;"><div align="center">Новости</div></td>
</tr>
<tr><td colspan="3"><marquee id=abc direction=right behavior=scroll scrollamount=2 onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()"> Текст Текст Текст Текст ТекстТекст Текст Текст  </marquee></td></tr></table>

верх

Код:
<style> 
div .splLink {width: 130px; height: 40px; border: 0px ; background:; text-align: center; font-family: Comic Sans Ms; font-size: 13px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background:  url(http://savepic.net/1310320.jpg); padding: 0px; z-index: 1000; margin-top: 0px; border: 0px; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

низ

Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

8

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>

HTML низ

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

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0px;
    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: 735px;
    height: 343px;
    background-image : url();   
background-color: ;  
    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>

Объявление

Код:
<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1"><img src="http://savepic.ru/2670568.png"></a></li>
    <li><a href="#tab2"><img src="http://savepic.net/1266220.png"></a></li>
    <li><a href="#tab3"><img src="http://savepic.ru/2658280.png"></a></li>
    <li><a href="#tab4"><img src="http://savepic.net/1307183.png"></a></li>
    <li><a href="#tab5"><img src="http://savepic.ru/2654184.png"></a></li>
    <li><a href="#tab6"><img src="http://savepic.net/1289775.png"></a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<img src="http://savepic.net/1265196.jpg">
</div>

<div style="display: none;" id="tab2" class="tab_content">
<img src="http://savepic.ru/2668520.jpg">
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<img src="http://savepic.net/1257004.jpg">
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<img src="http://savepic.net/1304111.jpg">
</div>

<div style="display: none;" id="tab5" class="tab_content"> 
<img src="http://savepic.ru/2653160.jpg">
</div>

<div style="display: none;" id="tab6" class="tab_content"> 
<img src="http://savepic.net/1288751.jpg">
</div>

      </div>
    </div>
</div>

0

9

Irdes
HTML верх

код
Код:
<style> 
div .splLink {width: 100px; height: 100px; border: 0px solid; background:; text-align: center;  font-size: 15px; padding: 5px;}
.spll {width: 200px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(http://i036.radikal.ru/1105/c8/279e916f0e1a.jpg); padding: 5px; z-index: 1000; margin-top: 0px; border: 0px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

HTML низ

код
Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

Объявление

код
Код:
<center><table style="width: 100%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">1выпад.меню</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Текст 1 выпад.меню</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">2выпад.меню</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Текст 2выпад.меню</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">3выпад.меню</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Текст 3 выпад.меню</DIV></DIV>
</div></td>
</tr>
</table></center>

<table width="100%"><tr>
<td width="50%">ячейка4</td>
<td>ячейка5</td>
</tr>
</table>
<center><table style="width: 100%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">6выпад.меню</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Текст 6 выпад.меню</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">7выпад.меню</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Текст 7 выпад меню</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">8выпад меню</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Текст 8 выпад.меню</DIV></DIV>
</div></td>
</tr>
</table></center>

0

10

Saku
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>

HTML низ

код
Код:
<style>
.container1 {width: 700px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin:0;
    padding: 0;
    float: center;
    list-style: none;
    height: 30px;
    width: 100%;
}
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: 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: 700px;
    height: 200px;
    background-image : url();   
background-color: ;  
    border-bottom: 0px 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>

Объявление

код
Код:
<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">
<div style="overflow: scroll; overflow-x: hidden; height: 150px;"><div align="center">Текст1</div></div>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="overflow: scroll; overflow-x: hidden; height: 150px;"><div align="center">Текст2</div></div>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<div style="overflow: scroll; overflow-x: hidden; height: 150px;"><div align="center">Текст3</div></div>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<div style="overflow: scroll; overflow-x: hidden; height: 150px;"><div align="center">Текст4</div></div>
</div>
      </div>
    </div>
</div>

0

11

Код:
<div align="center"><table style="width: 100%; background: url(http://savepic.net/1356996.png);">
<tr>
<td>
<table style="width: 850px">
<tr>
<td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Helpful links</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Administration</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">PR</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Partners</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table style="width: 270px">
<tr>
<td style="width: 250px; text-align: center;">
<div style="height:240px; padding-left:50px"><div style="overflow: scroll; overflow-x: hidden; height: 150px;"><b>Обновлен дизайн</b><br>
Всем хорошего дня!<br>
Блаблабла<br>
Блаблаблаблабла<br>
Блаблабла<br>
Блаблаблаблабла<br>
Блаблабла<br>
Блаблаблаблабла<br></div></div>
</td>
</tr>
</table>
</td>
</tr>
</table></div>

0

12

Код:
<style type="text/css"><!--
#adm, #weat, #links, #banners, {
position: absolute;
width: 500px;
height: 300px;
top: 35%;
left: 60%
border:solid #CCCCCC 3px;
display: none;
z-index: 10;
overflow:auto;
background-color:#FFFFFF;
color:#000000;
text-align:center;
padding:10px;
}
--></style>

<style type="text/css"> 
#pun {width: 750px;}
</style>
Код:
<div style="position: relative;">
<p style="text-align: center;"><img style="vertical-align: middle;" usemap="#MAP" src="http://i027.radikal.ru/1106/c8/62055fecb3f3.png" alt=""/></p>
<p>
<map name="map">
<area onclick="document.getElementById('adm').style.display='block'; return false;" shape="rect" coords="21,34,238,64" alt="Администрация" href="#"  />
<area onclick="document.getElementById('weat').style.display='block'; return false;" shape="rect" coords="16,89,147,127" alt="Погода" href="#"  />
<area onclick="document.getElementById('links').style.display='block'; return false;"shape="rect" coords="257,31,350,62" alt="Ссылки" href="#"  />
<area onclick="document.getElementById('banners').style.display='block'; return false;"shape="rect" coords="260,90,393,130" alt="Баннеры" href="#"  />
</map>
</p>

<div id="adm" style="display: none;">Текст администрации, бб-коды не работают<br /> <button onclick="document.getElementById('adm').style.display='none'; return false;"> Закрыть</button></div>

<div id="weat" style="display: none;">Текст погоды, бб-коды не работают<br /> <button onclick="document.getElementById('weat').style.display='none'; return false;"> Закрыть</button></div>

<div id="links" style="display: none;">Текст ссылок, бб-коды не работают<br /> <button onclick="document.getElementById('links').style.display='none'; return false;"> Закрыть</button></div>

<div id="banners" style="display: none;">Текст баннеров, бб-коды не работают<br /> <button onclick="document.getElementById('banners').style.display='none'; return false;"> Закрыть</button></div>
    <div style="position:absolute; top: 70px; right:0px;"> 
<table><tr><td style="width:250px; text-align: center;">
<div style="overflow: scroll; overflow-x: hidden; height: 230px;"><b>Партнеры</b><br> Текст партнеров текст текст текст</div>
</td>
</tr>
</table>
    </div>
</div>

0

13

Код:
<table width="100%";>
<tr>
<td colspan="2" width="70%"><div id="sm1" class="submenutext"><br /><div align="center" style="width: 70%;  float: left;">
Текст приветствия
</div>
<div align="center";float: left;">
<form>
        <select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
     <option value="#">Навигация</option>
<option value="ссылка на страничку">название</option>
    <option value="ссылка на страничку">название</option>
    </optgroup>
</select>
</form>
</div>
</div></td>
<td rowspan="2"><div align="center"><u><i>Сайты нашего форума</u></i></div><br><a  href="Ссылка">Наш сайт на Популярен</a><br><a  href="Ссылка">Наша группа ВКонтакте</a><br><a  href="Ссылка">Мне нравится ВК</a></td>
</tr>
<tr>
<td width="30%"><div align="center"><u><i>Администрация</u></i></div><br> текст администрации</td>
<td width="40%" ><div align="center"><u><i>Пару слов о форуме</u></i></div><br> текст пару слов о форуме</td>
</tr>
<tr>
<td><div align="center"><u><i>Игра</u></i></div><br> текст игры</td>
<td><div align="center"><u><i>Полезное</u></i></div><br><a  href="Ссылка">Правила форума</a><br><a  href="Ссылка">Обновления на форуме</a><br><a  href="Ссылка">Конкурсы форума</a><br><a  href="Ссылка">В помощь форумчанам</a>    </td>
<td><div style="overflow: scroll; overflow-x: hidden; height: 200px;"><div align="center"><b>Баннеры</b></div><br><div id="sm1" class="submenutext"><br /><div align="center" style="width: 50%;  float: left;">
1 столбик баннеров
</div>
<div align="center";float: left;">
2 столбик баннеров
</div>
</div></div></td>
</tr>

</table>

0

14

Код:
<table width="100%"; border=1 >
<tr>
<td colspan="2" width="70%"><div id="sm1" class="submenutext"><br /><div align="center" style="width: 70%;  float: left;">
Текст приветствия
</div>
<div align="center";float: left;">
<form>
        <select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
     <option value="#">Навигация</option>
<option value="ссылка на страничку">название</option>
    <option value="ссылка на страничку">название</option>
    </optgroup>
</select>
</form>
</div>
</div></td>
<td rowspan="2"><div align="center"><u><i>Сайты нашего форума</u></i></div><br><a  href="Ссылка">Наш сайт на Популярен</a><br><a  href="Ссылка">Наша группа ВКонтакте</a><br><a  href="Ссылка">Мне нравится ВК</a></td>
</tr>
<tr>
<td width="30%"><div align="center"><u><i>Администрация</u></i></div><br> текст администрации</td>
<td width="40%" ><div align="center"><u><i>Пару слов о форуме</u></i></div><br> текст пару слов о форуме</td>
</tr>
<tr>
<td><div align="center"><u><i>Игра</u></i></div><br> текст игры</td>
<td><div align="center"><u><i>Полезное</u></i></div><br><a  href="Ссылка">Правила форума</a><br><a  href="Ссылка">Обновления на форуме</a><br><a  href="Ссылка">Конкурсы форума</a><br><a  href="Ссылка">В помощь форумчанам</a>    </td>
<td><div style="overflow: scroll; overflow-x: hidden; height: 200px;"><div align="center"><b>Баннеры</b></div><br><div id="sm1" class="submenutext"><br /><div align="center" style="width: 50%;  float: left;">
1 столбик баннеров
</div>
<div align="center";float: left;">
2 столбик баннеров
</div>
</div></div></td>
</tr>
</table>

0

15

Код:
<center><table style="width: 615px;"> 
<tbody> 
  <tr> 
   <td> 
    <div id="menu"> <b><center> 
<span alt=#sm1 "style="cursor: pointer;"> Название 1</span> 
<span alt=#sm2 "style="cursor: pointer;">Название 2</span> 
<span alt=#sm3 "style="cursor: pointer;">Название 3</span> 
<span alt=#sm4 "style="cursor: pointer;">Название 4</span> 
<span alt=#sm5 "style="cursor: pointer;">Название 5</span> 
           </center></b> 
    </div> 
   </td> 
  </tr> 
  <tr> 
   <td id="MenuTxT"  align="center" valign="top"> 
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"> 
<br/><br/> 
<font size="1">Регистрация на форуме возможна только с указанием <b>существующего e-mail.</b><br/> После регистрации в течение некоторого времени Вам на почту придет пароль, скорее всего в подпапку "Спам".<br/> 
Если пароль не пришел, свяжитесь с администрацией <a href="http://evasims2.mybb.ru/viewtopic.php?id=426">через ICQ</a><br/> или напишите от имени гостя  <a href="http://evasims2.mybb.ru/viewtopic.php?id=3999">в этой теме</a>. </font><br/> 
<br/> 
<br><table  width="100%" border="0" cellspacing="0" cellpadding="4"> 
    <tr> 
        <!-- Строка 1 ; столбец 1 --> 
        <td width="35%"> 
        <font size="1"><b>Дорогие гости!</b><br> 
Приветствуем вас в нашем волшебном мире "Evasims"!
</br> 
Здесь вы найдете много интересностей и вкусностей для своих симочеловечков. Участвуйте в конкурсах, порадуйте нас фотками своих любимчиков, посмейтесь над сим-клипами и приколами или загляните в игровую. Волшебный мир открыт для вас!
        </td> 
        <!-- Строка 1 ; столбец 2 --> 
        <td width=""> 
        <center><a target="_blank" href="http://evasims2.mybb.ru/viewforum.php?id=190"><img src="https://forumupload.ru/uploads/0008/c6/d6/338515-1.png" ></a></center> 
        </td> 
        <!-- Строка 1 ; столбец 3 --> 
        <td  width="35%"> 
        <font size="1"><b>Важная информация:</b> 
<br> 
<br><a href="http://evasims2.mybb.ru/viewtopic.php?id=46"><b><font size="1">Правила форума (!)
обязательно к прочтению</font></b></a></br> 
Помните, незнание правил не освобождает от ответственности!
<a href="http://evasims2.mybb.ru/viewtopic.php?id=426"><b>Как связаться с администрацией?</b></a> 
<br>Никак не получается зарегистрироваться?
Напишите от имени гостя <a href="http://evasims2.mybb.ru/viewtopic.php?id=3999"><b>в этой теме.</b></a> <br/> 
Желаем вам приятно провести время!
</center> 
        </td> 
    </tr> 
</table> 
</div> 
     <div id="sm2" class="submenutext"><br /><br /> 
<br><table  width="100%" border="0" cellspacing="0" cellpadding="4"> 
    <tr> 
        <!-- Строка 1 ; столбец 1 --> 
        <td width="35%"> 
        <font size="1"><b>Советуем посетить:</b><br><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=46"><b><font size="1">Правила форума (!)
</font></b></a><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=2141"><b><font size="1">Путеводитель по форуму</font></b></a><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=303"><b><font size="1">Новости форума</font></b></a><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=1550"><b><font size="1">Часто задаваемые вопросы по работе форума</font></b></a><br> 
        </td> 
        <!-- Строка 1 ; столбец 2 --> 
        <td width=""> 
        <font size="1"><b>Вопросы по игре:</b><br><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=2909"><b><font size="1">FAQ The Sims 2</font></b></a><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=477"><b><font size="1">FAQ The Sims 3</font></b></a><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=45"><b><font size="1">Часто задаваемые вопросы по The Sims 2</font></b></a><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=1625"><b><font size="1">Часто задаваемые вопросы по The Sims 3</font></b></a><br> 
        </td> 
        <!-- Строка 1 ; столбец 3 --> 
        <td  width="35%"> 
              <font size="1"><b>Давайте знакомиться:</b><br><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=3166"><b><font size="1">Здравствуй, новичок!</font></b></a><br> 
Напишите пару строчек о себе.<br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=1233"><b><font size="1">Как нашли наш форум?</font></b></a><br> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=227"><b><font size="1">Что означает ваш ник?</font></b></a><br> 
        </td> 
    </tr> 
</table> 
</div> 
     <div id="sm3" class="submenutext"><br /><br /> 
<b><i><font size="3" face="Arial" color="Indigo"> Результаты голосования по ФШ-конкурсу </b><br></i> <br></font> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=4020"><b><font size="4" face="Times New Roman" color="DeepPink"><i>• Родом из детства •</font></i></b></a><br> 
<br><font size="2" face="Comic Sans MS" color="DarkMagenta"><i> <b>Поздравьте участников и победителя!</font></i></b></br> 
</div> 
    <center> <div id="sm4" class="submenutext"><br /><br /> 
<b><i><font size="3" face="Century Gothic" color="Indigo"> Проходит голосование по конкурсу </b><br></i> <br></font> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=3998"><b><font size="4" face="Arial" color="Black"><i>♂ Мужчина года ♂</font></i></b></a><br> 
<br><font size="2" face="Comic Sans MS" color="MediumVioletRed"><i> <b>Спешите отдать свой голос!</font></i></b></br> 
</div> 
     <div id="sm5" class="submenutext"><br /><br /> 
<font size="1">Реклама осуществляется c аккаунта: <b>Реклама</b>, пароль: <b>11111</b><br/> 
Перед размещением рекламы внимательно ознакомьтесь с  <a href="http://evasims2.mybb.ru/viewtopic.php?id=2061">правилами рекламы</a>.
<b> 
<br><a href="http://evasims2.mybb.ru/viewtopic.php?id=2061">Наша реклама</a><br/> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=52">Ваша реклама</a><br/> 
<a href="http://evasims2.mybb.ru/viewtopic.php?id=337">Банерообмен</a><br/> 
</font></b><br/> 
<a href="http://evasims2.mybb.ru/" mce_href="" target="_blank"><img src="http://i039.radikal.ru/1103/ae/cfd8919859e1.gif" mce_src="http://i039.radikal.ru/1103/ae/cfd8919859e1.gif"></a><br><a href="http://evasims2.mybb.ru/" mce_href="" target="_blank"><img src="http://s61.radikal.ru/i174/1103/2c/f0d02741cdb3.gif" mce_src="http://s61.radikal.ru/i174/1103/2c/f0d02741cdb3.gif"></a> 
</div> 
</div> 
<br /> 
<br /> 
</td> 
</tr> 
</tbody> 
</table></center>

0

16

Код:
<table width="100%"><tr><td><div align="center"><img src="АДРЕС КАРТИНКИ"><br/>Текст</div></td><td><div align="center"><img src="АДРЕС КАРТИНКИ">
<form>
        <select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
     <option value="#">Навигация</option>
<option value="ссылка на страничку">название</option>
    <option value="ссылка на страничку">название</option>
    </optgroup>
</select>
</form><br/>
Текст<br/>
<img src="АДРЕС КАРТИНКИ">
</div>
</td>
<td>
<div align="center"><img src="АДРЕС КАРТИНКИ"><br/>Текст</div></td>
</tr>
<tr><td colspan="3"><marquee id=abc direction=left behavior=scroll scrollamount=2 onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()"> содержание бегущей строки</marquee></td></tr>
</table>

0

17

Код:
<table width="100%"><tr><td><div align="center"><img src="АДРЕС КАРТИНКИ"><br/>Текст</div></td><td><div align="center"><img src="АДРЕС КАРТИНКИ">
<form>
        <select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
     <option value="#">Навигация</option>
<option value="ссылка на страничку">название</option>
    <option value="ссылка на страничку">название</option>
    </optgroup>
</select>
</form><br/>
Текст<br/>
<img src="АДРЕС КАРТИНКИ">
</div>
</td>
<td>
<div align="center"><img src="АДРЕС КАРТИНКИ"><br/>Текст</div></td>
</tr>
<tr><td colspan="3"><marquee id=abc direction=left behavior=scroll scrollamount=2 onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()"> содержание бегущей строки</marquee></td></tr>
</table>

0

18

Код:
<table width="100%"> <tr><td><div align="center"><b>Админы</b><br>Текст администрации</div></td><td rowspan="2"><div align="center"><b>Приветствие</b><br>Текст приветствия</div></td><td rowspan="2"><div align="center"><b>Новости</b><br>текст новостей</div></td></tr> <tr><td><div align="center"><b>Модераторы</b><br>Текст модераторов</div></td></tr> <tr><td  colspan="3"><div style="overflow: scroll; overflow-x: hidden; height: 100px;"><div align="center">Баннеры</div></td></tr>
</table>

0

19

низ

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

объявл

Код:
<center><table style="width: 615px;"> 
<tbody> 
  <tr> 
   <td> 
    <div id="menu"> <b><center> 
<span alt=#sm1 "style="cursor: pointer;"> </span> 
<span alt=#sm2 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/e/b/upload/7d38c3b6.png"></span> 
<span alt=#sm3 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/7/9/upload/71c99296.png"></span> 
<span alt=#sm4 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/6/0/upload/db6e3045.png"></span> 
<span alt=#sm5 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/d/3/upload/344ea8da.png"></span> 
<span alt=#sm6 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/c/b/upload/74b1d658.png"></span> 
           </center></b> 
    </div> 
   </td>
<td rowspan="2" width="20%"><img src="АДРЕС КАРТИНКИ КОТОРАЯ БУДЕТ В ПРАВОЙ КОЛОНКЕ"><br /><div style="font-size: 11px;"><style> 
.nav {margin: 10px;}
.nav a{display: block; color:#000000; background-color: #ffffff; text-align: center; width:100px; padding: 4px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #000000; color:#ffffff}
</style>
<div class="nav"> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=43#p44">Правила форума</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=39">Шаблон анкеты</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=37">Шаблон акций</a>  
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=38#p137">Сюжет</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=94">Список акций</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=72">Ваша реклама</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=70">Партнёрство</a> 
</div></div></td>  
  </tr> 
  <tr> 
   <td id="MenuTxT"  align="center" valign="top"> 
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"> 
<br/><br/> 
<div style=" font-size: 11px;"> баннеры</div>
</div> </div>
     <div id="sm2" class="submenutext"><br />
<div style=" font-size: 15px;"> Приветствие</div><br /><div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<i>Здравствуйте, дорогие гости и участники нашего форума. рады видеть вас на нашей ролевой игре. Наша ролевая игра о жизни волков. Разрешены персонажи с нестандартной внешностью(нет, не то, что вы подумали) За подробностями можно обратиться к Айланте. Существует три стаи: стая Проклятой Орхидеи, стая Белой Осоки и стая Великой Опунции. Вы можете выбрать любую из них, либо стать одиночкой. Наша ролевая игра пока что молода, да и на ней ещё не так много участников. Но у нас ещё всё впереди! Сейчас мы создаём новый сюжет. Вы так же можете предложить нам свои варианты в специальной теме. Мы делам всё возможное, что бы вам понравилась наш форум. Если вас что-то не устраивает, пожалуйста, напишите в специальную тему и мы попробуем это устранить. В общем, желаем приятно провести время) Тем более на форуме сейчас теплое лето!  </i> </div> 
<div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<i>Мы копим 200 кредитов, что бы быть на домене .ru  Скоро будет сделан новый дизайн от хорошего мастера) Оценить дизайн вы можете просто во флудилке, сказав своё мнение.  Как видите, на mybb произошли очередные обновления. Так же наш форум переехал на новый адрес. Администраторы и модераторы "во всю силу" пыхтят над форумом. Скоро будет также новые картинки в подфорумы, новая реклама, возможно, что и новый баннер. 
ВНИМАНИЕ! Набор лисиц и похожих на них волков закрыт! У нас форум про волков. По этому просьба регистрироваться волками. Набор одиночек пока ограничен. Примем только идеально заполненные анкеты одиночек. Поощряется регистрация стайным волком в Стаю Белой Осоки и в Стаю Проклятой Орхидеи. В стаю Великой Опунции набор ограничен. Пиар: <br>Ник: <b>Реклама</b> 
<br>Пароль: <b>2011</b></i> 
</div> 
</div> </div> 
     <div id="sm3" class="submenutext"><br /><br /> 
<div style=" font-size: 15px;"> Наши правители</div><br /><div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<br>Администрация</br> 
<br><img src="http://s2.postimage.org/2newlvh9g/image.png"</br><i> -главный администратор.</i>
<br><img src="http://s2.postimage.org/2ney9etr8/image.png"</br><i> - администратор аватарок</i>
<br><img src="http://s2.postimage.org/2nezwy690/image.png"</br><i> - любящий администратор</i> 
<br><img src="http://s2.postimage.org/2nkgpwh0k/image.png"</br><i> -  администратор в отпуске</i> 
</div> 
<div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<br>Модерация</br> 
<br><img src="http://s2.postimage.org/2npu7s2sk/image.png"</br><i> - строгий модератор по проверке анкет.</i> 
<br><img src="http://xmages.net/storage/10/1/0/a/c/upload/9d8a1eda.png"</br><i> - какой-то модератор</i> 
<br><img src="http://xmages.net/storage/10/1/0/a/c/upload/9d8a1eda.png"</br><i> - какой-то модератор</i> 
</div> 
</div> 
<div id="sm4" class="submenutext"><br />
<div style=" font-size: 15px;"> Природные условия</div><br /><div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<br>День
<br><img src="http://xmages.net/storage/10/1/0/b/e/upload/90e2ca66.png"<br> 
<br><i>Ясно.</i> <br><i>Температура + 29 С°</i> 
<br><i>Без осадков.</i> 
<br><i>Влажность воздуха 38 %</i> 
<br><i>Волкам сейчас жарко, потому что именно сейчас наступило тёплое, жаркое лето. Но они могут искупаться в ещё не настолько нагретой солнцем воде. </i> 
<br><i>Время суток на форуме вы можете узнать здесь:
</div> 
<div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<br>Ночь
<br><img src="http://xmages.net/storage/10/1/0/e/e/upload/9ee611fb.png"<br> 
<i><br>Температура + 23 С° </i> 
<i><br>Без осадков</i> 
<i><br>Влажность 46%</i> 
<i><br>Ночью немного прохладнее, но тепло. Очень приятно вечером побыть на свежем воздухе, когда на шерсть дует свежий ветерок и полюбоваться на большую луну, звёзды и созвездия. </i> 
<br><a href="http://earthwolf.mybb.ru/viewtopic.php?id=123#p636">Время суток на форуме</a></i>
</div> 
</div> 
     <div id="sm5" class="submenutext"><br />
<div style=" font-size: 11px;">Информация о действиях в игре</div><br /><div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<br><i><b>Стая Великой Опунции</i></b> 
<br><i>В стаю Великой Опунции сейчас проходит активный набор в стаю. </i> 
<br><i><b>Стая Проклятой Орхидеи</i></b> 
<br><i>В стаю Проклятой Орхидеи так же проходит набор. Не упустите! Свободна должность вожака. За подробностями обращайтесь к Айланте.</i> 
</div> 
<div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<br><i><b>Стая белой осоки</i></b> 
<br><i>В стаю Белой Осоки тоже требуются участники. Многие должности свободны.</i> 
<br><i><b>Одиночки</i></b> 
<br><i>У одиночек сейчас хорошая жизнь. Около небольшого водопада встретились один стайный волк и двоя не стайных. Пока там проходят хорошие отношения со всевозможными комплиментами. Так же в своей норе Виспер и Камиль недавно пробудились. </i> 
</div> 
</div> 
<div id="sm6" class="submenutext"><br />
<div style=" font-size: 15px;"> Копирайт</div><br /><div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<br><i>Наш форум хотел бы выразить благодарность тем участникам, которые помогали нам в какое-либо время. 
<br><a href="http://earthwolf.mybb.ru/profile.php?id=10">.whisper</a> - замечательный и строгий модератор и активный флудер. 
<br><a href="http://earthwolf.mybb.ru/profile.php?id=8">аnchorage ;</a> - трудолюбивый администратор, создатель такого красивого и прекрасного дизайна, как этот)
<br><a href="http://earthwolf.mybb.ru/profile.php?id=5">Акелла</a> - наш любимый пиарщик и администратор!
<br><a href="http://earthwolf.mybb.ru/profile.php?id=6">martin;</a>- за лень хд и за то, что нас поддержал в сложный момент.
</div> 
<div align="center" style="width: 50%; height: 300px; font-size: 11px; float: left;"> 
<br><i>Создатель форума - <a href="http://earthwolf.mybb.ru/profile.php?id=2">Айланта</a></i> 
<br><i> Дизайн и графическое оформление - <a href="http://earthwolf.mybb.ru/profile.php?id=8">аnchorage ;</a></i> 
<br><i>Описание подфорумов - <a href="http://earthwolf.mybb.ru/profile.php?id=2">Айланта</a></i> 
<br><i>Картинки в подфорумы - <a href="http://earthwolf.mybb.ru/profile.php?id=8">аnchorage ;</a></i> 
<br><i>Идея форума - <a href="http://earthwolf.mybb.ru/profile.php?id=2">Айланта</a>, <a href="http://earthwolf.mybb.ru/profile.php?id=8">аnchorage ;</a>, <a href="http://earthwolf.mybb.ru/profile.php?id=5">Марсель</a>, <a href="http://earthwolf.mybb.ru/profile.php?id=4">Tenderness</a> </i> 
<i><br>Любое копирование материалов с форума без разрешения автора карается нарушением авторских прав и будет наказано <s>строго</s></i> 
<br><b><i>©2011 Intus Incednia</b> 
<br>нажимаем каждый день: <a href="http://top.roleplay.ru/14260" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"> 
<img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> </i> 
</div> 
</div> 
<br /> 
<br /> 
</td> 
</tr> 
</tbody> 
</table></center>

0

20

пост выше, пробелы

Код:
<center><table style="width: 615px;"> 
<tbody> 
  <tr> 
   <td> 
    <div id="menu"> <b><center> 
<span alt=#sm1 "style="cursor: pointer;"> </span> 
<span alt=#sm2 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/e/b/upload/7d38c3b6.png"></span> 
<span alt=#sm3 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/7/9/upload/71c99296.png"></span> 
<span alt=#sm4 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/6/0/upload/db6e3045.png"></span> 
<span alt=#sm5 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/d/3/upload/344ea8da.png"></span> 
<span alt=#sm6 "style="cursor: pointer;"><img src="http://xmages.net/storage/10/1/0/c/b/upload/74b1d658.png"></span> 
           </center></b> 
    </div> 
   </td>
<td rowspan="2" width="20%"><img src="АДРЕС КАРТИНКИ КОТОРАЯ БУДЕТ В ПРАВОЙ КОЛОНКЕ"><br /><div style="font-size: 11px;"><style> 
.nav {margin: 10px;}
.nav a{display: block; color:#000000; background-color: #ffffff; text-align: center; width:100px; padding: 4px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #000000; color:#ffffff}
</style>
<div class="nav"> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=43#p44">Правила форума</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=39">Шаблон анкеты</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=37">Шаблон акций</a>  
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=38#p137">Сюжет</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=94">Список акций</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=72">Ваша реклама</a> 
<a href="http://earthwolf.mybb.ru/viewtopic.php?id=70">Партнёрство</a> 
</div></div></td>  
  </tr> 
  <tr> 
   <td id="MenuTxT"  align="center" valign="top"> 
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"> 
<br/><br/> 
<div style=" font-size: 11px;"> баннеры</div>
</div> </div>
     <div id="sm2" class="submenutext"><br />
<div style=" font-size: 15px;"> Приветствие</div><br /><div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%">
<i>Здравствуйте, дорогие гости и участники нашего форума. рады видеть вас на нашей ролевой игре. Наша ролевая игра о жизни волков. Разрешены персонажи с нестандартной внешностью(нет, не то, что вы подумали) За подробностями можно обратиться к Айланте. Существует три стаи: стая Проклятой Орхидеи, стая Белой Осоки и стая Великой Опунции. Вы можете выбрать любую из них, либо стать одиночкой. Наша ролевая игра пока что молода, да и на ней ещё не так много участников. Но у нас ещё всё впереди! Сейчас мы создаём новый сюжет. Вы так же можете предложить нам свои варианты в специальной теме. Мы делам всё возможное, что бы вам понравилась наш форум. Если вас что-то не устраивает, пожалуйста, напишите в специальную тему и мы попробуем это устранить. В общем, желаем приятно провести время) Тем более на форуме сейчас теплое лето!  </i> </div> 
<div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%">
<i>Мы копим 200 кредитов, что бы быть на домене .ru  Скоро будет сделан новый дизайн от хорошего мастера) Оценить дизайн вы можете просто во флудилке, сказав своё мнение.  Как видите, на mybb произошли очередные обновления. Так же наш форум переехал на новый адрес. Администраторы и модераторы "во всю силу" пыхтят над форумом. Скоро будет также новые картинки в подфорумы, новая реклама, возможно, что и новый баннер. 
ВНИМАНИЕ! Набор лисиц и похожих на них волков закрыт! У нас форум про волков. По этому просьба регистрироваться волками. Набор одиночек пока ограничен. Примем только идеально заполненные анкеты одиночек. Поощряется регистрация стайным волком в Стаю Белой Осоки и в Стаю Проклятой Орхидеи. В стаю Великой Опунции набор ограничен. Пиар: <br>Ник: <b>Реклама</b> 
<br>Пароль: <b>2011</b></i> 
</div> 
</div> </div> 
     <div id="sm3" class="submenutext"><br /><br /> 
<div style=" font-size: 15px;"> Наши правители</div><br /><div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%">
<br>Администрация</br> 
<br><img src="http://s2.postimage.org/2newlvh9g/image.png"</br><i> -главный администратор.</i>
<br><img src="http://s2.postimage.org/2ney9etr8/image.png"</br><i> - администратор аватарок</i>
<br><img src="http://s2.postimage.org/2nezwy690/image.png"</br><i> - любящий администратор</i> 
<br><img src="http://s2.postimage.org/2nkgpwh0k/image.png"</br><i> -  администратор в отпуске</i> 
</div> 
<div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%">
<br>Модерация</br> 
<br><img src="http://s2.postimage.org/2npu7s2sk/image.png"</br><i> - строгий модератор по проверке анкет.</i> 
<br><img src="http://xmages.net/storage/10/1/0/a/c/upload/9d8a1eda.png"</br><i> - какой-то модератор</i> 
<br><img src="http://xmages.net/storage/10/1/0/a/c/upload/9d8a1eda.png"</br><i> - какой-то модератор</i> 
</div> 
</div> 
<div id="sm4" class="submenutext"><br />
<div style=" font-size: 15px;"> Природные условия</div><br /><div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%">
<br>День
<br><img src="http://xmages.net/storage/10/1/0/b/e/upload/90e2ca66.png"<br> 
<br><i>Ясно.</i> <br><i>Температура + 29 С°</i> 
<br><i>Без осадков.</i> 
<br><i>Влажность воздуха 38 %</i> 
<br><i>Волкам сейчас жарко, потому что именно сейчас наступило тёплое, жаркое лето. Но они могут искупаться в ещё не настолько нагретой солнцем воде. </i> 
<br><i>Время суток на форуме вы можете узнать здесь:
</div> 
<div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%">
<br>Ночь
<br><img src="http://xmages.net/storage/10/1/0/e/e/upload/9ee611fb.png"<br> 
<i><br>Температура + 23 С° </i> 
<i><br>Без осадков</i> 
<i><br>Влажность 46%</i> 
<i><br>Ночью немного прохладнее, но тепло. Очень приятно вечером побыть на свежем воздухе, когда на шерсть дует свежий ветерок и полюбоваться на большую луну, звёзды и созвездия. </i> 
<br><a href="http://earthwolf.mybb.ru/viewtopic.php?id=123#p636">Время суток на форуме</a></i>
</div> 
</div> 
     <div id="sm5" class="submenutext"><br />
<div style=" font-size: 11px;">Информация о действиях в игре</div><br /><div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%">
<br><i><b>Стая Великой Опунции</i></b> 
<br><i>В стаю Великой Опунции сейчас проходит активный набор в стаю. </i> 
<br><i><b>Стая Проклятой Орхидеи</i></b> 
<br><i>В стаю Проклятой Орхидеи так же проходит набор. Не упустите! Свободна должность вожака. За подробностями обращайтесь к Айланте.</i> 
</div> 
<div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%"> 
<br><i><b>Стая белой осоки</i></b> 
<br><i>В стаю Белой Осоки тоже требуются участники. Многие должности свободны.</i> 
<br><i><b>Одиночки</i></b> 
<br><i>У одиночек сейчас хорошая жизнь. Около небольшого водопада встретились один стайный волк и двоя не стайных. Пока там проходят хорошие отношения со всевозможными комплиментами. Так же в своей норе Виспер и Камиль недавно пробудились. </i> 
</div> 
</div> 
<div id="sm6" class="submenutext"><br />
<div style=" font-size: 15px;"> Копирайт</div><br /><div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%">
<br><i>Наш форум хотел бы выразить благодарность тем участникам, которые помогали нам в какое-либо время. 
<br><a href="http://earthwolf.mybb.ru/profile.php?id=10">.whisper</a> - замечательный и строгий модератор и активный флудер. 
<br><a href="http://earthwolf.mybb.ru/profile.php?id=8">аnchorage ;</a> - трудолюбивый администратор, создатель такого красивого и прекрасного дизайна, как этот)
<br><a href="http://earthwolf.mybb.ru/profile.php?id=5">Акелла</a> - наш любимый пиарщик и администратор!
<br><a href="http://earthwolf.mybb.ru/profile.php?id=6">martin;</a>- за лень хд и за то, что нас поддержал в сложный момент.
</div> 
<div align="center" style="width: 47%; height: 300px; font-size: 11px; float: left; margin-right: 3%">
<br><i>Создатель форума - <a href="http://earthwolf.mybb.ru/profile.php?id=2">Айланта</a></i> 
<br><i> Дизайн и графическое оформление - <a href="http://earthwolf.mybb.ru/profile.php?id=8">аnchorage ;</a></i> 
<br><i>Описание подфорумов - <a href="http://earthwolf.mybb.ru/profile.php?id=2">Айланта</a></i> 
<br><i>Картинки в подфорумы - <a href="http://earthwolf.mybb.ru/profile.php?id=8">аnchorage ;</a></i> 
<br><i>Идея форума - <a href="http://earthwolf.mybb.ru/profile.php?id=2">Айланта</a>, <a href="http://earthwolf.mybb.ru/profile.php?id=8">аnchorage ;</a>, <a href="http://earthwolf.mybb.ru/profile.php?id=5">Марсель</a>, <a href="http://earthwolf.mybb.ru/profile.php?id=4">Tenderness</a> </i> 
<i><br>Любое копирование материалов с форума без разрешения автора карается нарушением авторских прав и будет наказано <s>строго</s></i> 
<br><b><i>©2011 Intus Incednia</b> 
<br>нажимаем каждый день: <a href="http://top.roleplay.ru/14260" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"> 
<img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> </i> 
</div> 
</div> 
<br /> 
<br /> 
</td> 
</tr> 
</tbody> 
</table></center>

0

21

1

Код:
<center><table style="width: 750px; height:290px; background: url(http://rudb.org/img/2011_06/19/5bb7bfa8-69c1-47a7-9bef-b6276d281677.png);"> 
 <tr> 
 <td> 
  <div style="width:313px; height: 230px; padding-left:15px"><br><br><br><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td> 
</tr> 
 </table></center>

0

22

2

Код:
<center><table style="width: 750px; height:290px; background: url(http://rudb.org/img/2011_06/19/bfcfd29b-5649-49cf-a780-c27a957e7cf2.png);"> 
 <tr> 
 <td> 
  <div style="width:243px; height: 200px; padding-left:10px"><br><br><br><br><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td> 
<td> 
  <br><div style="width:236px; height: 270px; padding-left:5px"><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td>
<td> 
  <div style="width:235px; height: 200px; padding-left:5px"><br><br><br><br><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td>
</tr> 
 </table></center>

0

23

3

Код:
<center><table style="width: 750px; height:290px; background: url(http://rudb.org/img/2011_06/19/581ca5a3-5e38-44b6-b87c-33a1228fa10c.png);"> 
 <tr> 
 <td> 
  <div style="width:335px; height: 170px; padding-left:20px"><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td> 
<td> 
  <div style="width:335px; height: 170px; padding-left:15px"><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td>
</tr> 
 </table></center>

0

24

4

Код:
<center><table style="width: 750px; height:290px; background: url(http://rudb.org/img/2011_06/19/65f6a3a8-d260-4e70-8790-ed804ca14b69.png);"> 
 <tr> 
 <td> 
  <br><br><br><br><br><br><div style="width:320px; height: 170px; padding-left:30px"><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td> 
<td> 
  <br><br><br><br><br><br><div style="width:320px; height: 170px; padding-left:16px"><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td>
</tr> 
 </table></center>

0

25

5

Код:
<center><table style="width: 750px; height:290px; background: url(http://rudb.org/img/2011_06/19/ea425dbd-662f-47d4-b094-057aa78b58e3.png);"> 
 <tr> 
 <td> 
  <br><br><br><br><br><br><br><br><div style="width:230px; height: 170px; padding-left:15px"><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td> 
<td> 
  <br><br><br><br><br><br><br><br><div style="width:227px; height: 170px; padding-left:5px"><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td> 
<td> 
  <br><br><br><br><br><br><br><br><div style="width:228px; height: 170px; padding-left:5px"><div style="overflow: scroll; overflow-x: hidden;">текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст</div> </div> 
</td>
</tr> 
 </table></center>

0

26

Код:
<table width="100%"; > 
 <tr> 
 <td> 
 <div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Текст администрации</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Сайты форума</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
текст сайтов</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Статистика</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
текст статистики</DIV></DIV>
</div></td>
</tr> </table>
<table width="100%"; border="1"> 
<tr> 
 <td width="60%"; colspan="2"><font face="Ticker Tape"> Приветствие</font>
</td>
 <td> <font face="Ticker Tape">Часы</font>
</td>
</tr> 
<tr><td rowspan="2"><font face="Ticker Tape"><div align="center">Активные темы</font><br><a  href="Ссылка"> - Тема1</a><br><a  href="Ссылка"> - Тема2</a><br><a  href="Ссылка"> - Тема3</a><br><a  href="Ссылка"> - Тема4</a></div></td><td> <font face="Ticker Tape"><div align="center">Пару слов о нашем сайте</font><br>Текст о сайте</div></td><td rowspan="2"><br><div id="sm1" class="submenutext"><br /><div align="center" style="width: 50%;  float: left;">
<form>
        <select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
     <option value="#">Навигация</option>
<option value="ссылка на страничку">название</option>
    <option value="ссылка на страничку">название</option>
    </optgroup>
</select>
</form><br><hr><br><font face="Ticker Tape">Баннеры</font>
</div>
<div align="center";float: left;">
<font face="Ticker Tape">Баннеры</font>
</div>
</div></div></td></tr> 
<tr><td><font face="Ticker Tape"><div align="center">Информация для всех пользоватлей</div></font></td></tr>
 </table>
Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
Код:
<style> 
div .splLink {width: 100px; height: 100px; border: 0px solid; background:; text-align: center; font-family:Ticker Tape; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 30px; }
.spll div .splCont {height: auto; width: 300px; background:  url(http://savepic.net/1500023.jpg); padding: 5px; z-index: 1000; margin-top: 0px; border: 0px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

0

27

Код:
<table style="width: 100%;"> 
 <tr> 
 <td> 
  <div style="height: 200px; padding-left:15px"><div style="overflow: scroll; overflow-x: hidden;">текст1</div> </div> 
</td> 
<td> 
  <div style="height: 200px;  padding-left:15px"><div style="overflow: scroll; overflow-x: hidden;">текст2</div> </div> 
</td> 
<td> 
  <div style="height: 200px;  padding-left:15px"><div style="overflow: scroll; overflow-x: hidden;">текст3</div> </div> 
</td>
</tr> 
 </table>

0

28

Код:
<style> 
div .splLink {width: 130px; height: 40px; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px;  font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
Код:
<center><table style="width:826px; height: 226px; background: url(http://i081.radikal.ru/1106/86/bd1584972a46.jpg);">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Четвёртый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center>

0

29

Код:
<style> 
div .splLink {width: 130px; height: 40px; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px;  font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
Код:
<center><table style="width:826px; height: 226px; background: url(http://s008.radikal.ru/i306/1106/00/189100cd0335.png);">
<tr>
<td valign="top"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i036.radikal.ru/1106/f1/b686dd59f409.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td></td>
<td valign="top"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i038.radikal.ru/1106/c5/a3da75823aa5.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td></tr>
<tr valign="bottom">
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s001.radikal.ru/i196/1106/da/698b1689cf84.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i050.radikal.ru/1106/8f/c3c213eb9781.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s007.radikal.ru/i301/1106/d5/95ad2ea90919.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center>

0

30

Saku

хтмл верх
Код:
<style>
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 467px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 0px dotted #000000;
    border-bottom: 0px dotted #000000;
        border-right: 0px dotted #000000;
        border-left: 0px dotted #000000;
    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: 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: 540px;
    height: 450px;
    background-image : url(http://s008.radikal.ru/i304/1106/e0/b60c796e4541.png);
  
background-color: #FFFFFF;  
    border-bottom: 0px 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;
position: relative;
    top: 185px; 
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>
хтмл низ
Код:
<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>
объявление
Код:
<div class="container">
    <div class="html-box">

<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">
<table style="height:240px; width:300px;"><tr>
<td valign="bottom"><div style="padding-left:125px; width:200px;"><div style="overflow: scroll; overflow-x: hidden; height: 190px;">
текст1
</div></div>
</td></tr></table>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<table style="height:240px; width:300px;"><tr>
<td valign="bottom"><div style="padding-left:125px; width:200px;"><div style="overflow: scroll; overflow-x: hidden; height: 190px;">
текст2
</div></div>
</td></tr></table>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<table style="height:240px; width:300px;"><tr>
<td valign="bottom"><div style="padding-left:125px; width:200px;"><div style="overflow: scroll; overflow-x: hidden; height: 190px;">
текст3
</div></div>
</td></tr></table>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<table style="height:240px; width:300px;"><tr>
<td valign="bottom"><div style="padding-left:125px; width:200px;"><div style="overflow: scroll; overflow-x: hidden; height: 190px;">
текст4
</div></div>
</td></tr></table>
</div>

      </div>
    </div>
</div>

0


Вы здесь » Тестовик » Тестовый форум » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно