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

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

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

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

Предложения

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

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



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

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

1

Доброго времени, хотелось бы узнать, как оформлять ссылки в "контейнеры" как на этом форуме.

0

2

Мыльный шар

Код:
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>

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

0

3

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>
<!-- Конец таблицы -->

0

4

Мыльный шар
а куда вам надо эту навигацию поместить конкретно?

0

5

Rush
Тестовик - http://uragiriwabokunonamaetest.rusff.ru/
Хотелось бы увидеть таким оформление ссылок в вкладках welcome, навигация и партнеры.

0

6

Все, разобралась. Спасибо.

0