Кнопочки

Заголовок	Заголовок	Заголовок
Ваш текст, текст, текст, текст, текст	Ваш текст, текст, текст, текст, текст	Ваш текст, текст, текст, текст, текст

Заголовок	Заголовок	Заголовок
Ваш текст, текст, текст, текст, текст	Ваш текст, текст, текст, текст, текст	Ваш текст, текст, текст, текст, текст

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

Поделиться12015-09-08 12:46:09

Автор: тайна
Администратор
Зарегистрирован: 2015-09-07
Приглашений: 0
Сообщений: 17
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 59 минут
Последний визит:
2016-01-06 11:52:34

Поделиться22015-09-08 14:56:52

Автор: тайна
Администратор
Зарегистрирован: 2015-09-07
Приглашений: 0
Сообщений: 17
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 59 минут
Последний визит:
2016-01-06 11:52:34

html-верх

Код:

<!-- Стиль таблицы-->
<style>	
#menu {
margin-top: 7px;
width: 170px;
height: 60px;}

#submenu {
padding: 0px;
text-align: center;
font-size: 11px;
width: 670px;
height: 297px;}

.submenutext {
display: none;}
</style>

Объявление

Код:

<!-- Содержимое таблицы -->

<style> 
.submenutext { 
text-align: center; 
background: rgba(210, 204, 165, 0.4); 
position:absolute; 
width:100%; 
max-width: 670px; 
display: none;  
height: 297px!important; 
} 

</style> 

<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").css({"z-index":"-1;"}) 
  var activeDiv = $(this).attr("alt"); 
  $("div."+activeDiv).css({"z-index":"1"}) 
  $("td.#MenuTxT div.submenutext").hide(1200); 
  $("div."+activeDiv).show(2200); 
  return false; }); 
}); 
</script> 

<center><table style="width: 95%">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0016/97/d6/64791.png"/></span> 
<span alt=#sm2 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0016/97/d6/61030.png"/></span> 
<span alt=#sm3 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0016/97/d6/92565.png"/></span> 
<span alt=#sm4 "style="cursor: pointer;"><img src="https://forumstatic.ru/files/0016/97/d6/56506.png"/></span> 
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 

     <div id="sm1" class="submenutext" style="display:block;"><br/><br/>


<!-- Контент "Добро пожаловать"-->
<b>Добро пожаловать!</b> *Вступительная речь* <br>

<Table width="100%">
  <tr>
    <td><b>Лучший игрок:</b></td>
	<td><b>Лучший пост:</b></td>
  </tr>
  <tr>
    <td><b>*картинка*</b></td>
	<td><b>*ссылка*</b></td>
  </tr>
</table>

<b>Новости и объявления:</b> <br>
*Контент новостей и объявлений*
</div>

     <div id="sm2" class="submenutext"><br /><br />
текст навигация
</div>

     <div id="sm3" class="submenutext"><br /><br />
текст в игре
</div>

     <div id="sm4" class="submenutext"><br /><br />
<!-- Контент "конкурсы" -->
<table width="100%">
  <tr>
    <td>Конкурс1</td>
	<td rowspan="2">Конкурс4<br>
	*картинка/никнейм*</td>
  </tr>
  <tr>
    <td>Конкурс2</td>
  </tr>
  <tr>
    <td>Конкурс3</td>
	<td rowspan="1">Конкурс5<br>
	*картинка/никнейм*</td>
  </tr>
</table>
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

Поделиться32015-09-30 17:23:10

Автор: тайна
Администратор
Зарегистрирован: 2015-09-07
Приглашений: 0
Сообщений: 17
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 59 минут
Последний визит:
2016-01-06 11:52:34

Код:

<div style="height: 150px; width: 447px; top: 247px; margin-left: 315px;position:absolute;z-index: 100;overflow-y:auto">
<center><html>
<head>
<title>HTML код таблицы, примеры</title>
</head>
<body>
<table border="0">
<tr>
<td><center><h1 style="color: #d0d5cd">АДМИНИСТРАЦИЯ</h1>
<br>
 &nbsp &nbsp &nbsp<a href="адрес на профиль" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  &nbsp <a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a> &nbsp &nbsp &nbsp</center></td>
<td><center><h1 style="color: #d0d5cd">АКТИВИСТЫ</h1>
<br>
<a href="адрес на профиль" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  &nbsp <a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  &nbsp <a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  
<br><a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  &nbsp <a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a></center></td>
</tr>
</table> 
</body>
</html>/center>
</div>

Поделиться42015-09-30 20:18:52

Автор: тайна
Администратор
Зарегистрирован: 2015-09-07
Приглашений: 0
Сообщений: 17
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 59 минут
Последний визит:
2016-01-06 11:52:34

Код:

<br>
<br>
<center><table>
    <tr>
        <td rowspan="2"><center><table cellspacing="0"> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr>
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr>
 
</table></cwnter></td>
        <td><link href='http://fonts.googleapis.com/css?family=Lato|Geo' rel='stylesheet' type='text/css'>
<style type="text/css">
.raerae {position: relative;  width: 270px; height:  100px; background-color: transparent; font-family: 'Lato', sans-serif;   font-size: 10px; padding: 15px; overflow: auto;}
.ringd {width: 300px; height: 150px;}
.ringdd {width: 300px; height: 20px; border-top: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.rdingd {width: 300px; height: 20px; border-bottom: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.credsrdd { font-family: 'Geo', sans-serif; text-transform: uppercase; text-align: right; font-size: 8px; width: 408px;}
</style>
<p>
<div class="raerae">

Ваш текст, текст, текст, текст, текст

</div><p>
</center></td>
        <td><center><h1 style="color: #000000">АДМИНИСТРАЦИЯ</h1>
<br>
<a href="адрес на профиль" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  &nbsp <a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a></center>
<br>
<center><h1 style="color: #000000">АКТИВИСТЫ</h1>
<br>
<a href="адрес на профиль" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  &nbsp <a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  &nbsp <a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  &nbsp <a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a>  &nbsp <a href="адрес профиля" ><img src="https://forumstatic.ru/files/0016/97/d6/80080.png" ></a></center></td>
    </tr>
    <tr>
        <td><link href='http://fonts.googleapis.com/css?family=Lato|Geo' rel='stylesheet' type='text/css'>
<style type="text/css">
.raerae {position: relative;  width: 270px; height:  100px; background-color: transparent; font-family: 'Lato', sans-serif;   font-size: 10px; padding: 15px; overflow: auto;}
.ringd {width: 300px; height: 150px;}
.ringdd {width: 300px; height: 20px; border-top: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.rdingd {width: 300px; height: 20px; border-bottom: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.credsrdd { font-family: 'Geo', sans-serif; text-transform: uppercase; text-align: right; font-size: 8px; width: 408px;}
</style>
<p>
<div class="raerae">

Ваш текст, текст, текст, текст, текст 11111111, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст

</div><p>
</center></td>
        <td><link href='http://fonts.googleapis.com/css?family=Lato|Geo' rel='stylesheet' type='text/css'>
<style type="text/css">
.raerae {position: relative;  width: 270px; height:  100px; background-color: transparent; font-family: 'Lato', sans-serif;   font-size: 10px; padding: 15px; overflow: auto;}
.ringd {width: 300px; height: 150px;}
.ringdd {width: 300px; height: 20px; border-top: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.rdingd {width: 300px; height: 20px; border-bottom: 10px solid #4a407e; text-align: center; font-family: 'Geo', sans-serif; text-transform: uppercase; font-size: 12px;}
.credsrdd { font-family: 'Geo', sans-serif; text-transform: uppercase; text-align: right; font-size: 8px; width: 408px;}
</style>
<p>
<div class="raerae">

Ваш текст, текст, текст, текст, текст 22222

</div><p>
</center></td>
    </tr>
</table></center>

art

Меню навигации

Пользовательские ссылки

Объявление

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

Кнопочки

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

Поделиться12015-09-08 12:46:09

Поделиться22015-09-08 14:56:52

Поделиться32015-09-30 17:23:10

Поделиться42015-09-30 20:18:52