Avatar billede gloster Nybegynder
22. juni 2006 - 23:31 Der er 30 kommentarer

vandret menu

Hej søde Experter
jeg har denne her menu, som jeg har fundet, men jeg vil gerne have nogle under menuer, når man køre musen hen over en 3-4 stykker. og jeg aner bare simpelhen ikke hvad jeg skal gøre.
kan nogen hjælpe mig?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>




  <title>velkommen til obgk´s hjemmeside</title>

  <style type="TEXT/CSS">


BODY{font-family: "courier new",courier,monospace;
    font-size:14PX;
    background-color:#f0fff0;
    background-image: url("");
    background-position: 50% 40%;

    background-repeat: no-repeat;
overflow:auto;
}
html{
   
    scrollbar-face-color: #2f4f4f;
        scrollbar-highlight-color: #2f4f4f;
        scrollbar-shadow-color: #2f4f4f;
        scrollbar-3dlight-color: #2f4f4f;
        scrollbar-arrow-color: #2f4f4f;
        scrollbar-track-color: #f0fff0;
        scrollbar-darkshadow-color: #2f4f4f;
        overflow:auto }


a.moar:link, a.moar:visited, a.moar:active {color: #dcdcdc;
text-decoration:none;}
a.moar:hover {color: black;}

.badu{font-family: "courier new",courier; line-height: 1.3; font-size:18PX; color:white; text-align: ;}
  .badu a{text-decoration:none;}
  .badu a:link{color:white;}
  .badu a:visited{color:black;}
  .badu a:hover{color:white;text-decoration:none;}
  .badu a:active{color:white}

.lus{font-family:"Times New Roman", serif; line-height: 1.5; font-size:22PX; color:orange; text-align: right;}
  .lus a{text-decoration:none;}
  .lus a:link{color:green;}
  .lus a:visited{color:red;}
  .lus a:hover{color:orange;text-decoration:none;}
  .lus a:active{color:orange}

a.mango:link, a.mango:visited, a.mango:active {color: red;
text-decoration:none;}
a.mango:hover {color: #dddddd;}

h1
{font-family:"Times New Roman", serif;
font-size:42PX;
text-decoration:none;
color: black;
font-weight: normal;
text-align:center;
}
h6
{font-family:"Times New Roman", serif;
font-size:14PX;
text-decoration:none;
color: black;
font-weight: normal;
text-align:left;
}
h2
{font-family:"Times New Roman", serif;
font-size:18PX;
text-decoration:none;
color: black;
font-weight: normal;
text-align:left;
}
h3
{font-family:"Times New Roman", serif;
font-size:18PX;
text-decoration:none;
color: black;
font-weight: bold;
text-align:left;
}

a.mlink:link,a.mlink:visited,a.mlink:active{
font-family:verdana,arial,sans-serif;
color:black;
display:block;
width: 140px;
text-decoration: none;
font-size:18px;
padding:3px;
background:url(usynlig.gif);
font-weight:normal;
}

a.mlink:hover {
background:green;
color:white;
}




a.vlink:link,a.vlink:visited,a.vlink:active{
font-family:verdana,arial,sans-serif;
color:#000000;
background:transparent;
font-weight:normal;
text-decoration: none;
font-size:11px;
padding:4px 14px 4px 14px;
font-weight:300;
}

a.vlink:hover {
background:#2f4f4f;
color:white;
}




</style>
</head>
<body onload="scrolltekst(100)">

<center>
<img src="logo1.jpg"  />
</center>





<center>

<a href="index.html" class="vlink" style="padding:4px 14px 4px 14px">Forside

</a>


<a href="nyheder.html" class="vlink" style="padding:4px 14px 4px 14px">Nyheder</a>
<a href="side3.htm" class="vlink" style="padding:4px 14px 4px 14px">Side 3</a>
<a href="side4.htm" class="vlink" style="padding:4px 14px 4px 14px">Side 4</a>

<a href="http://www.newbie.dk/webservices/forum/forum.php?fid=godard8ad55104f8dc539a15313e1d690f65dc" class="vlink" style="padding:4px 14px 4px 14px">Forum</a>
<a href="side3.htm" class="vlink" style="padding:4px 14px 4px 14px">Side 3</a>
<a href="side4.htm" class="vlink" style="padding:4px 14px 4px 14px">Side 4</a>
<a href="side1.htm" class="vlink" style="padding:4px 14px 4px 14px">Info</a>
<a href="raiting.html" class="vlink" style="padding:4px 14px 4px 14px">Raiting</a>
<a href="side3.htm" class="vlink" style="padding:4px 14px 4px 14px">Side 3</a>
</center>

<br><br>
<center>
<img src="logo2.jpg"  />

<img src="ter.gif" title="terningerne er kastet"  border="0"></a>
</center>


<center>

<table BORDER="0" width="86%" height="80%">

<tr>
<td>

<br>
<br>
<br>
<h2>
Odense Backgammon Klub er en godkendt <br>backgammonklub under    <div class="badu"> <A href="http://www.dbgf.dk">  Dansk backgammonforbund.</a>
</div>

Tirdagsturnering: Sir Club, Nørregade 49,<br> 5000 Odense C
<br>Søndagsturnering: Grønttorvet, <br>Sortebrødre Torv 9, 5000 Odense C

</h2>
<br>








<br>
<br>
<br>
<br>



</td>
<font size="7" face="couier new" color="green">




    <td>


<center>
<img src="bg.jpg"  <br> <img src="bg2.jpg"  />
</center>


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

<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>


<center>
<font size="1" face="arial" color="#dcdcdc">

made by<A href="MAILTO:bullpetersen@mail.dk"class="moar">LIVALINE</a>            &#153;



</font>
</center>
</body>
</html>
Avatar billede stone Forsker
23. juni 2006 - 01:01 #1
Avatar billede stone Forsker
23. juni 2006 - 01:41 #2
skal du have hjælp til redigering af menu_data.js så siger ud bare til
Avatar billede gloster Nybegynder
23. juni 2006 - 09:30 #3
jeg tror simpelhen ikke jeg kan finde ud af ligge det ind, så det må du meget gerne.
Altså mener du jeg skal sætte en helt ny menu ind på min side.
eller kan jeg udbygge den menu jeg allerde har sat ind?
Avatar billede stone Forsker
23. juni 2006 - 11:59 #4
her er eksemplet

www.albertte.dk/gloster.zip

jeg har lagt det ind i det du pastede
når du åbner menu_data.js har jeg gjort det nemt for dig at se de ændringer jeg har lavet.



www.albertte.dk/gloster.zip
Avatar billede gloster Nybegynder
23. juni 2006 - 13:11 #5
Nu håber jeg ikke du slår korsets tegn. men jeg har lidt problemmer.
når jeg går ind på www.albertte.dk/gloster.zip åbner der en mappe med
dropdown" "eks" "menu_data" og "Menu_script"

- "eks" kan jeg ikke åbne af en eller anden grund - jeg ved ikke hvad der er sket det er det samme når jeg modtager link på mails på min outlook. jeg bliver nød til at paste dem og kopier dem manuelt oppe i adressefeltet. meget mystisk.

- og hvad med det andre skal jeg åbne dem i notesblok eller hvad og bare ligge dem ind på min index? Undskylder på forhånd mine begynder-spørgsmål
Avatar billede stone Forsker
23. juni 2006 - 14:09 #6
nej du behøver ik at slå korsets tegn for vi var alle begyndere her "sss"

prøv at lægge det hele ind i en mappe og start eks.html

den eneste du skal redigere i er menu_data.js hvis du kun skal redigere i nye menu punkter eller dropdowns.

men skal du til at ændre menuens baggrund og farve skal farvekoden være den samme i både dropdown.css og menu_data.js.
Avatar billede stone Forsker
23. juni 2006 - 14:19 #7
eller du kan bruge den her til at lave din egen menu uden at kende til at kode

det er en menu generator...online hvor du selv kan configurerer din helt egen menu

http://www.scriptsearch.com/details/1707.html
Avatar billede gloster Nybegynder
23. juni 2006 - 14:47 #8
hmm... Jeg ved godt nok ikke lige hvor jeg skal ligge det ind henne.
Puhha det er svært. jeg forsøger at ligge koden ud på min index, men så  hele koden op med store bogstaver.
kunne du evt vise mig ud fra mit schript?

jeg har da også et bette link.http://bull.adr.dk/index.html
Avatar billede gloster Nybegynder
23. juni 2006 - 14:47 #9
http://www.scriptsearch.com/details/1707.html er ikke lige det jeg søger tror jeg
Avatar billede stone Forsker
23. juni 2006 - 15:55 #10
ok så har jeg lavet den lidt om og lagt den ind i din side - 

de 2 filer har jeg redigeret så menuen passer til siden
husk at overskrive de gamle med de nye.....

dropdown.css og menu_script.js 

farven der er valgt på menuen er #2D504C

her de nye filer....

http://www.albertte.dk/gloster.zip
Avatar billede gloster Nybegynder
23. juni 2006 - 16:53 #11
du er godt nok en knag, men jeg må  surender.
jeg ved ikke hvor jeg skal ligge koderne på siden.
jeg kan ikke få det til at passe.
Avatar billede stone Forsker
23. juni 2006 - 17:42 #12
jeg hentede hele din web via dit link og indsatte menuen.....

du skal ikke lægge koderne ind jeg har indsat menuen i din web - det eneste du skal gøre er at lægge dropdown.css og menu_script.js og menu_data.js i samme bibliotek som din webs forside f.eks din index.html

og så redigere de menu punkter du vil have i din menu.
Avatar billede stone Forsker
23. juni 2006 - 17:42 #13
i zip filen finder du den redigerede html side...
Avatar billede stone Forsker
23. juni 2006 - 21:43 #14
du kan se her hvordan den ser ud....

http://www.albertte.dk/gloster/
Avatar billede gloster Nybegynder
23. juni 2006 - 23:00 #15
jeg nærmer mig noget nu.
jeg har lagt de 3 ind i mappen sammen med alt det andet stads

og jeg fik åbnet det link du har sendt med til min side. kopiret ved hjælp af vis kilde. og lavet lige en prøve, og det kom frem. men ikke på min rigtige index.html
har du ikke tilføjet noget mere i den der prøveside du har sendt?
Avatar billede gloster Nybegynder
23. juni 2006 - 23:17 #16
hov kan se du har skrevet igen...
Ja nu kan jeg se det. det ser godt ud. men jeg ville bare så gerne undgå bare at copy den side fordi koderne ligger lidt forvirende nu, og jeg ved ikke hvorfor det ikke funker på index. Kunne du evt. skrive det ind på det schript jeg har lagt på denne side. og ligge det ind igen. eller er det for meget forlangt?:)
Avatar billede stone Forsker
23. juni 2006 - 23:31 #17
det jeg har sendt dig var en index.html side som du bare overskriver den gamle med.
du behøver ikke at "se kilde" og så kopier - her kan det hurtigt gå galt....
Avatar billede gloster Nybegynder
24. juni 2006 - 11:52 #18
Jeg tror jeg er ved at finde ud af det.
men jeg har lige et par ting, som jeg ikke ved hvor jeg skal ændre.

- jeg kunne godt tænke mig at teksten bare er sort på baggrundsfarve og at boksen med den mørkegrønne farve først dukker op når man køre musen hen over (nu er farven også gul)
og når jeg så igen bevæger musen væk skal det blive som før (sort tekst på bg )
Avatar billede stone Forsker
24. juni 2006 - 12:45 #19
hmm så bliver det jo svært for brugerne at se teksten...

prøv at kigge i menu_script.js

her et cut and paste fra den...


//    Modify following four lines to customize your menu
var tdColor="#FFFFFF";        // menu item text color
var tdBgColor="#2D504C";    // menu item background color
var hlColor="#000000";        // highlight text color
var hlBgColor="#FFFFBB";    // highlight background color
//    After change, modify same values in your *.css file


husk at ændre tilsvarende i din *.css - her kan du lege lidt med farverne...
Avatar billede stone Forsker
24. juni 2006 - 13:08 #20
for at fjerne den grønne farve på baggrund ændre du

//ændring i menu_script.js
var tdBgColor="#2D504C";    // menu item background color til
var tdBgColor="#FFFFFF";    // menu item background color og til
var tdColor="#000000";        // menu item text color


//ændring i dropdown.css
color: #000000;            /* Must be the same as tdColor in the menu_script.js */
    background-color: #FFFFFF; /* Must be the same as tdBgColor in the menu_script.js */
Avatar billede gloster Nybegynder
24. juni 2006 - 13:23 #21
Hmmm... jeg tror du misforstår mig prøv at se det her link. det er ligsom det jeg går efter, men der mangler jeg bare rullemenuen, som du har givet mig.
- når man køre musen hen over bliver den mørk - når man fjerne musen forsvinder den mørke kasse igen.

http://bull.adr.dk/index.html

hvor det her link er med den rigtige rullemenu. JUBIII MEN!
- når jeg køre musen hen over de øverste menuer bliver de gule istedet for mørkegrønne
- når jeg fjerner musen bliver de mørkegrønne istedet for at forvandle sig til alm tekst som før.¨


http://bull.adr.dk/igen.html
- undermenuerne nedenunder der dukker op er nu kun med sort tekst på BG og bliver først mørkegrønne når jeg køre over dem med musen.
dem ville jeg godt have blev bokse allerede når man førte musen over de øverste menuer


jeg aner først og fremmest ikke hvor jeg skal ændre det henne, og jeg er så bange for at ødelægge det du har sendt mig.
Avatar billede gloster Nybegynder
24. juni 2006 - 15:05 #22
hov der hvor jeg nævner den gule farve kan jeg da godt se at de ikke skal være mørkegrønne, men #cccccc. nu forstår jeg hvad du mener he he...
Avatar billede stone Forsker
24. juni 2006 - 15:11 #23
oki sss

sådanne js menuer kræver at man lige leger lidt med dem og altid laver et backup efter hver rigtig ændring....
Avatar billede gloster Nybegynder
24. juni 2006 - 15:36 #24
hmmm tror jeg ved hvad du mener, men ak. forstår virkelig ikke hvor jeg skal gøre hvad.
Avatar billede gloster Nybegynder
24. juni 2006 - 15:42 #25
Jeg går ind i schript i øjeblikket og ændre alle farve, men de reagere ikke.
Avatar billede stone Forsker
24. juni 2006 - 15:56 #26
ændre du også i dropdown.css hver gang du ændre i script?
Avatar billede gloster Nybegynder
24. juni 2006 - 16:21 #27
Ja det gør jeg, men jeg har lidt svært ved hvor jeg også skal ændre i dropdown
når jeg har ændret i schript. og hvad det egenlig er jeg ændre feks
Avatar billede gloster Nybegynder
26. juni 2006 - 09:25 #28
Hej Stone. jeg siger virkelig mange tak for hjælpen. du skal have nogen point.
alt det grafiske er nu på plads. det eneste jeg mangler er at finde ud af hvordan jeg linker. jeg regner med det er i data_menu. der hvor der står dropdowntest.htm"
men jeg synes ikke lige det virker.
Men send mig et svar og jeg skal øse dig med point fra min skattekiste.
Avatar billede stone Forsker
26. juni 2006 - 13:47 #29
ja det er i menu_data.js

for at køre en email derfra skriver du mailto: f.eks

"mailto:bullpetersen@mail.dk"
Avatar billede stone Forsker
26. juni 2006 - 14:01 #30
jeg har prøvet at linke men det virker kun hvis stien er absolut og ikke relativ dvs.

skal du linke til en side på dit websted så skal du skrive:

http://www.gloster/terning.html f.eks

men har ikke prøvet at linke hvor det har været på et websted men kun lokalt. så det kan da godt være når du uploader den at det er nok at skrive terning.html hvis siden er i biblioteket hvor index  filen er.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester