Buttons

ooddbb · 16. november 2003

Hei!

Eg skal lage noen "buttons" til menyen på min hjemmeside, men er veldig i tvil hvordan dei skal se ut. Noen som vil anbefale noen?

Eg tenkte eg skulle lage knapper som besto av vanlig skrift (times new roman e.l.), og att når en plasserte pilen over ordet så kom det en strek over og en under pluss att ordet skiftet farge da. Men eg er usikker på hvordan eg gjør dette, noen som hvordan? :-)

yNx · 16. november 2003

bruk flash eller javascript. du finner mange gode eksempler på det hvis du bruker google litt

pgdx · 16. november 2003

bruk flash eller javascript. du finner mange gode eksempler på det hvis du bruker google litt

Ehm?

skriv dette i head:

<style>
a {
 color: #000000;
 text-dexoration: none;
 font-family: verdana;
}
a:hover {
 color: #ff0000;
 text-decoration: underline; (kan byttes ut med overline?
}
</style>

JEg har byttet ut din times new roman med "Verdana" fordi den er tøffere. Fargen #000000 er svart, og #ff0000 er rød.

A:hover er når du holder musen over linken. Underline betyr strek under, som at overlilne er strek over. Du kan også få strek gjennom ordet, men det er ikke noe kult.

Prøv det først. Lær deg å bruke CSS så fort som mulig.

Endret 16. november 2003 av Toolshed

ooddbb · 16. november 2003

Toolshed: Eg fikk ikke denne til å funke eg. Gjorde det rett tror eg, la den inn i HTMLen og testet den i browseren.

Kan en ikke lage slike knapper uten å kunne programmering da? Eg bruker Frontpage, kan en lage noen "fansy" knapper der?

Torbjørn · 16. november 2003

ikke vær redd for å lære programmering hvis du tror du trenger det.

kan riktignok ikke se hva man skulle trenge det til i dette tilfellet.

du bør absolutt vurdere å lære deg et par styles for å dekorere linker / knapper

pgdx · 16. november 2003

Kan en ikke lage slike knapper uten å kunne programmering da? Eg bruker Frontpage, kan en lage noen "fansy" knapper der?

Det er nok ikke programmering. Prøv dette, da... Kopier dette inn i notepad og lagre som index.html ett eller annet sted. Deretter åpner du filen i internet explorer...

<html>
<head>
<title>Dette er tittelen</title>
<style>
a {
color: #000000;
text-dexoration: none;
font-family: verdana;
}
a:hover {
color: #ff0000;
text-decoration: underline; (kan byttes ut med overline?
}
</style>
</head>
<body>
<p>Dette er en <a href="#">link</a>!<br>
Hold musen over linken og se at den skifter farge.</p>
</body>
</html>

Smidt · 16. november 2003

Vil anbefale Fireworks MX, enkelt og greit program til å lage knapper og litt grafisk. virker for øvrig veldig bra sammen med Dreamwaver MX..

haugsand · 16. november 2003

text-decoration: underline overline; gir overline og underline samtidig.

pgdx · 16. november 2003

text-decoration: underline overline; gir overline og underline samtidig.

Det visste jeg ikke... Kult!

ooddbb · 19. november 2003

Vil anbefale Fireworks MX, enkelt og greit program til å lage knapper og litt grafisk. virker for øvrig veldig bra sammen med Dreamwaver MX..

Takker :-)

Noen som vil anbefale andre programmer som gode å lage knapper o.l. med? :!:

pgdx · 19. november 2003

http://tutorials.drange.net/

Se på knapp. Jeg liker den, jeg...

magikern · 19. november 2003

evt:

<input type="button">

input {
   background: black;
   color: white;
}
input:hover {
   background: green;
   color: white;
   text-decoration: underline overline;      
}

Velmont · 20. november 2003

Kan bruke "border" istedenfor text-decoration da, om det er en liten linje med tekst.. Blir den brutt i midten er det litt verre, vil jeg tro..

Og, hvordan får du Syntax Highlight på HTML koden? Har forumet noe slikt for PHP osv også?

Edit: ohh, en egen

 tagg, gu så hendig

Endret 20. november 2003 av Velmont

Logg inn

Buttons

Anbefalte innlegg

ooddbb

Videoannonse

yNx

pgdx

ooddbb

Torbjørn

pgdx

Smidt

haugsand

pgdx

ooddbb

pgdx

magikern

Velmont

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer