Avatar billede cronck Nybegynder
29. april 2004 - 23:45 Der er 4 kommentarer og
1 løsning

Dejlig menu, hvor får jeg den?

Jeg kan simpelthen ikke finde nogen menuer som jeg synes er bedre og mere overskuelig end den som er på udvikleren.dk men hvor søren får jeg da lige fat i sådan en?
Den skal helst være bygget på samme måde, for da jeg kiggede i sourcen var den 100% overskuelig... :D
Avatar billede doggy82 Praktikant
30. april 2004 - 02:29 #1
hmm det er jo bare css. Se lidt her http://www.meyerweb.com/eric/css/edge/menus/demo.html
ellers lær mere om css: http://www.w3schools.com/css/default.asp
Avatar billede doggy82 Praktikant
30. april 2004 - 02:35 #2
Se deres CSS fil her: http://udvikleren.dk/style.css
I selven html koden ser du:
<a href="/contact.php" class="menulink">Kontakt</a>

Der er så brugt 'Pseudo-classes' til at lave den roll-over funktion.
display:block; elementet gør at man også kan ændre farve på hele baggrunden.
http://www.w3schools.com/css/css_pseudo_classes.asp
Avatar billede doggy82 Praktikant
30. april 2004 - 02:46 #3
Det er altså den her kode som skaber alt 'magien'

A.menulink {
    color: #505050;
    text-decoration: none;
    display: block;   
    padding-left: 3px;   
    width: 100%;   
}

A.menulink:hover {
    background-color: #CFDFE9;
    display: block;
    text-decoration: none;   
}

En definition er bygget op så'n:
Tag.Class:Pseudeo-class {}

Altså de har 'A' fordi den skal virke på links.
Og 'menulink' så den kun virker på de links med class="menulink".
Pseudo-class'en 'hover' definerer hvad der sker når man kører musen over.
I det her tilfælde er det blot baggrunden som skifter farve.
text-decoration: none; bruges for at fjerne den streg som normalt er under links.
Avatar billede doggy82 Praktikant
30. april 2004 - 02:48 #4
se http://html.dk/tutorials/css/ hvis du vil læse det på dansk.
Avatar billede cronck Nybegynder
03. maj 2004 - 08:00 #5
Har ikke kunne svare da jeg har været på fyn og gøre klar til konfirmation og sådan noget... Takker for hjælpen!
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
Computerworld tilbyder specialiserede kurser i database-management

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