Добрай день, я бы очень хотела у вас узнать код, на прокрутку в навигации как вот на этом форуме http://slitherin.potterforum.ru/ (В НАВИГАЦИИ)
ЗАРАНЕЕ СПАСИБО)))
Прокрутка в навигации
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться2Вс, 14 Окт 2012 17:45:09
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7416
- Уважение: +5938
- Позитив: +6543
- Пол: Мужской
- Последний визит:
Вчера 23:31:29
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)
Страница: 1