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

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

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


Вы здесь » Единый форум поддержки » Архив » Таблица(типо слайд)


Таблица(типо слайд)

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

1

И снова Здравствуйте))) Итак, у мну вопрос, можно ли в таблице замутить слайдер? Всего один перелист нужен! Вот сайт Ссылка на сайт

1-й слайд

http://s6.uploads.ru/t/u7z4f.png

2-й слайд

http://s7.uploads.ru/t/sHmRb.png

0

2

badangelz
А вы умелый художник.
Не могли бы вы перерисовать контент второго слайда?

0

3

ахахах) извиняюсь) вот:

http://s6.uploads.ru/t/oDPzv.png

0

4

badangelz
Кнопки есть или сами поставите?

0

5

сам поставлю)

0

6

badangelz
Так пойдет? http://pre.mybb.ru/

0

7

ага)) именно это) Только вот вместо слова "Новости" Картинку можно?

0

8

А код можно теперь?))))))

0

9

badangelz
В Html-верх:

<style type="text/css">
#rightControl {
  background:transparent url(Ссылка на указатель перелистывающий слайдер врпаво) no-repeat 0 0;
}
#leftControl {
  background:transparent url(Ссылка на указатель перелистывающий слайдер влево) no-repeat 0 0;
}
</style>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0012/e8/7a/15887.css" />

В Html-низ:

Код:
<script type="text/javascript" src="http://forumstatic.ru/files/0012/e8/7a/14622.js"></script>

Замените полностью ваше объявление на это:

<div id="slideshow"><div id="slidesContainer">
<div class="slide"><!-- Первый слайд (начало) --!>
<table cellspacing="1" cellpadding="1" border="0" style="width: 90%;">
<tbody><tr>
    <td align="center" valign="top" style="width: 50%!important;">
<!--- Левая колонка  --->
<div align="right" style="text-align: left; width: 100%; font-size: 15px; margin-top: 5px; margin-bottom: 5px;">
<strong>Добро пожаловать!</strong><br>
Добро пожаловать на ролевую игру по наруто Naruto new: To each his own! Это пробный текст, приветствие, бла бла бла!<br>
</div>
<div align="center" style="width: 100%; padding: 5px;" class="proz">
<img src="адрес картинки левая колонка" alt="" width="40" height="40" border="0" style="padding-right: 5px;">
<img src="адрес картинки левая колонка" alt="" width="40" height="40" border="0" style="padding-right: 5px;">
<img src="адрес картинки левая колонка" alt="" width="40" height="40" border="0" style="padding-right: 5px;">
<img src="адрес картинки левая колонка" alt="" width="40" height="40" border="0" style="padding-right: 5px;">
<img src="адрес картинки левая колонка" alt="" width="40" height="40" border="0" style="padding-right: 5px;">
</div>
<div align="center" style="width: 100%; padding: 8px; margin-top: 5px; margin-bottom: 5px;">
<a href="адрес ссылки">Описание ссылки</a> ¦¦
<a href="адрес ссылки">Описание ссылки</a> ¦¦
<a href="адрес ссылки">Описание ссылки</a> ¦¦
<a href="адрес ссылки">Описание ссылки</a> ¦¦
<a href="адрес ссылки">Описание ссылки</a> ¦¦
<a href="адрес ссылки">Описание ссылки</a> ¦¦
<a href="адрес ссылки">Описание ссылки</a> ¦¦
</div>
<!--- END Левая колонка  --->
</td>
    <td align="center" valign="top" style="width: 50%;">
<!--- правая колонка --->
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; margin-top: 3px;" id="tablet">
<tbody><tr>
    <td align="center" style="width: 50%;">
<img src="http://i065.radikal.ru/1312/b3/08c95c0b8573.png" alt="Большая картинка" border="0">
</td>
    <td align="center" style="width: 50%; text-align: center;">
<strong>Лучшие игроки недели</strong><br>

<div align="center" class="mou"><a href="адрес ссылки" onmouseover="part1ON()" onmouseout="part1OFF()"><img src="адрес картинки правая колонка" alt="" width="40" height="40" border="0" style="padding-right: 15px; padding-top: 5px;"></a>
<div id="part1" onmouseover="part1ON()" onmouseout="part1OFF()" style="visibility: hidden;">
Здесь всплывающее описание картинки 1
</div></div>
<div align="center" class="mou"><a href="адрес ссылки" onmouseover="part2ON()" onmouseout="part2OFF()"><img src="адрес картинки правая колонка" alt="" width="40" height="40" border="0" style="padding-right: 15px; padding-top: 5px;"></a>
<div id="part2" onmouseover="part2ON()" onmouseout="part2OFF()" style="visibility: hidden;">
Здесь всплывающее описание картинки 2
</div></div>
<div align="center" class="mou"><a href="адрес ссылки" onmouseover="part3ON()" onmouseout="part3OFF()"><img src="адрес картинки правая колонка" alt="" width="40" height="40" border="0" style="padding-right: 15px; padding-top: 5px;"></a>
<div id="part3" onmouseover="part3ON()" onmouseout="part3OFF()" style="visibility: hidden;">
Здесь всплывающее описание картинки 3
</div></div>
<br>
<div align="center" class="mou" style="margin-left: 28px;"><a href="адрес ссылки" onmouseover="part4ON()" onmouseout="part4OFF()"><img src="адрес картинки правая колонка" alt="" width="40" height="40" border="0" style="padding-right: 15px; padding-top: 5px;"></a>
<div id="part4" onmouseover="part4ON()" onmouseout="part4OFF()">
Здесь всплывающее описание картинки 4
</div></div>
<div align="center" class="mou"><a href="адрес ссылки" onmouseover="part5ON()" onmouseout="part5OFF()"><img src="адрес картинки правая колонка" alt="" width="40" height="40" border="0" style="padding-right: 15px; padding-top: 5px;"></a>
<div id="part5" onmouseover="part5ON()" onmouseout="part5OFF()" style="visibility: hidden;">
Здесь всплывающее описание картинки 5
</div></div>

</td>
</tr>
</tbody></table>
<div align="right" style="text-align: right; width: 100%; font-size: 12px; margin-top: 5px; margin-bottom: 5px;">
А здесь походу будут новости и всякая [пренебрежительное описание]! Шрифт временный
</div>
<!---  END правая колонка --->
</td>
</tr>
</tbody></table>
<!-- Первый слайд (конец) --!></div>
<div class="slide"><!-- Второй слайд (начало) --!>
<table cellspacing="1" cellpadding="1" border="0" style="width: 100%;">
<tr><td align="center"><img src="Ссылка на картинку новостей"><br>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </td></td>
</table>
<!-- Второй слайд (Конец) --!></div>
</div></div>

0

10

Спасибо огромное!)))

0

11

УПс! Ссылка

Что то пошло не так))

0

12

badangelz
А зачем же вы заменили полностью хтмл верх и низ, я вписал, что заменить нужно только объявление.

+1

13

Блин! А можно назад как нибудь вернуть?

0

14

badangelz
Где вы брали стиль и скрипт всплывающих подсказок?

0

15

а все, спасибо) исправил)

0


Вы здесь » Единый форум поддержки » Архив » Таблица(типо слайд)