Может так ?
Да-да, именно так.
А как там убрать белый контур и сделать Заголовки чуть ближе друг к другу. Просто у меня 7 пунктов должно быть. Как бы не вылазило всё это.Простите если напрягаю
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума
Может так ?
Да-да, именно так.
А как там убрать белый контур и сделать Заголовки чуть ближе друг к другу. Просто у меня 7 пунктов должно быть. Как бы не вылазило всё это.Простите если напрягаю
Shana
Здравствуйте.
А как там убрать белый контур и сделать Заголовки чуть ближе друг к другу. Просто у меня 7 пунктов должно быть. Как бы не вылазило всё это.
Может быть так?
<style type="text/css"> #menu { padding-left: 20px; text-align: center; } #menu a { padding: 7px 15px 7px; margin-right: 5px; margin: 10px 0; width: 100px; text-decoration: none; } #submenu { padding: 5px; height: 100px; text-align: center; font-size: 12px; width: 700px; } .submenutext { display: none; height: 60px; } #submenu A { color: #CCC; } #menu .tabactive { color: #65065f; } </style> <script type="text/javascript"> var prevmenu, prevtab function subMenu(obj, menu) { if (document.getElementById) { if (prevmenu) document.getElementById(prevmenu).style.display = "none" document.getElementById(menu).style.display = "block" if (prevtab) { prevtab.className = "" } obj.className = "tabactive" prevmenu = menu prevtab = obj } } </script> <table style="width: 100%;"> <tbody> <tr> <td> <div id="menu"> <a onclick="subMenu(this,'sm1')" href="#">Заголовок 1</a> <a onclick="subMenu(this,'sm2')" href="#">Заголовок 2</a> <a onclick="subMenu(this,'sm3')" href="#">Заголовок 3</a> <a onclick="subMenu(this,'sm4')" href="#">Заголовок 4</a> <a onclick="subMenu(this,'sm5')" href="#">Заголовок 5</a> <a onclick="subMenu(this,'sm6')" href="#">Заголовок 6</a> <a onclick="subMenu(this,'sm7')" href="#">Заголовок 7</a> </div> </td> </tr> <tr> <td align="center"> <div id="submenu"> <div id="sm1" class="submenutext"><br /><br />Текст 1</div> <div id="sm2" class="submenutext"><br /><br />Текст 2</div> <div id="sm3" class="submenutext"><br /><br />Текст 3</div> <div id="sm4" class="submenutext"><br /><br />Текст 4</div> <div id="sm5" class="submenutext"><br /><br />Текст 5</div> <div id="sm6" class="submenutext"><br /><br />Текст 6</div> <div id="sm7" class="submenutext"><br /><br />Текст 7</div> </div> </td> </tr> </tbody> </table>
Отредактировано rps (Чт, 4 Ноя 2010 12:54:39)
МирияЛис
Здравствуйте.
Доброго времени суток) Это опять я)Скажите, а можно ли сделать так, чтобы выпадающее меню было видно только зарегистрированным пользователям?
Попробуйте добавить после меню:
<script type="text/javascript"> if (GroupID == 3) { var div = document.getElementsByTagName("div"); for (i in div) { if (div[i].className == "spll") div[i].style.display = "none"; }} </script>
Отредактировано rps (Чт, 4 Ноя 2010 12:52:42)
rps, спасибо) получилось, но можно ли сделать небольшую поправку? мне бы хотелось, чтобы выплывающее меню было вверху таблицы и внизу: http://s003.radikal.ru/i204/1011/2b/6ad4c26692b3.jpg
Так вот, можно ли сделать так, чтобы то, что вверху было видно для всех, а то, что внизу - только зарегистрированным. Извиняюсь, если сильно загружаю)
Так вот, можно ли сделать так, чтобы то, что вверху было видно для всех, а то, что внизу - только зарегистрированным. Извиняюсь, если сильно загружаю)
МирияЛис Гхм, в верхнем меню измените класс c spll на <div class="1_spll"> (три таких записи поменять
и в HTML верх вместо:
<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #; background: #; text-align: center; font-family: Comic Sans Ms; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: url(http://i080.radikal.ru/1008/aa/9c3125142348.jpg); padding: 5px; z-index: 1000; margin-top: 0px; border: 2px solid #000000; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
Поставьте такое
<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #; background: #; text-align: center; font-family: Comic Sans Ms; padding: 5px;}
.spll,.1_spll {width: 130px; height: 70px; }
.splCont {height: auto; width: 300px; background: url(http://i080.radikal.ru/1008/aa/9c3125142348.jpg); padding: 5px; z-index: 1000; margin-top: 0px; border: 2px solid #000000; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
Ну и плюс скрипт от rps предыдущий оставлям
Отредактировано Deff (Чт, 4 Ноя 2010 13:31:55)
rps
Да-да, именно так.
Буду заполнять, если возникнут вопросы напишу =)
Вот вариант таблицы-меню. Может быть кому пригодится...
спасибо)решил лучше такую сделать...удобнее)
а можно как-нибудь сделать слова "новости" и т.д. сверху?
спасибо)решил лучше такую сделать...удобнее)а можно как-нибудь сделать слова "новости" и т.д. сверху?
смотрите cообщение 263
Отредактировано Deff (Вт, 9 Ноя 2010 22:26:08)
А теперь вот скажите, как сделать, чтоб при нажатии меню не перескакивало на самый верх форума?
MigivarkOСсылку на форум с выпадающим меню и Браузер какой
Deff
Firefox у меня... Вот ссыль
MigivarkO Дык вы ставьте выпадающее меню тем кодом из первого сообщения, тады и дрыгацо не будет
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle(800);
return false;
});
});
</script>
Cкорость всплытия меню регулируецо Этой цифрой (от 10 до 10000 можно просто вставить слово 'normal'
Deff
пасяб, прост дебил я, дэсу!
ааа,нет, усё равно дёргаеццо!><
Отредактировано MigivarkO (Пт, 12 Ноя 2010 15:42:54)
MigivarkO Хм - помимо этого кода - нужно еще и кнопки оформить по другому - шо трудно взглянуть на первый пост данной темы ?!
Отредактировано Deff (Пт, 12 Ноя 2010 21:09:35)
здрям, загорелась сделать такое выпадающее меню на форуме!
а можно ли сделать подобную вещь в 2 ряда и чтобы они меж собой не были слеплены?
и вот поставила под одну из кнопок облако тэгов, а оно туда не прячется, вот ФОРУМ))))
и думаю, вы мне явно посоветуете сделать картинки меньше,хдддд
Заранее благодарна!!!!!
Отредактировано G.rande (Пн, 15 Ноя 2010 23:40:43)
G.rande Замените текущее Объявление полностью
<style> /* Стиль всплывающего меню */ .splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;} .spll {width: 130px; height: 70px; } .spll div .splCont {height: auto; width: 250px; background: #D2B48C; padding: 5px; z-index: 10; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;} #ryad02 .spll div .splCont{margin-left:60px!important;} .spll div .splCont {background-color: transparent!important;background-image:url(http://savepic.net/215221.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;*/ } /* Прозрачка в Всплывающем меню */ .spll div .splCont:first-letter { font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */ font-size: 200% !important; /* Размер шрифта первого символа */ color: red; /* Красный цвет текста */ } /* Конец Стиля всплывающего меню */ </style> <center><img src="http://xmages.net/storage/10/1/0/d/7/upload/583b6fc8.png"></center> <center><font size=2><br>Этот мир - частичка нашего мира!Этот мир - всего лишь наш общий остров! Однако...В этом мире есть Зло и Добро. Но нет грани между ними.Этот мир создан вашими руками. И никто кроме вас не сделает этого лучше, чем напишет сюжет заново!. Этот мир <u>|Twilight saga- .wind breath.</u> Присоединяйся. Стань воплощением своей мечты.Выбери себя! Выбери, на какой ты стороне.И ударь!... Страх. Люди. Вампиры. Оборотни. Нашествие. Война. Зло. Добро...А что выберешь ты?Совершенно новая ролевая игра, где не существует граней…где есть только автор своего личного персонажа и он творит свой личный сюжет.Выбери свой путь!</center><br/><br/> <div width="100%" align="left"><table style="width: 83%"> <tr height="80"> <td> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src=' http://xmages.net/storage/10/1/0/0/8/upload/23710d30.png '> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <center><a href="http://thetwilighttrilogy.rolka.su/profile.php?id=2" title="Vladimir Arborre"><img src="http://xmages.net/upload/6deb773c.jpg"></a> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=15" title="Marcus Volturi"><img src="http://xmages.net/upload/dbe3647e.jpg"></a> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=4" title="Rosalie Hale"><img src="http://xmages.net/upload/8e8e58a6.jpg"></a> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=43" title="Alec Volturi"><img src="http://xmages.net/upload/a391d225.jpg"></a></center> </DIV></DIV> </div> </td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src= 'http://xmages.net/storage/10/1/0/e/5/upload/4138a241.png '> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <b><u>Время, дата, погода:</u></b> <br>РУМЫНИЯ: 12.00-15.00. Солнечный день. 19 октября <br>ИТАЛИЯ: 09.00-12.00. Солнечное утро. <br>Без осадков. 19 октября <br>ПАРИЖ: 00.00-02.00 Тёплая ночь. <br>Без осадков. 20 октября <br>АМЕРИКА: 20.00-23.00 Без осадков. <br>19 октября </DIV></DIV> </div> </td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src= http://xmages.net/storage/10/1/0/e/5/upload/4138a241.png '> </div> <DIV style="DISPLAY: none; position: absolute; z-index:11;" align="left" class=splCont jQuery1259073801391="5"> <div id="yoblako" align="center"><noindex> <a style="font-size:8pt;" href="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=3 " rel="nofollow" class="eTag eTagGr8">Правила</a> <a style="font-size:8pt;" href="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=5#p10" rel="nofollow" class="eTag eTagGr8"> Шаблоны анкет </a> <a style="font-size:8pt;" href="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=15" rel="nofollow" class="eTag eTagGr8">Занятые внешности </a> <a style="font-size:8pt;" href="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=302" rel="nofollow" class="eTag eTagGr8">Сюжет</a> <a style="font-size:8pt;" http://thetwilighttrilogy.rolka.su/viewtopic.php?id=269#p18116" rel="nofollow" class="eTag eTagGr8">Нужные персонажи</a> <a style="font-size:8pt;" href="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=172" rel="nofollow" class="eTag eTagGr8">Список способностей</a> <a style="font-size:8pt;" href="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=4#p9 " rel="nofollow" class="eTag eTagGr8">Список персонажей</a> </DIV></DIV> </div> </td> </tr> <tr align="right" id="ryad02"> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src=' http://xmages.net/storage/10/1/0/2/2/upload/037cb1d7.png ' ></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <a href="http://top.roleplay.ru/8507" target="top_"> <img src="http://img.rpgtop.su/rpgtop4.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="88" height="31"></a> <script language="JavaScript"> d = new Date(); var m = d.getTime(); m=m+'&url='; m=m+self.location; var a='<a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=9206&rand='+m+'" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=9206&rand=' + m; a=a+'" width="88" height="31" border="0"></a>'; document.write(a); </script> <noscript><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=9206" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=9206" width="88" height="31" border="0"></a></noscript><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=9206' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=9206&today_hits=1&today_hosts=1&total_hosts=1&cid=special_blue.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=9206&today_hits=1&today_hosts=1&total_hosts=1&cid=special_blue.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a><a href="http://toponline.msk.ru/"><img src="http://toponline.msk.ru/button.php?u=ORANGE" alt="TopOnline - Рейтинг ролевых игр" border="0" /></a></DIV></DIV> </div> </td> <td align="right"> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src=' http://xmages.net/storage/10/1/0/f/1/upload/45c02b20.png '> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <br>• Советуем ознакомиться с Акциями! <br>• НОВАЯ акция - "МУЖСКОЙ ПОЛ- он самый сладкий" <br>• <b>Джаспер Хэйл</b> <br>• Акция "Девушки Волтурри" - закрыта! <br><br>Для корректного отображения дизайна, просьба использовать Mozilla Firefox, Google Chrome или Safari </DIV></DIV> </div> </td> <td align="right"> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src=' http://xmages.net/storage/10/1/0/e/3/upload/845a68da.png '> </div> <DIV style="DISPLAY: none; position: absolute;z-index:12;" class=splCont jQuery1259073801391="5"> <br> <br>• <br>• <br>• <br>• Рейтинг игры NC-17. <br> </DIV></DIV> </div> </td> </tr> </table></div>
Поправил код, убрал лишний код <сenter> перед началом таблицы
Отредактировано Deff (Вт, 16 Ноя 2010 09:56:43)
Deff, оооооооооооооооооооооооооо, крутооооооооооооооооо)))))спасибо)***
ОГРОМНОЕ ВАМ СПАСИБО)********
G.rande
я бы перенес Окно с Облаком тегов в крайнее нижнюю справо кнопку - оно мешает кликать последнюю кнопку
Зы: Поправил код в предыдущем сообщении, увидел ошибку
Отредактировано Deff (Вт, 16 Ноя 2010 18:57:34)
я бы перенес Окно с Облаком тегов в крайнее нижнюю справо кнопку - оно мешает кликать последнюю кнопку
а у меня облако теперь выглядит не как облако, а просто как ссылки... оно должно выглядеть облаком?или это издержки?
а у меня облако теперь выглядит не как облако, а просто как ссылки... оно должно выглядеть облаком?или это издержки?
браузер какой ? И выглядет как ссылки после каких действий ?
Отредактировано Deff (Ср, 17 Ноя 2010 00:52:54)
Выпадающее меню для форума не работает! | Корзина | Вт, 27 Апр 2010 |
выпадающее меню | Корзина | Ср, 2 Сен 2015 |
Выпадающее меню | Корзина | Пт, 10 Сен 2010 |
Уменьшить размеры выпадающего меню и размеры панели навигации. | Архив | Ср, 15 Янв 2014 |
Выпадающее меню | Корзина | Пт, 26 Авг 2011 |
Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума