Форум поддержки пользователей ZeroParking

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

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


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Выпадающее меню для форума


Выпадающее меню для форума

Сообщений 31 страница 60 из 107

31

клиричка написал(а):

Должно быть ведь такое.

что-то я этого нигде не видел... и сомневаюсь что такое вообще есть...

0

32

А как сделать рамку черной ???

0

33

Рикардо,
ищите

border: 2px solid #FFD700;

Синее меняете на свой цвет.

0

34

Извините,а как поменять цвет блоков?

0

35

natalina

<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  #020000; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

то что выделенно

0

36

Доброе вермя суток. Собственно у меня такая проблема со скриптом. что мне надо сделать с кодом чтобы исправить ее?

0

37

А можно  поменять цвет текста?

0

38

Ау!!!! Кто-нибудь!!!! Ответьте!!!!

0

39

Здравствуйте!

Как сделать меню сбоку?
http://twinpix.nu/uploads/full/57391.png

0

40

Gwen-sama
дать ссылку на форум.
Lady_SmaiL

<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  #020000; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center; color: #цвет}
</style>

выделенное добавить.
Принцесса Сатти
Точно так же - только оно будет скрытой таблицей и выпадать в низ

0

41

простите...нужна помощь...поставила этот скрипт...но нажимаю на меню и все что всплывает быстро уползает((( помогите(((

0

42

Melani666 Скорее всего два скрипта спойлера стоит - чтобы точно знать причину - указывайте адрес форума

+1

43

Принцесса Сатти написал(а):

Как сделать меню сбоку?

вставьте между вторыми и далее тегами </td> <td>

дополнительные теги ></tr><tr>

И в стиле менню поправьте:

<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background:  #020000; padding: 5px; z-index: 1000;  border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center; color: #цвет;margin:-42px -340px  42px 340px;}
</style>

Cиние цифры, одинаковые но противоположные по знаку(смещение вправо), так же и красные  ( подъем вверх

Отредактировано Deff (2011-01-03 19:57:42)

+1

44

Deff
wwwsmvirtualreality.rolka.su

0

45

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

0

46

Melani666 написал(а):

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

В HTML верх( вместо текущего

Код:
<style>
div .splLink {width: 140px; height: 50px; font-weight: bold; background: transparent;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 200px;margin:-52px -150px  52px 150px!important; background: #e5d2a8; padding: 5px; z-index: 1000;border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

В Объявление вместо текущего:

Код:
<table style="width: 90%">
    <tr>

    <td><div class="spll">
    <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Администраторы</div>
    <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
    Эми Клоу,Джедайт</DIV></DIV>

    </div></td>
</tr>
<tr>
    <td><div class="spll">
    <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Модераторы</div>
    <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
    в поисках</DIV></DIV>

    </div></td>
</tr>
<tr>
    <td><div class="spll">
    <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Полезные ссылки</div>
    <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
    <a href="http://smvirtualreality.rolka.su/viewtopic.php?id=2">Правила</a>,
<a href="http://smvirtualreality.rolka.su/viewtopic.php?id=5">Сюжет</a>,
<a href="http://smvirtualreality.rolka.su/viewtopic.php?id=8">О персонажах</a>,
<a href="http://smvirtualreality.rolka.su/viewtopic.php?id=6">Гостевая книга</a>,
<a href="http://smvirtualreality.rolka.su/viewtopic.php?id=3">Шаблон анкеты</a></DIV></DIV>

    </div></td>
</tr>
<tr>
    <td><div class="spll">
    <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Акции</div>
    <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
    <a href="http://smvirtualreality.rolka.su/viewtopic.php?id=9">Акция №1</a>,
<a href="http://smvirtualreality.rolka.su/viewtopic.php?id=10">Акция №2</a></DIV></DIV>

    </div></td>
</tr>
<tr>
    <td><div class="spll">
    <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Важно</div>
    <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
    срочно нужны модераторы!!!игроки по акциям №1 и №2</DIV></DIV>
    </div></td>

    </tr>
    </table>

Отредактировано Deff (2011-01-04 13:05:06)

0

47

Спс за скрипт

0

48

Вставила код, форум начал беситься, что делать, помогите! =)

http://ximages.net/images/00525374972132751022.png

0

49

Dorana написал(а):

Вставила код, форум начал беситься, что делать, помогите! =)

Попробуйте убрать скрипт спойлера к Выпадающему меню из HTML низ и вставить вместо него такой вариант в саму таблицу

<td colspan="2">
<img src="http://ximages.net/images/20752022540539217202.png" width="100" height="149" alt="" hspace="21" vspace="15" style="opacity:0.5;filter:alpha(opacity=25)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
</td>
<td colspan="2">
nhfnfnf
</td>
</tr>

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

</table></center>

(Красным -добавляемый код

Отредактировано Deff (2011-03-01 13:47:05)

0

50

Toshiro-kun написал(а):

#pun-announcement .container { background-color: transparent;}

Toshiro-kun написал(а):

#pun-announcement h2 {display: none}

а куда это?

0

51

Луксор4ик!!!
цвета css самый низ

+1

52

В принципе, поскольку автозагружаемая библиотека jQuery обновлённой версии уже давно не требует спецфиских цифр в HTML коде, стоит обновить ин-фу - упростив код HTML, - украсив эффектами сss3 cтиль меню

В HTML верх

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.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 #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/
    }
.splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } /* Конец Стиля всплывающего меню */
</style>

В Объявление

Код:
<center><table style="width: 90%">
<tr>

<td><DIV><div class=splLink>Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 1

</DIV></DIV></td>

<td><DIV><div class=splLink>Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 2

</DIV></DIV></td>

<td><DIV><div class=splLink>Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 3

</DIV></DIV></td>

<td><DIV><div class=splLink>Четвертый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 4

</DIV></DIV></td>

<td><DIV><div class=splLink>Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 5

</DIV></DIV></td>

</tr>
</table></center>

Новую ячейку можно добавить таким кодом >

<td><DIV><div class=splLink>N-ый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент

</DIV></DIV></td>

вкладывая между ячейками код <tr></tr> мы можем легко переносить ячейки на новую строку(помня что кол во ячеек в строках должно быть одинаковым (либо прописывая в тегах td colspan="NN" [при нехватке NN ячеек на строчке)

В HTML низ (сокращаем код - уже не нужно вызывать библиотеку jQuery -она уже загружена

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

Отредактировано Deff (2011-03-02 17:39:05)

0

53

Deff
Извиняюсь, а как сделать это окошко другого цвета? :)
Какой цвет заменить?

0

54

Мэл написал(а):

Извиняюсь, а как сделать это окошко другого цвета? Какой цвет заменить?
            Подпись авторатри

Симпатишней менять картинку(выделена красным в данном куске кода

/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png");

если настаиваете чисто на цвете - данный кусок кода меняете на такой (*вместо красного -Ваш цвет

/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: #ffffff !important; background-image: none;

0

55

Здравствуйте. Появился еще один вопрос.
Можно ли сделать слово "Объявление" посередине, а не сбоку? А так же изменить шрифт/размер?
Заранее, спасибо.

Отредактировано afarik (2011-04-14 11:59:49)

0

56

afarik написал(а):

Можно ли сделать слово "Объявление" посередине, а не сбоку?

/* D6.1 */
добавить

text-align: center

afarik написал(а):

А так же изменить шрифт/размер?

туда же добавить

font-size: 16px
Font-family: семейство шрифта

+1

57

Toshiro-kun
Даже если собственный стиль? Или это не имеет значения?
Просто попытался поменять, но никаких изменений не произошло.

Уже не надо, просто снес)
Спасибо.

Отредактировано afarik (2011-04-15 15:09:22)

0

58

Здравствуйте))
Я всё сделала, как было указано (так я считаю Оо)
Но почему где я начала вводить "тут будет что-то" ссылками, ссылки не работают. Там показывают что-то вроде кода, а не ссылками и картинками.
Может быть я недочитала или что?

0

59

Даффи адрес форума с установленными кодами

0

60

Deff
Простите, но я что-то недопоняла...
Не могли бы вы обьяснить мне всё поподробнее?

0


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Выпадающее меню для форума


Рейтинг форумов | Создать форум бесплатно