Не сте регистриран! Регистрирайте се БЕЗПЛАТНО, за да използвате услугите на сайта!

Нова тема
Падащо меню-проблем!
Тази тема е погледната 219 пъти
Добави темата към любими | Принтирай темата | Нова тема 
Публикувано на: 17.06.2008 00:33
nogravity
Чирак

Мнения: (4)

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


 
Това мнение е редактирано от nogravity на 17.06.2008 00:35
---------------------------
Потребител от: 17.06.08 | Всички уроци от nogravity | Всички скриптове от nogravity
напиши eMail напиши лично съобщение виж профила на nogravity
Публикувано на: 17.06.2008 01:43
dokster
Ронин

Модератор

Мнения: (66)

Копирай само кода за падащото меню. Предполагам ползваш JavaScript и CSS.


 
---------------------------
Потребител от: 04.04.08 | Всички уроци от dokster | Всички скриптове от dokster

Just try me!
напиши eMail напиши лично съобщение виж профила на dokster
Публикувано на: 17.06.2008 08:22
napster
Император

Модератор

Мнения: (680)

Дай кода или си преработи този по твое усмотрение.
Тук има само един бутон.
CODE
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<html>
  <
head>   
    <
title></title>   
    <
meta name="author" content="">
    <
meta name="description" content="">
    <
meta name="keywords" content="">

    <
style type="text/css"><!--
     
BODY {font-family:"Verdana"; font-size:11;margin:0px;padding:0px;}
     
P {font-family:"Verdana"; font-size:11;}
     
FORM {margin:0;padding:0;}
    --></
style>
    <
script type="text/javascript">
     
function tableWorkaround(cols) { if (document.all)
      {
document.write('<tr>'); for (var i = 0; i < cols; i++)
      {
document.write('<td></td>'); } document.write('</tr>') }; }
     
function tableWorkaround2_colheader() { if (document.all)
      {
document.write('<col width="0">') }; }
     
function tableWorkaround2(rowHeight) { if (document.all)
      {
document.write('<td height="' + rowHeight + '">'); document.write('</td>') }; }
    </
script>
  </
head>
  <
body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" topmargin="0" leftmargin="0">

    <
div id="root" style="position:absolute;width:504px;height:523px;">
      <
div id="e0" style="position:absolute;left:204;top:203;width:300;height:300;">
<
script type="text/javascript">
function checkForm0() {
 
return true;
}
</
script>
<
form style="margin-top:0;margin-bottom:0;" name="Form0" onSubmit="if
(checkForm0()) alert('You must publish this page to your account
\nfor the form to function.'); return false;">
<
table border="0" cellspacing="0" cellpadding="0"><tr><td>
<
table style="table-layout:fixed;border:0px none #000000" width=300 height=300 border=0 cellspacing=0 cellpadding=0><col width="300"><tr>
<
td style="border:0px none #000000" width="300" height="300" valign="top">     
<
table border="0" cellspacing="0" cellpadding="0" width="300" height="300">
        <
col width="105">
        <
col width="89">

        <
col width="106">
        <
col width="0">
        <
tr>
          <
td width="300" height="135" colspan="3"></td>
          <
td height="135"></td>
        </
tr>
        <
tr>
          <
td width="105" height="29"></td>

          <
td height="29" width="89" valign="top"><input type="submit" value="Submit"></td>
          <
td width="106" height="29"></td>
          <
td height="29"></td>
        </
tr>
        <
tr>
          <
td width="300" height="136" colspan="3"></td>
          <
td height="136"></td>
        </
tr>

        <
tr>
          <
td></td>
          <
td></td>
          <
td></td>
          <
td></td>
        </
tr>
      </
table>
</
td>
</
tr>

</
table>
</
td>
</
tr>
</
table>
</
form>
</
div>
</
div>
</
body>
</
html>

Поздрави!


 
---------------------------
Потребител от: 25.02.08 | Всички уроци от napster | Всички скриптове от napster

Шизофрения е когато в един форум общуваш
сам със себе си под три различни ника!!!
http://www.hidrostroitel.com




напиши eMail напиши лично съобщение виж профила на napster
Публикувано на: 17.06.2008 10:13
nogravity
Чирак

Мнения: (4)

Значи ето това е кода на index-а! И всъщност искам там където започва менюто (<div  id="menu">)бутона Линк да е с падащо меню!
CODE
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<
head>

<
meta name="Description" content="Текст" />
<meta name="Keywords" content="Текст"
/>
<
meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="Distribution" content="Global"
/>
<
meta name="author" content="Автор" />
<meta name="owner" content="Аврор"
/>
<
meta name="Robots" content="index,follow" />
<meta name="revisit-after" content="5 days"
/>
<
meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="pragma" content="no-cache"
/>

<
link rel="stylesheet" href="images/Envision.css" type="text/css" />

<title>Текст<
/title>
</
head>

<
body>
<!--
wrap starts here -->
<
div id="wrap">
       
        <!--
header -->
        <
div id="header">           
               
            <
h1 id="logo-text"><a href="index.html">envision</a></h1>       
            <
p id="slogan">Текст</p>       
           
          <
div id="header-links">
            <
p>
                <
a href="index.html">Начало</a> |
                <
a href="contact.html">Контакт</a> |
                <
a href="index.html">Карта на сайта</a>           
            </
p>       
        </
div>       
                       
        </
div>
       
        <!--
menu -->   
        <
div  id="menu">
            <
ul>
                <
li id="current"><a href="index.html">Начало</a></li>
                <
li><a href="index.html">Линк</a></li>
                <
li class="last"><a href="contact.html">Контакт</a></li>       
            </
ul>
        </
div>                   
           
        <!--
content-wrap starts here -->
        <
div id="content-wrap">
               
            <
div id="sidebar">
                   
                <
h3>Меню</h3>
                <
ul class="sidemenu">               
                    <
li><a href="index.html">Начало</a></li>
                    <
li><a href="vbox7.php">Линк1</a></li>
                    <
li><a href="youtube.php">Линк2</a></li>
                    <
li><a href="crazyvideos.php">Линк3</a></li>                   
                </
ul>   
           
              <
h3>Реклама</h3>
                <
div class="left-box">
                    <
p>Вашата реклама тук!</p>
                   
                    </
div>   
               
                <
h3>За сайта!</h3>
                <
div class="left-box">
                    <
p>Текст текст текст текст</p>
                </
div>                           
                               
            </
div>
               
            <
div id="main">
               
                <
a name="TemplateInfo"></a>
                <
h2><a href="index.html">Добре дошли!</a></h2>
               
                <
p>Текст Текст Текст</p>
               
                </
div>
          <!--
content-wrap ends here -->   
        </
div>
                   
        <!--
footer starts here-->
        <
div id="footer">
           
                
           
            <
a href="index.html">Начало</a> |
           <
a href="index.html">Карта на сайта</a></p>
               
  </
div>   

<!--
wrap ends here -->
</
div>

</
body>
</
html>


 
Това мнение е редактирано от nogravity на 17.06.2008 10:15
---------------------------
Потребител от: 17.06.08 | Всички уроци от nogravity | Всички скриптове от nogravity
напиши eMail напиши лично съобщение виж профила на nogravity
Публикувано на: 17.06.2008 12:35
nogravity
Чирак

Мнения: (4)

Вижте как го преработих. Но сега ми трябва да сложа компонентите в css-а ,но незнам как. Така че ще може ли някой да ми каже какво точно да напиша в css файла?
CODE
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<
head>

<
meta name="Description" content="Текст" />
<meta name="Keywords" content="Текст"
/>
<
meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="Distribution" content="Global"
/>
<
meta name="author" content="Автор" />
<meta name="owner" content="Автор"
/>
<
meta name="Robots" content="index,follow" />
<meta name="revisit-after" content="5 days"
/>
<
meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="pragma" content="no-cache"
/>

<
link rel="stylesheet" href="images/Envision.css" type="text/css" />

<title>Текст<
/title>
</
head>
<
script language="JavaScript" type="text/javascript" src="drop_down_dhtml.js"></script>
<
body onLoad="init();">
<!--
wrap starts here -->
<
div id="wrap">
       
        <!--
header -->
        <
div id="header">           
               
            <
h1 id="logo-text"><a href="index.html">envision</a></h1>       
            <
p id="slogan">Текст</p>       
           
          <
div id="header-links">
            <
p>
                <
a href="index.html">Начало</a> |
                <
a href="contact.html">Контакт</a> |
                <
a href="index.html">Карта на сайта</a>           
            </
p>       
        </
div>       
                       
        </
div>
       
        <!--
menu -->   
        <
div  id="menu">
            <
ul>
                <
li id="current"><a href="index.html">Начало</a></li>
                <
li><a href="#" id="layer1onMouseOver="hideAll(); showLayer('rel_layer1'); stopTime(); return showStatus('Menu 1')" onMouseOut="startTime(); return showStatus('')">Линк</a></li>
                <
li class="last"><a href="contact.html">Контакт</a></li>       
            </
ul>
        </
div>   

<
script>
getCSS('layer1');
</
script>

<
div id="rel_layer1" >
<
a href="#onMouseOver="stopTime(); return showStatus('Under_Menu 1')" onMouseOut="startTime(); return showStatus('')">Under_Menu 1</a>
<
a href="#onMouseOver="stopTime(); return showStatus('Under_Menu 1')" onMouseOut="startTime(); return showStatus('')">Under_Menu 1</a>
<
a href="#onMouseOver="stopTime(); return showStatus('Under_Menu 1')" onMouseOut="startTime(); return showStatus('')">Under_Menu 1</a>
<
a href="#onMouseOver="stopTime(); return showStatus('Under_Menu 1')" onMouseOut="startTime(); return showStatus('')">Under_Menu 1</a>
</
div>       
           
        <!--
content-wrap starts here -->
        <
div id="content-wrap">
               
            <
div id="sidebar">
                   
                <
h3>Меню</h3>
                <
ul class="sidemenu">               
                    <
li><a href="index.html">Начало</a></li>
                    <
li><a href="vbox7.php">Линк1</a></li>
                    <
li><a href="youtube.php">Линк2</a></li>
                    <
li><a href="crazyvideos.php">Линк3</a></li>                   
                </
ul>   
           
              <
h3>Реклама</h3>
                <
div class="left-box">
                    <
p>Вашата реклама тук!</p>
                   
                    </
div>   
               
                <
h3>За сайта!</h3>
                <
div class="left-box">
                    <
p>Текст текст текст текст</p>
                </
div>                           
                               
            </
div>
               
            <
div id="main">
               
                <
a name="TemplateInfo"></a>
                <
h2><a href="index.html">Добре Дошли!</a></h2>
               
                <
p>Текст Текст</p>
               
                </
div>
          <!--
content-wrap ends here -->   
        </
div>
                   
        <!--
footer starts here-->
        <
div id="footer">
           
                
           
            <
a href="index.html">Начало</a> |
           <
a href="index.html">Карта на сайта</a></p>
               
  </
div>   

<!--
wrap ends here -->
</
div>

</
body>
</
html>


 
Това мнение е редактирано от nogravity на 17.06.2008 13:30
---------------------------
Потребител от: 17.06.08 | Всички уроци от nogravity | Всички скриптове от nogravity
напиши eMail напиши лично съобщение виж профила на nogravity
 1 посетител чете тази тема (0 потребители и 1 гост)  
Активни потребители: ---
   





IT-PLACE.NET © 2004 - 2008