HTML - Trevligare cacher

Här diskuterar vi olika cacher
Användarvisningsbild
kung_gustaf
Geocachare
Inlägg: 299
Blev medlem: sön okt 23, 2011 21:42
Efternamn: Christian
Förnamn: Cassepierre

HTML - Trevligare cacher

Inlägg av kung_gustaf » tis dec 13, 2011 10:05

Hoho vad roligt det var! Äntligen föll polletten efter att ha läst en snabbkurs i HTML på nätet :mrgreen:

För er som inte fått kläm på det än:
http://www.enkelsak.com/html/Lektion_001.html


Lite roligt blev det när beskrivningen blev så fin!

GC394W7 blev så här.

<center>
<h1><b>The National Hockey League<br /></b></h1>
<a href="http://laddauppbilder.se/?pm=13132375741115" title=
"nhl22"><img src="http://laddauppbilder.se/?dm=13132375741115" alt=
"nhl22" />
</a></center>
<br />
Jason Demers<br />
Patrice Bergeron<br />
Jamie Benn<br />
Null Noboby<br />
<br />
Andrew Brunette<br />
Matt Beleskey<br />
Zero Noone<br />
Dave Bolland<br />
<br />
<br />
Contains log, note, pen, FTF-coin and <b>HIGH QUALITY items</b> to
trade! Trade up, trade equal or do not trade at all!<br />
<br />
<br />
<a href=
"http://www.geocaching.se/?page=hjalpmed ... ggen"><img style="display: block; margin-left:auto; margin-right:auto;"
src=
"http://www.geocaching.se/images/dengodaloggen.png" /></a><br />


Alltid någon som kanske lär sig något..


/Kung_Gustaf
Kung_Gustaf & Dalecarlia = Stonebreakers
Bild
Användarvisningsbild
kung_gustaf
Geocachare
Inlägg: 299
Blev medlem: sön okt 23, 2011 21:42
Efternamn: Christian
Förnamn: Cassepierre

Re: HTML - Trevligare cacher

Inlägg av kung_gustaf » tis dec 13, 2011 10:06

För att ladda upp bilder använde jag följande adress då dom även har snabbkoden för bilden i HTML.

http://www.laddauppbilder.se
Kung_Gustaf & Dalecarlia = Stonebreakers
Bild
Användarvisningsbild
Djurets
Föreningsmedlem
Inlägg: 1706
Blev medlem: sön feb 10, 2008 20:49
Efternamn: Jonsson
Förnamn: Mikael
Ort: Mariestad

Re: HTML - Trevligare cacher

Inlägg av Djurets » tis dec 13, 2011 10:24

kung_gustaf skrev:Hoho vad roligt det var! Äntligen föll polletten efter att ha läst en snabbkurs i HTML på nätet :mrgreen:

För er som inte fått kläm på det än:
http://www.enkelsak.com/html/Lektion_001.html

/Kung_Gustaf
Eller så fuskar man och använder: http://www.swedenreviewers.se/htmleditor.aspx :D
/Djurets
Bild
Användarvisningsbild
Motorcycledude
Föreningsmedlem
Inlägg: 1465
Blev medlem: sön aug 23, 2009 13:47
Efternamn: Esselöv
Förnamn: Hans
Ort: Hörksbyn
Kontakt:

Re: HTML - Trevligare cacher

Inlägg av Motorcycledude » tis dec 13, 2011 10:27

Djuret skrev:Eller så fuskar man och använder: http://www.swedenreviewers.se/htmleditor.aspx :D
Den skapar tyvärr en oerhört skräpig kod.
Bild
Bild
Användarvisningsbild
kung_gustaf
Geocachare
Inlägg: 299
Blev medlem: sön okt 23, 2011 21:42
Efternamn: Christian
Förnamn: Cassepierre

Re: HTML - Trevligare cacher

Inlägg av kung_gustaf » tis dec 13, 2011 10:30

Hahaha nämen va f*n.. här har man suttit och harvat med olika koder och så finns det en emulator :P

Jaja.. det är ju manligare att skriva själv :D Även om det ser ut som hej kom och hjälp mig så funkar min..!
Kung_Gustaf & Dalecarlia = Stonebreakers
Bild
Användarvisningsbild
Djurets
Föreningsmedlem
Inlägg: 1706
Blev medlem: sön feb 10, 2008 20:49
Efternamn: Jonsson
Förnamn: Mikael
Ort: Mariestad

Re: HTML - Trevligare cacher

Inlägg av Djurets » tis dec 13, 2011 10:44

Motorcycledude skrev:
Djuret skrev:Eller så fuskar man och använder: http://www.swedenreviewers.se/htmleditor.aspx :D
Den skapar tyvärr en oerhört skräpig kod.
Möjligt, men då kan den vara extra bra om man vill gömma lite myst ledtrådar i koden...

Vet du någon bättre emulator? För att koda själv "för hand" är inte min melodi...
/Djurets
Bild
Användarvisningsbild
Motorcycledude
Föreningsmedlem
Inlägg: 1465
Blev medlem: sön aug 23, 2009 13:47
Efternamn: Esselöv
Förnamn: Hans
Ort: Hörksbyn
Kontakt:

Re: HTML - Trevligare cacher

Inlägg av Motorcycledude » tis dec 13, 2011 10:48

Verkar finnas rätt mycket att välja på. http://www.quackit.com/html/online-html-editor/ ser lättanvänd ut, men jag har ingen aning om hur ren koden man får ut av den är. Jag själv brukar knacka manuellt.

Annars brukar ju hemsideutrymme ingå i de flesta internetabonnemang och många har inbyggda online-editors.
Bild
Bild
Användarvisningsbild
J5oakim
Föreningsmedlem
Inlägg: 351
Blev medlem: sön sep 11, 2011 16:17
Efternamn: Åkerö
Förnamn: Joakim
Ort: Linköping
Kontakt:

Re: HTML - Trevligare cacher

Inlägg av J5oakim » tis dec 13, 2011 12:13

Går alltid att använda MS Word att skapa en webbsida och sedan ta ut hmtl koden, om man vill ha det ännu enklare.. ^^ :P
Dock tror jag inte det blir så fin hmtl-kod av det, men många program finns för html..
Livet är för långt för att ha tråkigt, så ut på ÄVENTYR!
Geocaching är inte en hobby, det är en livsstil!..!
Bild
Löjan
Geocachare
Inlägg: 1315
Blev medlem: mån jul 27, 2009 12:25
Efternamn: Ramäng
Förnamn: Anders
Ort: Söderslätt

Re: HTML - Trevligare cacher

Inlägg av Löjan » tis dec 13, 2011 12:15

Djuret skrev:Vet du någon bättre emulator? För att koda själv "för hand" är inte min melodi...
Jag använder numera swedenreviewers.se, men tidigare körde jag http://www.crumlin.dk/geocaching/html/ . Vet inte om den skapar annolunda kod.
Användarvisningsbild
emil.s
Föreningsmedlem
Inlägg: 202
Blev medlem: sön okt 10, 2010 2:10
Efternamn: Sandnabba
Förnamn: Emil
Ort: Hedemora
Kontakt:

Re: HTML - Trevligare cacher

Inlägg av emil.s » tis dec 13, 2011 12:44

Är faktiskt mycket enklare än man tror att koda för hand. Är egentligen bara:
<p> <br /> <b> och <hX> man behöver hålla reda på.
<img> och <a> om man håller på med bilder och länkar.
Användarvisningsbild
hjontemyra
Geocachare
Inlägg: 830
Blev medlem: ons aug 09, 2006 23:00
Efternamn: Dahlin
Förnamn: Jonas
Ort: Örnsköldsvik
Kontakt:

Re: HTML - Trevligare cacher

Inlägg av hjontemyra » tis dec 13, 2011 15:03

Löjan skrev:
Djuret skrev:Vet du någon bättre emulator? För att koda själv "för hand" är inte min melodi...
Jag använder numera swedenreviewers.se, men tidigare körde jag http://www.crumlin.dk/geocaching/html/ . Vet inte om den skapar annolunda kod.
Jag tror det är samma emulator men olika versioner...
Bild
Bild
Användarvisningsbild
linsrille
Geocachare
Inlägg: 3112
Blev medlem: sön jun 21, 2009 11:24
Efternamn: Jonsson
Förnamn: Richard
Ort: Jönköping

Re: HTML - Trevligare cacher

Inlägg av linsrille » tis dec 13, 2011 15:11

j5k skrev:Går alltid att använda MS Word att skapa en webbsida och sedan ta ut hmtl koden, om man vill ha det ännu enklare.. ^^ :P
Dock tror jag inte det blir så fin hmtl-kod av det, men många program finns för html..
det går, men producerar tveklöst sämst kod och kommer inte se rätt ut på cachesidan då gc.com skalar bort mycket formatering.
Bild
Användarvisningsbild
J5oakim
Föreningsmedlem
Inlägg: 351
Blev medlem: sön sep 11, 2011 16:17
Efternamn: Åkerö
Förnamn: Joakim
Ort: Linköping
Kontakt:

Re: HTML - Trevligare cacher

Inlägg av J5oakim » tis dec 13, 2011 16:00

linsrille skrev:
j5k skrev:Går alltid att använda MS Word att skapa en webbsida och sedan ta ut hmtl koden, om man vill ha det ännu enklare.. ^^ :P
Dock tror jag inte det blir så fin hmtl-kod av det, men många program finns för html..
det går, men producerar tveklöst sämst kod och kommer inte se rätt ut på cachesidan då gc.com skalar bort mycket formatering.
Sant!
Dock gör kodar jag för hand..
Livet är för långt för att ha tråkigt, så ut på ÄVENTYR!
Geocaching är inte en hobby, det är en livsstil!..!
Bild
Användarvisningsbild
bonde456
Geocachare
Inlägg: 664
Blev medlem: tis nov 02, 2010 19:47
Efternamn: Persson
Förnamn: Andreas
Ort: N65° 56.065 E22° 52.506

Re: HTML - Trevligare cacher

Inlägg av bonde456 » tis dec 13, 2011 17:32

jag använder ganska ofta <hr> alltså ett Horisontalt streck för att dela av en cache beskrivning från historiebakgrund eller liknande
t.ex så här http://coord.info/GC30W6V
BildBild
Användarvisningsbild
teamroos
Geocachare
Inlägg: 110
Blev medlem: sön jul 10, 2011 16:51
Efternamn: Roos
Förnamn: Mikael
Ort: Ronneby / Bankeryd

Re: HTML - Trevligare cacher

Inlägg av teamroos » tis dec 13, 2011 19:02

En liten HTML tutorial. :D

<h1>Detta ger den största rubriken</h1>

<h2>Detta ger en liten mindre rubrik</h2>

<h3>Ytterligare lite mindre rubrik, det finns 6 olika storlekar av rubriker</h3>

<p>En paragraf är just en paragraf och ger en extra blankrad efter stycket.</p>

<p><b>Detta blir text i fetstil/bold</b> och <i>detta blir kursiv/italic text</i></p>

<p><a href="http://geocaching.se">Detta blir en länk/anchor som länkar till geocachings hemsida</a></p>

<p><img src="http://www.geocaching.se/img/logo.png"><br/><i>Detta är kursiv bildtext till en fiktiv bild som hämtas från denna webbplats.</i></p>

<p>En punklista (unordered) kan skapas så här:</p>
<ul>
<li>Adam
<li>Berit
<li>Ceasar
</ul>

<p>En numrerad (ordered) kan skapas så här:</p>
<ol>
<li>Adam
<li>Berit
<li>Ceasar
</ol>

Slut på tutorial.

Här är ett exempel på en cache som använder lite enkel HTML för att skapa en rubrik i sin beskrivning:
http://coord.info/GC32EF5

Här är två cacher som använder HTML och bilder med bildtexter i sin beskrivning:
http://coord.info/GC346V0
http://coord.info/GC31ENW

I dessa två exempel används lite style (CSS) för att maximera bredden på bilderna. Ett exempel på det kan se ut så här:

<p><img style="max-width:300px;" src=
"http://img.geocaching.com/cache/a0709eb ... 2052f4.jpg" />
<img style="max-width:300px;" src=
"http://img.geocaching.com/cache/f12caa5 ... c3efd5.jpg" />
<br />
<i>Två vyer över den Strandgata som var</i></p>

På det sättet kan man även lägga till mer avancerad formattering, men då behöver man lära sig lite CSS också.

Observera att ett HTML-element består av en starttag <p> och en sluttag </p>, bortsett från <br/> som ger en radbrytning och <hr> som ger en horisontellt streck. All text skrivs mellan taggarna.

Det är bara att skapa en cache och börja testa. :D 8) :P
Det kan räcka med enkla medel för att få det lite snyggare.
Senast redigerad av 1 teamroos, redigerad totalt 0 gånger.
/teamroos
Bild Bild
Skriv svar