Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Hur gör man knappar?

Skapad av Elite, 2011-03-17 16:52 i Webbutveckling & Programmering

3 041
11 inlägg
0 poäng
Elite
Visningsbild
P 29 Hjälte 1 805 inlägg
2011-03-17 16:52
0
Tjenare. Grejar just nu med en enklare presentationshemsida i html/css som jag ska lägga upp på min egen server som jag har som parallellprojekt. Är bekant med HTML och CSS men något jag aldrig förstått är hur man gör knappar.


Alternativ ett:

Man gör designen i photoshop, och lägger samtidigt dit knappar i headern, typ som hamsterpaj har. Men hur gör man då så att HTML länken "göms" i bilden...svårt att förklara men hoppas att ni förstår :)

Alternativ två: Efter att designen är klar så gör man knappar på något annat sätt...eh?


Hjälp är VÄLDIGT uppskattat.

Tack på förhand <3

Jag hade en gång en status, med segel och ruff och köl.

Direktlänk Svara på inlägg Gästbok
Skicka

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

emomax
Visningsbild
P 33 Hjälte 229 inlägg
2011-03-17 16:57
0
Du gör knapparna i valfritt bildredigeringsprogram, GIMP, photoshop, illustrator, paint eller dylikt. Du lägger sedan en div ovanpå bilderna med en länk till den sida du vill länka till. Eller så gör du själva knapp-bilden till en länk. Eller så gör den en generell knappbakgrund som du lägger länkar ovanpå med olika texter, typ "hem", "om mig" etc.

Antingen det, eller så bör du kolla upp något som heter Javascript där du helt enkelt kodar din hemsida snygg - liksom animeringar samt döljer tooltips eller vadsomhelst. Hemsidor blir interaktiva med JS.

Att stressa har jag inte tid med.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-03-17 17:00
0
Knappar är rutor som man gör till länkar.

DEt blir typ så här:

<en länk>
<bild>
</slut på länk>

Hemsidor är interaktiva med html och css också, särskilt knappar. Behövs ingen JS för enkla saker.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
pictus95
Visningsbild
P 29 Östersund Hjälte 36 inlägg
2011-03-17 17:00
0
Osäker hur du tänker , men om jag ska förklara hur jag tror du menar så ska du kanske läsa in html för det är grundläggande. Och detta fungerar men jag förklara närmare.

Du ska göra en bild eller använda en bild om du nu ska ha bild, sen ska du ha den helst i gif-format men jpg går även bra.
Koden kan jag skriva här:

<a target="startsida"><img border="0"></a>

Det är en knapp som man kommer till min startsida och det fungerar på vanliga bilder skulle jag tro med formatet jpg och gif.
Om du vill att den ska leda till en hemsida så lägger du troligtvis url-adressen där det står startsida.htm. Har dock aldrig testat det.

ex.
<a target="Hamsterpaj"><img border="0"></a>

Hoppas du förstår. Men läs in dig på mer html innan du fortsätter så slipper du fråga men annars kan du fråga mig bara så förklarar andra saker med :)

Ge aldrig upp förrän du har klarat det 12 gånger.

Direktlänk Svara på inlägg Gästbok
Skicka
Elite
Visningsbild
P 29 Hjälte 1 805 inlägg
Trådskapare
2011-03-17 17:30
0
Tack så mycket för svar. Men vet inte riktigt om ni förstår hur jag menar.



Nu är ju det här jäääääävligt simpelt, och jag vet inte riktigt hur jag lyckats missa det på w3schools, men det jag iallafall gjort.


Anyhow. Gjorde den där för att visa hur jag menar, hur ska jag få "home" och "about" att bli knappar som går att trycka på, eller jag har missat något totalt här?

Thx!

http://img823.imageshack.us/i/unistudio.jpg/




Svar till pictus95 [Gå till post]:









Svar till emomax [Gå till post]:




Jag hade en gång en status, med segel och ruff och köl.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-03-17 17:32
0

Svar till Elite [Gå till post]:
Du gör länkar av dem . )

<a href=" http://ensida.com">Home</a>
<a href=" http://annansida.com">About</a>

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
Elite
Visningsbild
P 29 Hjälte 1 805 inlägg
Trådskapare
2011-03-17 17:33
0


Svar till Erotisk_Eruption [Gå till post]:

Men för satan!


Hur vet min HTML kod var mina länkar är då? Den kan väl inte bli magiskt ansluten till min bakgrundsdesign, som jag gjort helt i photoshop?

Jag hade en gång en status, med segel och ruff och köl.

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-03-17 18:06
0

Svar till Elite [Gå till post]:
Nej, men du kan ju inte ha knapparna i bakgrunden.

Har du läst något om HTML alls? Det här är väldigt väldigt grundläggande.

Bakgrunden i det här fallet blir en grå färg.


HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
pictus95
Visningsbild
P 29 Östersund Hjälte 36 inlägg
2011-03-17 18:17
0

Svar till Erotisk_Eruption [Gå till post]:
Håller med Elite har du läst något om HTML?

Ge aldrig upp förrän du har klarat det 12 gånger.

Direktlänk Svara på inlägg Gästbok
Skicka
Elite
Visningsbild
P 29 Hjälte 1 805 inlägg
Trådskapare
2011-03-17 18:50
0
Haha, visst har jag läst HTML men en polare sa att det gick till såhär, en anledning till att jag inte förstod då var väl att det inte funkar så...well well.

Tack för hjälpen iallafall ;)






Svar till pictus95 [Gå till post]:


Jag hade en gång en status, med segel och ruff och köl.

Direktlänk Svara på inlägg Gästbok
Skicka
emomax
Visningsbild
P 33 Hjälte 229 inlägg
2011-03-18 15:20
0

Svar till pictus95 [Gå till post]:
"Du ska göra en bild eller använda en bild om du nu ska ha bild, sen ska du ha den helst i gif-format men jpg går även bra."

Inte JPG. Det formatet är till för fotografier. Använd GIF eller PNG för saker som inte är bilder tagna av en kamera. Förlorar för mycket färginformation därigenom.




Svar till Elite [Gå till post]:

Om du har läst html så bör du veta att allt är uppbyggt av DIV-ar, alltså lådor där du kan ha text eller bilder. Om du vill ha en 'about me'-sida så får du göra en ny HTML-sida som du länkar till, genom

Ett stycke html-kod:
<A HREF="aboutMe.html">About me</A>



Att stressa har jag inte tid med.

Direktlänk Svara på inlägg Gästbok
Skicka

Forum » Datorer & IT » Webbutveckling & Programmering » Hur gör man knappar?

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Rubrik

Inlägg

Fet Kursiv Spoiler Bild Film Kod Undersökning

Förhandsgranska Spara

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons

Ingen profil med det namnet hittades!