Должно быть ведь такое.
что-то я этого нигде не видел... и сомневаюсь что такое вообще есть...
Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Выпадающее меню для форума
Должно быть ведь такое.
что-то я этого нигде не видел... и сомневаюсь что такое вообще есть...
А как сделать рамку черной ???
Рикардо,
ищите
border: 2px solid #FFD700;
Синее меняете на свой цвет.
Извините,а как поменять цвет блоков?
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>
то что выделенно
Доброе вермя суток. Собственно у меня такая проблема со скриптом. что мне надо сделать с кодом чтобы исправить ее?
А можно поменять цвет текста?
Ау!!!! Кто-нибудь!!!! Ответьте!!!!
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>
выделенное добавить.
Принцесса Сатти
Точно так же - только оно будет скрытой таблицей и выпадать в низ
простите...нужна помощь...поставила этот скрипт...но нажимаю на меню и все что всплывает быстро уползает((( помогите(((
Melani666 Скорее всего два скрипта спойлера стоит - чтобы точно знать причину - указывайте адрес форума
Как сделать меню сбоку?
вставьте между вторыми и далее тегами </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)
Deff
wwwsmvirtualreality.rolka.su
о все спасибо,поправила!!!!!
о все спасибо,поправила!!!!!
В 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)
Спс за скрипт
Вставила код, форум начал беситься, что делать, помогите! =)
Вставила код, форум начал беситься, что делать, помогите! =)
Попробуйте убрать скрипт спойлера к Выпадающему меню из 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)
#pun-announcement .container { background-color: transparent;}
#pun-announcement h2 {display: none}
а куда это?
Луксор4ик!!!
цвета css самый низ
В принципе, поскольку автозагружаемая библиотека 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)
Deff
Извиняюсь, а как сделать это окошко другого цвета?
Какой цвет заменить?
Извиняюсь, а как сделать это окошко другого цвета? Какой цвет заменить?
Подпись авторатри
Симпатишней менять картинку(выделена красным в данном куске кода
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png");
если настаиваете чисто на цвете - данный кусок кода меняете на такой (*вместо красного -Ваш цвет
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: #ffffff !important; background-image: none;
Здравствуйте. Появился еще один вопрос.
Можно ли сделать слово "Объявление" посередине, а не сбоку? А так же изменить шрифт/размер?
Заранее, спасибо.
Отредактировано afarik (2011-04-14 11:59:49)
Можно ли сделать слово "Объявление" посередине, а не сбоку?
/* D6.1 */
добавить
text-align: center
А так же изменить шрифт/размер?
туда же добавить
font-size: 16px
Font-family: семейство шрифта
Toshiro-kun
Даже если собственный стиль? Или это не имеет значения?
Просто попытался поменять, но никаких изменений не произошло.
Уже не надо, просто снес)
Спасибо.
Отредактировано afarik (2011-04-15 15:09:22)
Здравствуйте))
Я всё сделала, как было указано (так я считаю Оо)
Но почему где я начала вводить "тут будет что-то" ссылками, ссылки не работают. Там показывают что-то вроде кода, а не ссылками и картинками.
Может быть я недочитала или что?
Даффи адрес форума с установленными кодами
Deff
Простите, но я что-то недопоняла...
Не могли бы вы обьяснить мне всё поподробнее?
Выпадающее меню | Корзина | 2012-04-24 |
Выпадающее меню навигации, помогите!!!! | Вопросы по скриптам | 2011-04-01 |
Меню для своего форума (составить готовый скрипт) < | Оформление форумов | 2012-04-12 |
Замена слов "Форум",участники",... на кнопки. | Галерея скриптов | 2012-05-01 |
Вопросы насчет форума 7 < | Архив тем | 2011-03-21 |
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Выпадающее меню для форума