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

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

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



Меню. <

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

1

Не знаю как называться правильно но я путешествовала по сайтам с тематикой Голливуд, наткнулась на такой Сайт и там имеется такие кнопочки Наши друзья Навигация Дата/Время/Погода и т. д. Вот мне бы ОЧЕНЬ хотелось бы такую штуку и у себя бы видеть.

Простите если тема повторяется. Я все темы пролазила. И еще простите если не тот параграф обратилась.
Жду помощи.
Заранее спасибо! https://forumupload.ru/uploads/0002/25/06/8547-4.gif

+1

2

kivi_me
Помоему DHTML... Я тебе могу исходный код расписать, только блин долго все это...

+1

3

<script>
function dw(x){
document.write(x)
}
</script>

<script>
function acool(x) {
    // Opera [DOM1]
    if (document.getElementById) return document.getElementById(x);
    // IE [MSIE4]
    if (document.all) return document.all[x];
    // Netscape [4]
    if (document.layers) return document.layers[x];
}
function shiko(x)
{
    // Opera [DOM1]
    if (document.getElementById) {var obj = document.getElementById(x);}
    // IE [MSIE4]
    if (document.all) {var obj = document.all[x];}
    // Netscape [4]
    if (document.layers) {var obj = document.layers[x];}

   
    if (obj == null || typeof(obj) == "undefined")
        return;
   
    var current = obj.style.display;
    var change = {
        "none": { "display": "block" },
        "block": { "display": "none" }
    }
   
    obj.style.display = change[current]["display"];
   
    return;
}
</script>

<script>
var md=0,mw=0,mc=0,mp=0,ma=0
mTimer = 0
function mFuckAll(){
acool('m_dandt').style.display='none';
acool('m_weather').style.display='none';
acool('m_links').style.display='none';
acool('m_clientinfo').style.display='none';
acool('m_pageinfo').style.display='none';
acool('m_admins').style.display='none';
}

function mOpen(x){
window.clearTimeout(mTimer)
mFuckAll()
acool(x).style.display='block';
}

function mClose(x){
acool(x).style.display='none';
}

function mOut(x){
function mFuck(){
mClose(x)
}
mTimer = window.setTimeout(mFuck,500)
}
</script>

<!--Контейнер №1-->
<script>Здесь пока пусто</script>

<!--Контейнер №2-->
<script>Здесь пока пусто</script>

<!--Объявление администрации вводить здесь-->
<script>Пока нет объявлений</script>

<!--Новости нашего форума вводить здесь-->
<script>Пока нет новостей</script>

<!--Баннеры вводить здесь-->
<script>Пока нет баннеров</script>

<table width="100%" align="center" class="smenu">
<tr align="center">

<!--Первая кнопка-->
<td width="16%">
<div style="position:relative;">
<a href="" onclick="return false;" onmouseover="mOpen('m_dandt')" onmouseout="mOut('m_dandt')"><img src=Ссылка на картинкукнопки#1></a>
<div id="m_dandt" onmouseover="mOpen('m_dandt')" onmouseout="mOut('m_dandt')" onclick="shiko('m_dandt')" class="abc" style="display:none;width:100%;">
<ul>
ЗДЕСЬ БАННЕРЫ
</ul>
</div>
</div>
</td>
<!--/Первая кнопка-->

<!--Вторая кнопка-->
<td width="16%">
<div style="position:relative;">
<a href="" onclick="return false;" onmouseover="mOpen('m_weather')" onmouseout="mOut('m_weather')"><img src=Ссылка на кнопку#2></a>
<div id="m_weather" onmouseover="mOpen('m_weather')" onmouseout="mOut('m_weather')" onclick="shiko('m_weather')" class="abc" style="display:none;width:100%;">
<ul>
<li><a href=Ссылка>Название</a></li>

</ul>
</div>
</div>
</td>
<!--/Вторая кнопка-->

<!--Третья кнопка-->
<td width="16%">
<div style="position:relative;">
<a href="" onclick="return false;" onmouseover="mOpen('m_links')" onmouseout="mOut('m_links')"><img src=Ссылка на кнопку#3></a>
<div id="m_links" onmouseover="mOpen('m_links')" onmouseout="mOut('m_links')" onclick="shiko('m_links')" class="abc" style="display:none;width:100%;">
<ul>
20 мая
<br><br>
11:00-13:00
<br><br>
+20º+25º<br>
Ветер: 3-4 м/с<br>
Солнечно.

</ul>
<br />
</div>
</div>
</td>
<!--/Третья кнопка-->

<!--Четвертая кнопка-->
<td width="16%">
<div style="position:relative;">
<a href="" onclick="return false;" onmouseover="mOpen('m_clientinfo')" onmouseout="mOut('m_clientinfo')"><img src=Ссылка на картинку кнопка#4></a>
<div id="m_clientinfo" onmouseover="mOpen('m_clientinfo')" onmouseout="mOut('m_clientinfo')" onclick="shiko('m_clientinfo')" class="abc" style="display:none;width:220%;">
<ul>
<li>
<table class="abd" width="100%" border="1" style="direction:ltr">
<tr><td align="center" class="abg">
<table width="100%" border="1">
<br />
<tr><td align="left">Дата создания:</td><td align="right">22 августа 2008 года</td></tr>
<tr><td align="left">Возраст (в днях):</td><td align="right">
<SCRIPT language=JavaScript>     
d0 = new Date('august 22, 2008');     
d1 = new Date();     
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);     
document.write('<B><SPAN>' + Math.round(dt) + '</SPAN></B>.');     
</SCRIPT>
</td></tr>
<tr><td align="left">Дизайн:</td><td align="right">by Bepa *illusion</td></tr>
</td></tr>

</table>
</td></tr>
</table>
</li>
</ul>
</div>
</div>
</td>
<!--/Четвертая кнопка-->

<!--Пятая кнопка-->
<td width="16%">
<div style="position:relative;">
<a href="" onclick="return false;" onmouseover="mOpen('m_pageinfo')" onmouseout="mOut('m_pageinfo')"><img src=Ссылка на картинку кнопка#5></a>
<div id="m_pageinfo" onmouseover="mOpen('m_pageinfo')" onmouseout="mOut('m_pageinfo')" onclick="shiko('m_pageinfo')" class="abc" style="display:none;width:100%;">
<ul>
<font color=#9f2a1b><u>Создатели:</u></font><br>
Polina Aguilera<br>
Mellissa Lavigne<br>
<font color=#9f2a1b><u>Администраторы:</u></font><br>
James Leto<br>
Sabrina Lima<br>
Сhris Channing<br>
Katrin Leto<br>
Lissi Ackles<br>
<font color=#9f2a1b><u>Модераторы:</u></font><br>
Mirella Murrey-Bush<br>
Malany Jain<br>
Andy-Jordana & Daniella<br>
Lexi Lohan<br>
Vivienne Dewan

</ul>
</div>
</div>
</td>
<!--/Кнопка пять-->

<!--Кнопка шесть-->
<td width="16%" class="sadmins">
<div style="position:relative;">
<a href="" onclick="return false;" onmouseover="mOpen('m_admins')" onmouseout="mOut('m_admins')"><img src=Ссылка на картинку ></a>
<div id="m_admins" onmouseover="mOpen('m_admins')" onmouseout="mOut('m_admins')" class="abc" style="display:none;width:100%;">
<ul>
<a href="http://top.roleplay.ru/2136" target="top_"><img src="http://img.rpgtop.su/rpgtop4.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="88" height="31"></a>
<a href="http://rusrpg.com" target="_blank"><img src="http://rusrpg.com/ourbtn/rusrpg_1.gif" width="88" height="31" alt="RUSRPG.COM - каталог ролевых сайтов России" title="RusRpg.com - каталог ролевых сайтов России" border="0"></a>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=5824' target='_blank'><img src="http://palantir.in/count.php?id=5824&cid=counter2007_6.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></a>
<a href="http://portal-style-web.net.ru/dir/20-1-0-41"><img src="http://s58.radikal.ru/i162/0901/f3/a54d14e51c7a.gif" title="ТОП BEST NET WORLD" width="88" border="0" height="31"></a>

</ul>
</div>
</div>
</td>
</table>
<!--/Кнопка шесть-->
<br><br>

То что фиолетовым заменяй на свое.
И то что желтым тоже))
Выделенное синим - это меню. строчку

<li><a href=Ссылка>Название</a></li>

Можешь размножать столько, сколько сколько тебе нужно)
Вроде все.




Я ошибся это не DHTML ))))

Отредактировано AlikaRD (2009-12-30 11:20:06)

+1

4

Спасиб https://forumupload.ru/uploads/0002/25/06/8550-2.gif

0

5

kivi_me
Не за что https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

6

Спасибо!!!

0

7

А можно так, чтобы окошко вниз выпадало, а не сама таблица дергалась вверх?
Как здесь. http://heavenschool.mybb.ru/
Или лучше , как здесь, при нажатии выпадает окно http://hollywoodlive.rolevaya.ru/
Или может я просто не правильно поставил код.
Подскажите пожалуйста.

Уже нашел)

Отредактировано Jun-Ki (2010-01-21 09:56:28)

0

8

Jun-Ki написал(а):

Уже нашел)

А можно кодиком поделиться? ^.^'

0

9

Да, тоже хотелось бы получить кодик, чтобы при нажатии на кнопку появлялось окно с информацией))

0

10

в HTML верх

<style type="text/css">
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em;}
.abc {
position: absolute;
z-index: 99;
}
.abc ul {background: #000000; border:1px solid #9f2a1b;opacity: 0.9;}
.abc ul, .abd td {font-size: 10px; font-weight: bold;}
.abc ul li {list-style:none;margin:0; padding:0;}
.abg {text-align:center; color:#9f2a1b;}

.menu {height:32px;width:100%;padding:0 0 0 1px;}
    #m_pageinfo {direction:rtl;}
    #m_admins {direction:rtl;}
/* -new menu*/

.smenu tr td, .stable tr td{

}
.sadmins table tr td {
border: none;

}

.smenu tr td a:link, .smenu tr td a:active, .smenu tr td a:visited {
color: #9f2a1b;
display: block;
padding: 1px;
text-decoration: none;
}
.smenu tr td a:hover {
background: #000000;
color: #9f2a1b;
}
</style>

000000 - цвет фона! (стоит сейчас черный!)

с другими цветами не экспериментировал не знаю!! :)

Отредактировано goga_26_rus (2010-01-24 17:58:04)

0

11

Спасибо за скрипт! А может  подскажите как сделать стандартное меню также как на форуме указанном в посте №1? На всякий случай вот картинка
http://photosex.biz/imager/w_480/h_/2d49c1a82abe26ca42c525b9dfe0c720.gif

Заранее спасибо. Извиняюсь что немного не втему.

Отредактировано zhele (2010-01-24 18:17:17)

0

12

zhele, а что конкретно?) Как вставить фон, разместить по центру?))

0

13

Попробую объяснить, но если Вы посмотрите на мой форум http://rock-mania.ru/ , то всё поймёте сами. У меня строка Форум_Участники_...... и тд., находится на картинке шапки, а я бы хотел опустить ниже как на скине в моём предыдущем посте. И на этом форуме также как я хочу, если посмотреть выше.

Отредактировано zhele (2010-01-24 18:42:25)

0

14

zhele, это от стандартного дизайна зависит, и, насколько я знаю, опустить это меню не получится.

0

15

Ви
Спасибо за беспокойство. Я тут полазил, посмотрел другие стили, и пришёл к такому же мнению.Ну ладно будем пробывать.Спасибо.

0

16

хах) спасибо! Толкьо этого мне и не хватало xD  https://forumupload.ru/uploads/0002/25/06/8547-2.gif  https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

17

извините, я поставила меню на форум, настроила, но появилась такая проблема: когда навожу, у меня таблица и все остальное "убегает" вниз

разобралась))))

Отредактировано Венда (2010-02-21 20:11:21)

0

18

Не подскажите ли,как сделать так, чтобы меню появлялось не при наведении курсора на кнопку, а при клике?

Отредактировано DeathTearS (2010-04-21 19:09:14)

0

19

Не подскажите, как сделать чтобы меню при нажатие на него не прыгало вместе с форумом?

И есчо вопрос: по скрину видно что ячейка выскакивающая при наведение на информацию перекрывается другим...Как это исправить?http://s004.radikal.ru/i207/1004/a2/1344d210aac7.jpg https://forumupload.ru/uploads/0002/25/06/8548-1.gif

0

20

Каве

<style>
div .splLink {width: 0px; height: 40px; border: 2px solid #FFD700; background: transparent; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 100px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background:  url(ссылка на картинку); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

200px попробуйте сделать по меньше.
По-моему так

Отредактировано вот она <3 (2010-04-28 13:18:56)

0

21

о, а это куда вставлять?

0

22

DeathTearS
HTML вверх

<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:  url(фоновая картинка появляющегося окошка); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

HTML низ

<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('normal');
      return false;
    });
  });
</script>

Объявление

<center><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>
                <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>
                <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>
                <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>
                <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>               
<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>
</table></center>

0

23

Каве
HTML вверх

0

24

спасиб https://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

25

вот она <3
К сожаленью не помогло(((((( https://forumupload.ru/uploads/0002/25/06/8548-1.gif  https://forumupload.ru/uploads/0002/25/06/8548-1.gif  https://forumupload.ru/uploads/0002/25/06/8548-1.gif

0

26

вот она <3
большое спасибо

0

27

вот она <3
Извините, а можно сделать так, чтобы это меню стояло в два ряда....?

0

28

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

Извините, а можно сделать так, чтобы это меню стояло в два ряда....?

По таблице. Одна строка в ней три ячейки и вторая строка в ней три ячейки... Закажите если не можете составить сами

0

29

Toshiro-kun
сама разобралась... у меня теперь другой вопрос, можноли к каждому контейнеру свою картинуку...

0

30

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

можноли к каждому контейнеру свою картинуку...

под фон? нет нельзя

0



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