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

Объявление

☕ Неделя графического дизайна с ocean

Дата: 8 - 14 декабря
Тема: Графический дизайн: тренды, инструменты, креативные подходы
наша прекрасная Ocean готова ответить на любые вопросы, что не противоречат законам РФ

Задать вопрос

🎄 РАСПАКОВКА ТАЛАНТОВ: БОНУСЫ ЗА ОТЗЫВЫ

До 31 декабря обмениваемся отзывами и комментариями о работах друг друга,
делимся советами и рекомендациями. Вдохновляйтесь и вдохновляйте!

Принять участие

❄️ САМЫЙ СНЕЖНЫЙ ФОРУМ: КОНКУРС ДИЗАЙНОВ

Показывайте зимние и новогодние дизайны ваших проектов
И да победит самый снежный!)

Принять участие

📩 ИНТЕРНЕТ-ВОССТАНИЕ 2.0: ПИСЬМО ДЕДУШКЕ МОРОЗУ

Пишите письма деду Морозу и по желанию выступайте в роли помощника деда Мороза
Почта открыта до конца декабря.

Написать письмо

🔥 Новинка в портфолио: Скрипт фильтров и поиска контента

Фильтры для сортировки и поиска контента, работают на любой платформе
Стоимость: бесплатно
Автор: Emerael

Забрать код

💰 Продаётся: функционал, упрощающий жизнь админу форума

• Ивент-календарь, вкладки и слайдеры в постах облегчат оформление и информирование игроков о событиях на форуме.
• Скрипт подсчёта постов за вас посчитает активистов и тех кто не пишет посты в указанных разделах и за указанный период времени.
• Чат на отдельной странице на форуме, без регистрации, используются форумные аккаунты.

Как купить

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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

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

Страница: 1
Тема закрыта

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

1

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

0

2

  • Автор: Rush
  • Бестелесный дух прошлого
  • Rush
  • Уважение: +798

Мыльный шар

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

  • Автор: Rush
  • Бестелесный дух прошлого
  • Rush
  • Уважение: +798

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

0

5

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

0

6

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

0

Тема закрыта
Страница: 1