Оформление ссылок в таблице

Мыльный шар

Код:

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#832480;
color: #dcd3dc; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #dcd3dc;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #832480; 
background-color:#dcd3dc;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #832480;
border-left-width: 5px;
width:200px;
}

это вставлять в конец второго окна

Код:

<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">каждый </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">охотник</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">желает</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">знать</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">где </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">сидит</a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">фазан</a>

туда куда нужно

Rush
Большое спасибо.
Не могли бы вы пояснить, как это использовать в таблице?

верх

Код:

<style>
/* -------- стиль таблицы в объявлении -------- */
#menu {
  height: 18px;
  margin: 0px;
  }

#menu span {
  padding: 2px;
  margin: 0px 3px;
  width: 100px;
  font: 14px 'times new roman', serif;
  color: #4c2520;
  }

#menu .tabactive {
  color: #000;
  }

#submenu {
  padding: 5px;
  width: 695px;
  height: 240px;
  border: 1px solid black;

  -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
     -moz-border-radius: 10px;
       -o-border-radius: 10px;
          border-radius: 10px;
  }

.submenutext {
  display: none;
  text-align: center;
  height: auto;
  }

#submenu table td {text-align: justify; vertical-align: top;}

#submenu h3 {
  text-align: center;
  font: bold 14px 'times new roman', serif;
  margin: 0px 0px 10px 0px;
  }

.nav {
  width: 200px;
  }

.nav a {
  display: block;
  color: #000;
  background-color: #d5d6d6;
  text-align: left;
  width: 194px;
  padding: 3px;
  margin-top: 5px;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal!important;
  font-style: normal!important;
  }

.nav a:hover {
  background-color: #fff;
  text-decoration: none;
  }

.ams_fr img {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 8px;
  border: none;
  }

.play_g img {
  width: 50px;
  height: 50px;
  border: none;
  margin: 0 3px 6px 3px;
  }
</style>

объявление

Код:

<!-- Сама таблица -->
<center><table style="width: 100%;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="left">
    <div id="menu">
<!-- Кнопачки -->
<span alt="#sm1" style="cursor: pointer; margin-left: 80px;">welcome</span>
<span alt="#sm2" style="cursor: pointer;">новости</span>
<span alt="#sm3" style="cursor: pointer;">навигация</span>
<span alt="#sm4" style="cursor: pointer;">администрация</span>
<span alt="#sm5" style="cursor: pointer;">партнеры</span>
<span alt="#sm6" style="cursor: pointer;">доска почёта</span>
<!-- Конец кнопок -->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr style="height: 80%;">
<td style="width: 60%;">

<h3>welcome!</h3>

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

</td>
<td style="width: 40%;">

<h3>Акции</h3>

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
<a href="link5">Ссылка 5</a>
</div></center>

</td>
</tr>
<tr style="height: 20%;">
<td>

<h3>Важно!</h3>

text text text text text text text text text text text text text text text

</td>
<td style="text-align: center;">

text text text text

</td>
</tr>
</table>

<!-- Конец контента -->
</div>

     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr>
<td style="width: 45%;" rowspan="2">

<h3>Новости New!</h3>

<div style="padding-right: 5px; height: 200px; overflow-y: scroll;">

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

</div>
</td>
<td style="width: 65%; height: 160px;">

<h3>В игре</h3>

text text text text text text text text text text text text text text

text text text text text text text text text text text text text text

text text text text text text text text text text text text text text
<br/>
<strong>погода и время</strong>
<br/>
<b>время и дата:</b> text text text text text text text
<br/>
<b>погода:</b> text text text text text text text text text text text text text
               text text text text text text text text text text text text text

</td>
</tr>
<tr>
<td style="height: 80px;">

<h3>Дополнительно</h3>

text text text text text text text text text text text text text text

text text text text text text text text text text text text text text

text text text text text text text text text text text text text text

</td>
</tr>
</table>

<!-- Конец контента -->
</div>

     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr>
<td style="width: 33%;">

<h3>гостям</h3>

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
<a href="link5">Ссылка 5</a>
<a href="link6">Ссылка 6</a>
<a href="link7">Ссылка 7</a>
<a href="link8">Ссылка 8</a>
</div></center>

</td>
<td style="width: 33%;">

<h3>участникам</h3>

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
<a href="link5">Ссылка 5</a>
<a href="link6">Ссылка 6</a>
<a href="link7">Ссылка 7</a>
<a href="link8">Ссылка 8</a>
</div></center>

</td>
<td style="width: 33%;">

<h3>реклама</h3>

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
<a href="link5">Ссылка 5</a>
<a href="link6">Ссылка 6</a>
</div></center>

</td>
</tr>
</table>

<!-- Конец контента -->
</div>

     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>admin</h3>

<div class="ams_fr" style="padding-right: 5px; height: 200px; overflow-y: scroll;">

<img src="link1"/>

<a href="link1">nikname 1</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link2"/>

<a href="link2">nikname 2</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link3"/>

<a href="link3">nikname 3</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link4"/>

<a href="link4">nikname 4</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

</div>

</td>
<td style="width: 50%;">

<h3>moder</h3>

<div class="ams_fr" style="padding-right: 5px; height: 200px; overflow-y: scroll;">

<img src="link5"/>

<a href="link5">nikname 5</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link6"/>

<a href="link6">nikname 6</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link7"/>

<a href="link7">nikname 7</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link8"/>

<a href="link8">nikname 8</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

</div>

</td>
</tr>
</table>

<!-- Конец контента -->
</div>

     <div id="sm5" class="submenutext">
<!-- Контент пятой вкладки -->

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr style="height: 180px;">
<td style="width: 50%; text-align: center;">

<h3>партнеры форума</h3>

<div style="padding-right: 5px; height: 140px; overflow-y: auto;">

<a href='http://wizardtop.ru/in.php?id=1774' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/3.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a href="http://toponline.msk.ru/"><img src="http://toponline.msk.ru/button.php?u=MrDiva" alt="TopOnline - Рейтинг ролевых игр" border="0"/></a> 
<a href="http://anime-club.info/top100/rate?site_id=11424" target="_blank"><IMG src="http://anime-club.info/top100/img/logo.gif?" border="0" alt="http://anime-club.info/top100/"></a>
<a href="http://forum-top.ru/vote/1353" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru"/></a>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=16051' target='_blank'> 
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=16051&cid=10_2.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=16051&cid=10_2.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript></a>
<a href="http://top.roleplay.ru/18561" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

</div>
</td>
<td style="width: 50%;">

<h3>реклама</h3>

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
</div></center>

</td>
</tr>
<tr style="height: 60px;">
<td colspan="2">

text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text

</td>
</tr>
</table>

<!-- Конец контента -->
</div>
     <div id="sm6" class="submenutext">
<!-- Контент шестой вкладки -->

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr style="height: 200px;">
<td style="width: 33%; text-align: center;">

<h3>лучшие игроки</h3>

<div class="play_g">
<img src="link1"/>
<img src="link2"/>
<img src="link3"/>
<img src="link4"/>
<img src="link5"/>
<img src="link6"/>
</div>

</td>
<td style="width: 33%; text-align: center; vertical-align: bottom;">

<h3>5 вечеров с</h3>

<img style="width: 100px; height: 100px;" src="link"/>

</td>
<td style="width: 33%; text-align: center;">

<h3>активисты</h3>

<div class="play_g">
<img src="link1"/>
<img src="link2"/>
<img src="link3"/>
<img src="link4"/>
<img src="link5"/>
<img src="link6"/>
</div>

</td>
</tr>
<tr style="height: 40px;">
<td colspan="3">

<h3><a href="link">Лучший пост</a></h3>

</td>
</tr>
</table>

<!-- Конец контента -->
</div>
   </td>
</tr>
 </tbody>
</table></center>
<!-- Конец таблицы -->

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

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

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

Объявление

☀️ WAFFLE - Самый яркий форум!

❤️ Поддержи проект! Стань модератором!

💰 Мгновенные уведомления от Alex_63 для MyBB.ru

💌 Акция! Подписка, лайк, коммент, репост!

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

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

Оформление ссылок в таблице

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

Поделиться114.04.13 12:47

Поделиться214.04.13 13:52

Поделиться315.04.13 15:32

Поделиться415.04.13 15:50

Поделиться515.04.13 16:06

Поделиться616.04.13 16:45