Единый форум поддержки

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

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

Вы здесь » Единый форум поддержки » Корзина » Прокрутка в навигации

Прокрутка в навигации

Страница: 1

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

1

  • Автор: Uky1311
  • Заслуженный
  • Зарегистрирован: Сб, 29 Сен 2012
  • Сообщений: 12
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Чт, 1 Ноя 2012 10:42:10

Добрай день, я бы очень хотела у вас узнать код, на прокрутку в навигации как вот на этом форуме http://slitherin.potterforum.ru/ (В НАВИГАЦИИ)

ЗАРАНЕЕ СПАСИБО)))

0

2

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7523
  • Уважение: +6083
  • Позитив: +6640
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:12:21
Uky1311 написал(а):

Добрай день, я бы очень хотела у вас узнать код, на прокрутку в навигации как вот на этом форуме http://slitherin.potterforum.ru/ (В НАВИГАЦИИ)

К примеру так:

Код:
<style>
.Scroll_Div {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 10px 0px 14px;
  margin: 0px 0px 0px 0px;
}
</style>
<table>
 <tbody>
  <tr>
    <td width="29%">
<div align="center">Картинка в формате: <img src="ссылка" title="Название"> Или название</div>
<div class="Scroll_Div" align="left" style="height:170px;">


<div style="border: 2px dotted gray; padding: 10px">
<div style="text-align: center;">
<span style="font-size: small; color: green"><b>Название A:</b></span>
</div>
<br>

<a style="font-size:8pt" rel="nofollow" href="Ссылка1">Название1</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка2">Название2</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка3">Название3</a>
</div>
<br>


<div style="border: 2px dotted gray; padding: 10px">
<div style="text-align: center;">
<span style="font-size: small; color: green"><b>Навзвание Б</b></span>
</div>
<br>

<a style="font-size:8pt" rel="nofollow" href="Ссылка1">Название1</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка2">Название2</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка3">Название3</a>
</div>
<br>

<div style="border: 2px dotted gray; padding: 10px">
<div style="text-align: center;">
<span style="font-size: small; color: green"><b>Навзвание В</b></span>
</div>
<br>

<a style="font-size:8pt" rel="nofollow" href="Ссылка1">Название1</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка2">Название2</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка3">Название3</a>
</div>
<br>


<div style="border: 2px dotted gray; padding: 10px">
<div style="text-align: center;">
<span style="font-size: small; color: green"><b>Навзвание Г</b></span>
</div>
<br>

<a style="font-size:8pt" rel="nofollow" href="Ссылка1">Название1</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка2">Название2</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка3">Название3</a>
</div>
<br>

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

Блоки вида:
<div style="border: 2px dotted gray; padding: 10px">
<div style="text-align: center;">
<span style="font-size: small; color: green"><b>Название A:</b></span>
</div>
<br>

<a style="font-size:8pt" rel="nofollow" href="Ссылка1">Название1</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка2">Название2</a>
<br>
<a style="font-size:8pt" rel="nofollow" href="Ссылка3">Название3</a>
</div>
<br>
можно создавать столько сколько необходимо, также как и ссылки типа: <a style="font-size:8pt" rel="nofollow" href="Ссылка1">Название1</a>
<br>
Последняя ссылка в блоке перед </div> идет без <br>.

Отредактировано kolobdur74 (Вс, 14 Окт 2012 17:47:56)

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Прокрутка в навигации