Søg
Avatar billede zenit Nybegynder
30. juni 2004 - 17:23 Der er 9 kommentarer og
1 løsning

Lave flere links i ét billede?

Jeg er lige ved at lave min første hjemmeside designet med PS, og nu har jeg så lavet designet og knapperne, men hvordan gør jeg så sådan at man kan klikke på dem, selvom det hele jo et ét billede?
Håber i forstår mig.
Avatar billede zenit Nybegynder
30. juni 2004 - 17:31 #1
Her er et link til, hvad jeg har lavet:
http://www.nanoq.1go.dk/Side1.jpg
Avatar billede uso Nybegynder
30. juni 2004 - 17:32 #2
hm, man kan ikke så vidt jeg ved gøre det sådan at knappen bliver trykket "ind" det er vist kun i flash og shockwave man kan det...

så er der jo "area shape" metoden, som jeg lige har klippet ud fra e-jensen.homepage.dk's tutorial om HTML:

Imagemaps (billeder som menuer).


Herunder ser du et eksempel på hvordan man bruger et billede som nenu.
(-billedet ku jeg ikke få med -)

  Du er inde på et klik bart område,
det har dog ingen funktion.


Her er så koden:


EKSEMPEL
<HTML>
<HEAD>
<TITLE>Min hjemmeside</TITLE>
</HEAD>
<BODY Skriv selv dine parametre>
<IMG SRC="menu.gif" USEMAP="#panel" BORDER="0">
<MAP NAME="panel">
<AREA SHAPE=RECT COORDS="1,1,149,22" HREF="filnavn.html">
<AREA SHAPE=RECT COORDS="1,23,149,44" HREF="filnavn.html">
<AREA SHAPE=RECT COORDS="1,45,149,66" HREF="filnavn.html">
<AREA SHAPE=CIRCLE COORDS="119,83,10" HREF="filnavn.html">
</MAP>

</BODY>
</HTML>


Her er nogle af Imagemaps koder :

IMG SRC="menu.gif" USEMAP="#panel" BORDER=0 Først indsættes et billede og det navn gives med USEMAP

MAP NAME="panel" Startkode for Imagemaps.

AREA SHAPE=RECT COORDS"1,1,149,22" SHAPE kan være RECT (rektangel), CIRCLE (cirkel) eller POLY (mangekant). Området defineres med tal kordinater.

Det er dog langt nemmere at bruge et imagemaps-program, hvis du ønsker en billede-menu. Programmet CoffeeCup Image Mapper vil jeg personligt anbefale, men andre programmer kan selvfølgelig være lige så gode.



- fra http://e-jensen.homepage.dk/html/html.html

//UsO
Avatar billede uso Nybegynder
30. juni 2004 - 17:35 #3
efter hvad du viser i dit billede kan jeg ikke se anden måde end at bruge area shape :)

jeg vil lige sige det tar pokkers lang tid og rette til! :P

og en stor og dum fejl ved det hele; når du gør det i fx. 1024x768 opløsning, vil det blive skævt med en 800x600 og de andre...

selv kører jeg med 1600x1200 :P
Avatar billede uso Nybegynder
30. juni 2004 - 17:37 #4
så er der jo en langt nemmere måde...

indram alle dine links og lav dem til et billede hver for sig :)
Avatar billede zenit Nybegynder
30. juni 2004 - 17:38 #5
Jamen, de der passer ikke helt, så hvordan ændre man på, hvor en firkant er.
Ps. Det er heller ikke at knappen skal kunne trykke ind, jeg mener.
Avatar billede zenit Nybegynder
30. juni 2004 - 17:40 #6
okay, jeg prøver lige det der med at indramme dem :)
Avatar billede michael-k Nybegynder
30. juni 2004 - 19:47 #7
Prøv at søg på Slice og save for web her i photoshop kategorien.

Der er ved at være en del guides til det på eksperten.
Avatar billede miss-g Seniormester
30. juni 2004 - 20:38 #8
Nu har du fjernet billedet - så jeg kan ikke se designet.

Men alt efter hvordan du har lavet det, så er der jo mulighed for at have et billede hvor knappen er normal og et billede hvor knappen er trykket ind. I HTML programmet, laver man så en roll-over (image) knap, så den skifter det ene billede ud med det andet, når man enten kører musen henover eller klikker.
Avatar billede zenit Nybegynder
30. juni 2004 - 22:02 #9
Jeg ville ikke vide noget med at knappen skulle kunne trykkes ind. ellers tak :)
Jeg har fået svar af uso og det hjalp, takker
Avatar billede uso Nybegynder
05. juli 2004 - 09:24 #10
så er jeg her igen ^^ der var lige lidt rod med min egen comp (internet) som nu virker :P

hmm, du sagde de ikke passede, det skal man sKam selv rette :)

-> d du skal ændrer er "1,1,149,22" (som er det første) og så blive ved til det passer lige ind i... (og det er pixels)

det nederste link er en cirkel, men så vidt jeg husker er der vist ingen "cirkel-links" på din menu, så det bliver der ikke brug for...
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
Se alle it-kurser fra Computerworld Kurser
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.
Se alle it-kurser

Flere spørgsmål fra Billedbehandling kategorien

Titel Indlæg Oprettet Seneste aktivitet
Installation af Adobe Photoshop Elements 2019 Af mort1 i Billedbehandling 5 18/04/202619:43 20/04/202611:57
Batch OCR Af KurtG i Billedbehandling 10 06/04/202613:13 20/04/202609:24
Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling 28 30/03/202612:04 15/04/202612:12
Godt program til forbedring? Af andershl i Billedbehandling 1 09/03/202617:23 09/03/202617:51
Mine gemte billeder er korrupte Af hans01 i Billedbehandling 2 26/02/202607:23 01/03/202607:18
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
I går 18:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
11/0518:27 Mærkeligt ikon på proceslinjen Af ErikHg i Windows
11/0513:54 Jeg skal have indstaleret Garmin express Af skolevej321 i Andet software
White papers
Flere white papers »