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

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

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


Вы здесь » Единый форум поддержки » Корзина » Как вместо текста на выпадающих кнопках..


Как вместо текста на выпадающих кнопках..

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

1

Как вместо текста в таблице (обьявлении) на выпадающих кнопках поставить картинки?

Мой форум http://avataruniverse.rolka.su/

P.S. извиняюсь, если тема уже была, не нашла.

Отредактировано Aira (Вс, 11 Дек 2011 21:53:40)

0

2

Aira
попробуйте вместо названий пунктов меню вставить

Код:
<img src="адрес картинки">

то есть там, где у вас <div class="splLink">Admins</div> вместо Admins тот код, что я вам дала.

0

3

MidNight666
ага попробую

0

4

MidNight666
я поставила, но осталась рамка от кнопки, как ее убрать?

0

5

Aira
там, где у вас стоит скрипт, после подсказки /* Стиль всплывающего меню */
вместо строки .splLink {width: 70%; height: 25px; text-align: center; font-size: 15px; padding: 10px; border: 1px solid #B9B7FE; none;} поставьте это:

Код:
.splLink {width: 70%; height: 25px; text-align: center; font-size: 15px; padding: 10px; border: 0px; none;}

Отредактировано MidNight666 (Вс, 11 Дек 2011 22:14:10)

+1

6

MidNight666
большое спасибо

0

7

MidNight666
ловите плюсик

0

8

Aira
обращайтесь) чем смогу - тем помогу)

0

9

MidNight666
Стоп, они перестали быть кликабельными

Отредактировано Aira (Вс, 11 Дек 2011 22:18:58)

0

10

Aira
я сейчас на вашем форуме, но не вижу изменений (не убраны границы - пункты кликабельны).

0

11

MidNight666
секунду...

0

12

MidNight666

давайте я сделаю так, я кидаю код обьявления, а вы мне его подправите, так будет проще, потому что я скорее  всего не туда вставляю.

Код:
<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tbody>
<tr>
	<td align="center">
<!-- Вложенная таблица кнопок меню по клику -->

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td width="25%" align="center">
<DIV><div class=splLink><img src="http://xmages.net/storage/10/1/0/3/9/upload/25ceb7cc.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<br>
<strong>Администраторы:


<br>• Azula- главная админка  <br/>
<br>• Катара- заместитель главного админа<br/>

<strong>Модераторы:
• Буми- проверка грамматики
• Lau - помощь в составлении квестов и сюжета.

<br>(идет набор)<br/>



<br><br>
</DIV></DIV>
</td><td width="25%" align="center">
<DIV><div class=splLink>Links</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<br><a  href="http://avataruniverse.rolka.su/viewtopic.php?id=112#p417">●<b><u>Сюжет</u></b></a><br/>

<br><a  href="http://avataruniverse.rolka.su/viewtopic.php?id=116#p424">●<b><u>Список ролей</b></u></a><br/>

<br><a  href="http://avataruniverse.rolka.su/viewtopic.php?id=7">●<b><u> Правила</u></b></a><br/>


<br><a  href="http://avataruniverse.rolka.su/viewtopic.php?id=21">●<b><u>Уход или отсутствие</u></b></a><br/>

<br><a  href="http://avataruniverse.rolka.su/viewtopic.php?id=2#p2"><b><u>● Шаблон анкеты неканона</u></b></a><br/>

</DIV></DIV>
</td><td width="25%" align="center">
<DIV><div class=splLink>Game</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<br>6 декабря. Время реальное (по Москве)<br/>
Погода: <br/>
Царство Земли: солнечно, ясно, температура- + 25, без осадков в последующие дни.<br/>
Нация Огня: облачно, мелкий дождь, температура - +11<br/>
Южный полюс: облачно, без осадков, температура -31<br/>
Северный полюс: облачно, снег, температура -35<br/>

</DIV></DIV>
</td><td width="25%" align="center">
<DIV><div class=splLink>PR</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Реклама на форуме строго взаимная, </br><br>подробности в <a  href="http://avataruniverse.rolka.su/viewtopic.php?id=112#p417"><b><u>правилах рекламы</u></b></a><br/>
<br><b>Вход для реламы:</b></br>
<br>Логин: <b>PR</b></br>
<br>Пароль: <b>1111</b></br>

</DIV></DIV>
</td></tr></table>
<!-- Конец вложенной таблицы кнопок меню по клику -->
	</td></tr>
<tr><td align="center">
<!-- Вложенная таблица картинки и блока с прокруткой -->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td align="center" style="width: 70%;">
<img src="http://s48.radikal.ru/i121/1110/e8/8429886a6b33.jpg" width="404" height="275" border="0" usemap="#Aira" />
<map name="Aira" id="Aira">
  <area shape="rect" coords="59,41,106,90" href="http://avataruniverse.rolka.su/viewforum.php?id=8" alt="Племя воды" />
  <area shape="rect" coords="304,42,350,89" href="http://avataruniverse.rolka.su/viewforum.php?id=9" alt="Племя земли" />
  <area shape="rect" coords="300,182,351,232" href="http://avataruniverse.rolka.su/viewforum.php?id=10" alt="Племя воздуха" />
  <area shape="rect" coords="58,182,107,231" href="http://avataruniverse.rolka.su/viewforum.php?id=7" alt="Племя огня" />
	</td>
	<td align="center" style="height: 344px;">



<div style="border:1px solid #B9B7FE; none; padding: 2px; height: 97%; overflow: auto; overflow-x: hidden; width: 94%;" class="prokrut">
<a target="_blank" href="http://avataruniverse.rolka.su/viewforum.php?id=46"><img src="http://s017.radikal.ru/i441/1112/fb/98ebd05de3ea.png" ></a>
<br><b>11.12.11</b></br>
Продолжение сюжета написано.</br>
Работа продолжается, колонка будет обновляться в течении дня.
Обновлено сообщение рекламы.
<br><b>10.12.11</b></br>
Итак, с сегодняшнего дня лично я берусь за составление квестов и продолжению написания сюжета. </br>
Форум НЕ забрасывается ! </br>
Не уходим, игра в самом разгаре.  </br>
Сеогдня будет написано продолжение сюжета, а также части 1,2,3 квеста № 2. </br>
Всем приятной игры, ваша админка Азула  </br>

<br><b>05.12.11</b></br>
Каюсь, колонку не вела долго. </br>
Закончился ноябрь и каждому админу и модеру пора писать отчет о проделанной за месяц работе конкретно им. Подоробности <a  href="http://avataruniverse.rolka.su/viewtopic.php?id=194#p2143"><b><u>ТУТ</u></b></a><br/>
Создана жизненно важная тема "Книга жалоб" для жалоб на нерадивых админов и модеров.<br/>
Месяц декабрь посвящен самой ролевой игре, все технические работы официально объявляются оконченными!<br/>
Для игры нам нужны: Зуко, Тай-Ли, Мей персонажи из акции №2


<br><b>25.11.11</b></br>
Ув. учасники форума, к нам присоединилось очень много новых игроков, нас уже 35! </br>
Многие уже написали анкеты, и начали общение на форуме, некоторые, увы неактивны. </br>
Важное объявление: срочно ищем помощника по написанию квестов, так как наш Лау, перестал нас посещать, что очень печально.</br>
Прошу у вас прощения, за мое непосещение форума, это связано с нагрузкой в учебе.</br>
</br><b>С уважением, ваша админка Азула.</b>


<br><b>19.11.11</b></br>
Итак, дорогие друзья, наши ряды густеют! Сегодня к нам прибыли два новых игрока- Сокка и Зуко, прошу любить и жаловать. </br>
Квесты в разработке... Прошу заметить, что большая часть первого квеста отыграна, остались пейринги- Сокка-Суюки,  Суюки- Тай-ли, Аанг-Зуко. Некоторые из них нет возможности отыграть, из-за нехватки персонажей, одиночные квесты будут отыгрываться вами в пробных постах, квесты с персонажами третьего плана будут отыгрываться с безанкетными персонажами, созданными администраторами (фейки)  </br>
Для отыгрывания следующих частей срочно нужны: <b> Аанг, Тоф, Тай-Ли Мей.</b></br>
P.S. нас уже 30 !!!</br>
С уважением, ваша админочка <b>Azula</b> </br>



<br><b>18.11.11</b></br>
Поздравляем Лау с прийнятием на форум.</br>
Сегодня мы почти отыграли вторую часть первого квеста, читаем, оставляем ваше мнение.</br> Для отыгрывания следующих частей по преженму срочно нужны: <b>Сокка, Зуко, Аанг.</br></b> Также нужны: <b>Тоф, Мей.</b></br>
Все еще в разработке Акция №2 "революция все ближе...".

<br><b>17.11.11</b></br>
Новостей очень много! Но все по-порядку. </br>
Для начала поприветствуем новых игроков:<b> Джет, Lau.</b> И поздравляем Lau с полученим должности модера, его обязанность- помощь в составлении квестов и сюжета.</br>
Скоро будет разработано продолжение нашего сюжета, где Азула сбегает из тюрьмы с помощью оппозиции и своего НОВОГО ВОЗЛЮЛЕННОГО. Кто, этот м.ч. пока что останется секретом, но думаю вы и так догадались.</br>
Однако, наш квест №1 отыгран не до конца, 2 и 3 части в разработке,  отыграем завтра-послезавтра.</br>
Для отыграния следующих частей первого кветса нам нужны люди на роли: <b>Сокка, Зуко, Аанг. </b>Так что, по возможности приглашаем друзей фанов Аватара на эти роли.</br>
С уважением, ваша админочка <b>Azula</b> </br>

<br><b>15.11.11</b></br>
<br>Сегодня официально ОТКРЫВАЕТСЯ ролевая! </br>
Поздравляю всех с этим знаменательным событием.
Сегодня (или завтра, по вашим возможностям) отыгрываем 1 часть квеста №1. Учасники: Катара, Паку.
<br>Также у нас пополнние в администрации:</br> Катара- замесититель главного админа, </br>
Буми- модератор (проверка граматики). </br>
Прошу любить и жаловать.
<br>
С уважением, ваша админочка Azula </br>

<br><b>14.11.11</b></br>

Поздравляю Катару и Суюки с написанием анкет. 
Сейчас нам срочно требуются роли: Зуко, Сокка, Тоф, Аанг. Также требуются помощники по написанию квестов, модеры-пиарщики.
<br>
С уважением, ваша админочка Azula </br>


<br><b>13.11.11</b></br>
Приветствуем новых учасников -<b> Буми, Суюки.</b> Также к нам вернулась<b> ~КаТаРа~</b></br>
Хорошая новость: сегодня мы установили рекорд по одновременному количеству активных гостей - 6</br>
</br>
Не бойтесь и регистрируйтесь, мы вас очень очень ждем ! :)
<br>
С уважением, ваша админочка Azula </br>

<br><b>12.11.11</b></br>
Да, я извеняюсь за то, что не вела колонку... Каюсь, хотела бросить форум! Но не тут то было! Я не опущу руки и буду продолжать активно искать игроков!
Ролей не убавилось, так что у вас есть все шансы занять любимого персонажа
<br><a  href="http://avataruniverse.rolka.su/viewtopic.php?id=116#p424"><b><u>Список ролей</b></u></a><br/>
С уважением, ваша админочка Azula<br/>

<b>27.10.11</b></br>
Форум готов к работе, осталось сделать небольшой косметический ремонт :) "Приобрести" необходимые скрипты и дополнения к стилю форума. 
Начинаю проводить активную рекламу. 
Наполнение форума в разработке, основы готовы, остальное прибавиться по ходу игры, например дома, школы, различные особые места и т.п.
Итак ролей КУЧА регистрируемся и вперед творить историю!
<br>
<b>26.10.11</b></br>
Форум почти готов :) 
Тружусь в поте лица, как видете полностью готово объявление и раздел вход в мир, также готовы локации, обратите внимание на новую MAP карту в объявлении, кликайте на символ страны и попадайте в соответствующую тему.
<br>
С уважением, ваша админочка Azula </br>
<br>
<b>25.10.11</b></br>
<br>Форум на стадии возобновления, кто был с  нами "до" и хочет вернуться со своей бывшей ролью, восстанавливаем свои анкеты из архивов.</br>
<br>Для новичков: 
Свободных ролей тьма тьмущая, вперед пишем анки, пока форум реставрируется и обновляется у вас есть время довести анку до идеала :)
<br>
Дата открытия ролевой пока неизвеста, работы еще очень много, если есть желание помочь, пишем в личку Azule или в тему <a  href=" http://avataruniverse.rolka.su/viewtopic.php?id=8"><b><u>Вопросы и предложения</u></b></a></br>
<br>
С уважением, ваша админочка Azula </br>

</div>
	</td>
</tr>
</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>

<b>Ув. гости, если у вас возникли проблемы при входе на форум, пишите 
<a  href="http://avataruniverse.rolka.su/viewtopic.php?id=121"><b><u>СЮДА</b></u></a>
  в это теме мы можем помочь вам войти на форум.</b>

0

13

Aira
это не полный код. в этом нету стилей. поищите в html-верх и html-низ контейнер, который начинается с этого:
<style> /* Стиль всплывающего меню */

+1

14

MidNight666
<style> /* Стиль всплывающего меню */
.splLink {width: 70%; height: 25px; text-align: center; font-size: 15px; padding: 10px; border: 1px solid #B9B7FE; none;}
.splCont {height: auto; width: 260px; background: #CCCCCC; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: -45px; border: 2px solid #B9B7FE; font-size: 12px; text-align: center;}

вот

0

15

MidNight666
ага спс все поняла теперь сама)

0

16

Aira
это не всё. данный код заканчивается строкой:     -o-border-radius:8px;
}
</style>

в общем, вы нашли то, что нужно. теперь выделите этот код у себя на форуме

<style> /* Стиль всплывающего меню */
.splLink {width: 70%; height: 25px; text-align: center; font-size: 15px; padding: 10px; border: 1px solid #B9B7FE; none;}
.splCont {height: auto; width: 260px; background: #CCCCCC; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: -45px; border: 2px solid #B9B7FE; font-size: 12px; text-align: center;}

/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.su/470605.png");
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #424242;
    -webkit-box-shadow:0px 5px 14px #424242;
    -khtml-box-shadow:0px 5px 14px #424242;
    -moz-box-shadow:0px 5px 14px #424242;
    }
/* Конец Стиля всплывающего меню */
.prokrut, .splLink  {
    border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
</style>

и замените на этот:

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 70%; height: 25px; text-align: center; font-size: 15px; padding: 10px; border: 0px; none;}
.splCont {height: auto; width: 260px; background: #CCCCCC; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: -45px; border: 2px solid #B9B7FE; font-size: 12px; text-align: center;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.su/470605.png"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #424242;
    -webkit-box-shadow:0px 5px 14px #424242;
    -khtml-box-shadow:0px 5px 14px #424242;
    -moz-box-shadow:0px 5px 14px #424242;
    }
 /* Конец Стиля всплывающего меню */
.prokrut, .splLink  {
    border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
</style>

0

17

Aira
не увидела сообщение, что разобрались  :blush:

0

18

MidNight666

разобралась, разумеется, спс)
можете заглянуть посмотреть в готовом виде)

блиин... новая проблемма, видите картинка "баннерс" налезает на новости, как подвинуть?

0

19

Aira
сейчас посмотрим.

0

20

Aira

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 70%; text-align: center; font-size: 15px; padding-left: 10px; padding-right: 10px;  border: 0px; none;}
.splCont {height: auto; width: 260px; background: #CCCCCC; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: -45px; border: 2px solid #B9B7FE; font-size: 12px; text-align: center;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.su/470605.png"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #424242;
    -webkit-box-shadow:0px 5px 14px #424242;
    -khtml-box-shadow:0px 5px 14px #424242;
    -moz-box-shadow:0px 5px 14px #424242;
    }
 /* Конец Стиля всплывающего меню */
.prokrut, .splLink  {
    border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
</style>

0


Вы здесь » Единый форум поддержки » Корзина » Как вместо текста на выпадающих кнопках..