Помогите, пожалуйста!!

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

Поделиться1Чт, 28 Апр 2011 22:43:21

Автор: Шериан
Заслуженный
Зарегистрирован: Сб, 16 Апр 2011
Сообщений: 40
Уважение: 0
Позитив: 0
Последний визит:
Пт, 5 Апр 2013 23:30:07

Добрый вечер. Мне нужно вот в имеющийся код, который находится у меня в объявлении на форе, добавить вместо слов "Погода", "Администрация", "Время и Дата", "Навигация" и "Новости", эм...кнопки в виде картинок.
Вот ссылки на них:
http://imagepost.ru/images/1/51/1515_6.png
http://imagepost.ru/images/1/51/1515_7.png
http://imagepost.ru/images/1/51/1515_8.png
http://imagepost.ru/images/1/51/1515_9.png
http://imagepost.ru/images/1/51/1515_10.png

Код:

<style> /* Стиль всплывающего меню */
.splLink {width: 100%; height: 30px; border: 0px solid #8C7767; text-align: center; font-size: 15px;}
.splCont {height: auto; width: 150px; background: #AB9575; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #8C7767; text-align: center;}

</style>
<table width="100%" cellspacing="0" cellpadding="1" border="0"><tbody>
<tr><td width="55%" valign="top">

Приветствуем!

</td><td width="45%">

<!-- картинка -->
<img src="http://s011.radikal.ru/i317/1104/9a/e46d9953d17e.jpg" alt="" border="0" style="width: 100%;"></td>

</td></tr><tr><td colspan="2" width="100%">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tbody>
<tr><td width="20%" valign="top">
<DIV><div class=splLink>

Время и Дата

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

Содержимое Время и Дата

</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>

Погода

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

Содержимое Погода

</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>

Новости

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

Содержимое новостей

</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>

Администрация

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

<b>Создатель</b><br>
<a href="http://reilana.mybb.ru/profile.php?id=4"> Шериан</a><br>
<b>Мастера</b><br>
<a href="http://reilana.mybb.ru/profile.php?id=6"> Ди Иссар</a><br>
<a href="http://reilana.mybb.ru/profile.php?id=3">Эдель</a><br>
<a href="http://reilana.mybb.ru/profile.php?id=5]">Марек</a><br>
<b>Помощники Мастеров</b><br>
<a href="http://reilana.mybb.ru/profile.php?id=4">Повелитель мира</a><br>

</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>

Навигация

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>

</DIV></DIV></td></tr></tbody></table></td>
</tr></tbody></table>
<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

ссылка на наш форум - http://reilana.mybb.ru/
Заранее большое спасибо)

Поделиться2Чт, 28 Апр 2011 23:13:51

Автор: Le Soleil
Заслуженный
Зарегистрирован: Сб, 29 Сен 2007
Сообщений: 665
Уважение: +416
Позитив: +648
Пол: Женский
Последний визит:
Пн, 7 Янв 2019 18:22:45

Код:

<style> /* Стиль всплывающего меню */
.splLink {width: 100%; height: 30px; border: 0px solid #8C7767; text-align: center; font-size: 15px;}
.splCont {height: auto; width: 150px; background: #AB9575; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #8C7767; text-align: center;}

</style>
<table width="100%" cellspacing="0" cellpadding="1" border="0"><tbody>
<tr><td width="55%" valign="top">

Приветствуем!

</td><td width="45%">

<!-- картинка -->
<img src="http://s011.radikal.ru/i317/1104/9a/e46d9953d17e.jpg" alt="" border="0" style="width: 100%;"></td>

</td></tr><tr><td colspan="2" width="100%">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tbody>
<tr><td width="20%" valign="top">
<DIV><div class=splLink>

<img src="http://imagepost.ru/images/1/51/1515_8.png">

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

Содержимое Время и Дата

</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>

<img src="http://imagepost.ru/images/1/51/1515_6.png">

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

Содержимое Погода

</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>

<img src="http://imagepost.ru/images/1/51/1515_10.png">

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

Содержимое новостей

</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>

<img src="http://imagepost.ru/images/1/51/1515_7.png">

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

<b>Создатель</b><br>
<a href="http://reilana.mybb.ru/profile.php?id=4"> Шериан</a><br>
<b>Мастера</b><br>
<a href="http://reilana.mybb.ru/profile.php?id=6"> Ди Иссар</a><br>
<a href="http://reilana.mybb.ru/profile.php?id=3">Эдель</a><br>
<a href="http://reilana.mybb.ru/profile.php?id=5]">Марек</a><br>
<b>Помощники Мастеров</b><br>
<a href="http://reilana.mybb.ru/profile.php?id=4">Повелитель мира</a><br>

</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>

<img src="http://imagepost.ru/images/1/51/1515_9.png">

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>

</DIV></DIV></td></tr></tbody></table></td>
</tr></tbody></table>
<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

Поделиться3Пт, 29 Апр 2011 11:16:32

Автор: Шериан
Заслуженный
Зарегистрирован: Сб, 16 Апр 2011
Сообщений: 40
Уважение: 0
Позитив: 0
Последний визит:
Пт, 5 Апр 2013 23:30:07

А можно теперь кнопки как-то поднять выше?) А то они из объявления вылезают и смещаются.. оО и получается вот такое:

Поделиться4Пт, 29 Апр 2011 11:46:14

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11569
Последний визит:
Сегодня 09:20:17

Шериан написал(а):

А можно теперь кнопки как-то поднять выше?) А то они из объявления вылезают и смещаются.. оО и получается вот такое:

Впишите атрибут id в табличку (выделено красным

<table id=mytable width="100%" cellspacing="0" cellpadding="1" border="0"><tbody>

И сss cделайте отступ снизу (* Добавлена строка красным -цифру 100 - регулируете

<style> /* Стиль всплывающего меню */
.splLink {width: 100%; height: 30px; border: 0px solid #8C7767; text-align: center; font-size: 15px;}
.splCont {height: auto; width: 150px; background: #AB9575; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #8C7767; text-align: center;}
#mytable {padding-bottom:100px;}
</style>

Отредактировано Deff (Пт, 29 Апр 2011 11:46:34)

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

Меню навигации

Пользовательские ссылки

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