Spring naar bijdragen

Aanbevolen berichten

Geplaatst

hoi, we hebben een aantal banners verzameld maar sinds een tijdje, niet sinds de up-date, staan ze niet meer zichtbaar op mijn profiel. wel dat er iets moet staan maar dat is dan een blokje met een rood kruis, alleen 1 doet het nog, de hel van loon, maar de rest is niet zichtbaar. ik heb al geprobeert om het hele zaakje weg te halen en opnieuw te plakken maar dat maakt niet uit. heeft iemand dit ook en wellicht een oplossing. het ligt niet aan mijn computer daar hij op andere pc's hetzelfde doet. alvast bedankt.

Geplaatst

Heb je een link naar je profielpagina?

debbieiutnh komt niet voor op gc.com

Als je je nick geeft of een link naar je profielpagina kan hier op het forum vast wel iemand een blik op je pagina werpen en vertellen waar het probleem zit.

Greetz Bloodwoosj.

Geplaatst

Heb even gekeken, de html-codes cq links naar die banners van de banners die er nu staan kloppen niet.

Ik zal eens puzzelen of ik kan ontdekken wat de juiste codes zijn.

Greetz Bloodwoosj.

Geplaatst

Dit is de code voor de droge voeten banner:

 

<p><img border="0" src=
"http://img.geocaching.com/cache/c985bbd5-7ff8-4081-bfea-b3cf0092ca6f.jpg"
width="234" height="60" /></p>

 

Wil je ook nog een link naar de bonus-cachepagina van de droge voeten cache via die banner dan moet je de volgende code gebruiken:

 

<p><a href="http://www.geocaching.com/seek/cache_details.aspx?wp=GC1D9KA" target="_blank"><img border="0" src=
"http://img.geocaching.com/cache/c985bbd5-7ff8-4081-bfea-b3cf0092ca6f.jpg"
width="234" height="60" /></a></p>

 

Probeer je huidige code eens te vervangen door die code.

 

Als je nog meer wil aanpassen denk ik dat je best even een mailtje stuurt via mijn gc.com profiel (bloodwoosj) en dan kijken we even wat je nog meer wil.

 

 

Greetz Bloodwoosj.

Geplaatst (bewerkt)

En de code voor de "Moord in Breehees" luidt:

 

<a href="http://www.geocaching.com/seek/cache_details.aspx?wp=GC1DVDZ" target="_blank"><img src="http://www.culinette.com/Gps/bannerbreehees.gif" width="175" height="50" border="0"></a>

 

Edit, ik zie trouwens in je paginacodes dat er nogal wat spaties (%20) in de links terecht zijn gekomen. Die horen daar zeker niet thuis.

bewerkt door Bloodwoosj
Geplaatst

Bloodwoosj bedankt, ik ga de banners er opnieuw inzetten en hoop dat het lukt, kan me niet herrinneren dat ik eraan gezeten heb maar het is het proberen waard. dank voor je hulp en zoekwerk.

  • 2 months later...
Geplaatst

Hier wil ik even op inspringen. Is er ook een algemene code die je kan gebruiken om een banner in je profiel te zetten. Ik wil graag http://img.geocaching.com/cache/f4657db8-90c1-4a6d-87f4-a5f2d3f8771b.jpg op mijn profielpagina zetten. (ik zat een beetje rond te kijken bij profielen van mensen en kwam het tegen, leek me wel leuk om bepaalde dingen zo bij te houden)

 

Misschien is het heel logisch af te lezen aan wat hierboven staat, maar van dit soort dingen snap ik echt helemaal niets...

 

Hopelijk kan iemand me helpen hiermee.

 

Groetjes Micha

Geplaatst

alles kan in html worden gezet, niet moeilijk maar je moet alle codes wel goed zetten.

 

om een plaatje in te voegen gebruik je: <img src="link naar het plaatje">

hieraan kun je toevoegen width="200" height="50" border="0" title="tekst", dit zegt resp. iets over de breedte, de hoogte en de tekst die verschijnt als je met de muis er op gaat staan.

 

Als je wilt dat men, door op het plaatje te klikken naar de betreffende cache pagina te gaan gebruik je: <a href="link naar de cache pagina" target="_blank"> tekst of plaatje </a>

De code target="_blank" zorgt ervoor dat er een nieuw tabblad wordt geopend in InternetExplorer of FireFox of welke webbrowser je ook maar gebruikt

 

Om kort te gaan, als je bijvoorbeeld de banner voor mijn cache megaliet wilt gebruiken op je profiel pagina, dan kan dat door de volgende code te gebruiken:

<a href="http://www.geocaching.com/seek/cache_details.aspx?guid=1ee3fc8e-c2b0-4b9b-b118-4ba14da9d182"'>http://www.geocaching.com/seek/cache_details.aspx?guid=1ee3fc8e-c2b0-4b9b-b118-4ba14da9d182" target="_blank"><img src="http://img.geocaching.com/cache/23e93364-1f2d-4d63-af0b-c5b8d1098ee9.jpg"'>http://img.geocaching.com/cache/23e93364-1f2d-4d63-af0b-c5b8d1098ee9.jpg" title="Megaliet GC16DAJ" width="200" height="50" border="0" /></a>

 

of te wel:

om de link te maken: <a href="http://www.geocaching.com/seek/cache_details.aspx?guid=1ee3fc8e-c2b0-4b9b-b118-4ba14da9d182" target="_blank">

om het plaatje te tonen: <img src="http://img.geocaching.com/cache/23e93364-1f2d-4d63-af0b-c5b8d1098ee9.jpg" title="Megaliet GC16DAJ" width="200" height="50" border="0" />

om de link te eindigen: </a>

 

Hopelijk heb je er wat aan

 

Anders stuur maar een PM om e.e.a. te verduidelijken

 

Succes, Tukkerboertje

Geplaatst (bewerkt)

En om het wat makkelijker te maken heb ik een image tool gemaakt: http://waldio.geocacher.nl/tools/imagetool

Als je hier die link invult komt er vanzelf een code uit rollen.

 

@tukkerboertje, het target attribuut wordt niet ondersteund in XHTML. En over het algemeen doen browsers dit zelf al.

En een alt attribuut is ook altijd handig. Als je dat plaatje niet kan vinden komt er dan gewoon de beschrijving van de alt te staan i.p.v. zo'n dom kruisje.

bewerkt door Waldio
Geplaatst

Dankjewel voor jullie reacties.

 

Ik kom er toch niet aan uit, want alles wat ik op mijn profielpagina zie is een soort van plaatje met een rood kruis. Weet iemand wat ik verkeerd doe? Die image tool snap ik niet helemaal. Waar moet ik een plaatje naar uploaden, ik ben geen cachepagina aan het maken, maar wil het graag op mijn profiel.

 

Je kan het resultaat zien op mijn profielpagina. Hopelijk kan iemand mij vertellen wat ik verkeerd doe...

Geplaatst

Je hebt het plaatje als het ware al geupload. Want de link die je in je vorige post gaf is al geupload.

Deze link vul je in op de plaats van http:// en daaronder geef je een korte beschrijving, vervolgens klik je op maak code en dan krijg je een voorbeeld + code. Deze vul je in en je bent klaar!

Geplaatst

Je kan het resultaat zien op mijn profielpagina. Hopelijk kan iemand mij vertellen wat ik verkeerd doe...

 

Helaas klopt de code voor de eerste banner al niet helemaal. Dat is niet jou schuld, maar de cacheowner heeft de foute code op de pagina staan.

 

Als je nu het volgende gedeelte van je profiel code vervangt:

<a href=
"http://www.geocaching.com/seek/cache_details.aspx?guid=65c46614-e7bc-4afe-a6d6-9e03eda5539c">
<img src=
"http://img36.imageshack.us/img36/4417/wallace2.png" /><br />
<br />
<br />
<br />
<img src="http://img.geocachin...5f2d3f8771b.jpg" />

Voor:

 

<a href="http://www.geocaching.com/seek/cache_details.aspx?guid=65c46614-e7bc-4afe-a6d6-9e03eda5539c">
<img src= "http://img36.imageshack.us/img36/4417/wallace2.png" /></a><br />
<br />
<a href="http://www.geocaching.com/seek/cache_details.aspx?guid=6b9226bf-d06a-4ace-b3dd-feb89231760a">
<img src="http://img.geocaching.com/cache/f4657db8-90c1-4a6d-87f4-a5f2d3f8771b.jpg" />
</a>

dan zou het er ongeveer zo uit moeten zien zoals je bedoelt...

  • Top! 1
Geplaatst

@ Wout

 

Het is gelukt met de code die jij voorstelde. Je gaf aan dat de code voor de eerste banner verkeerd was. Maar het ging om een plaatje waar geen banner link voor gemaakt was. Het was gewoon een plaatje die ik ergens van een cache pagine had afgehaald. De code stond gewoon bij eigenschappen van dat plaatje. Is er ook een simpele uitleg hiervoor hoe ik het zelf kan doen? Of is dit zo ingewikkeld dat ik me er beter niet mee kan bezig houden en gewoon hier om hulp vragen ;)

 

In ieder geval bedankt! Het is gelukt!

Geplaatst

Wat heb je nodig?

Als eerst moet je de url van je plaatje hebben. Als je plaatje niet op het internet staat, maar op je computer, moet je dat plaatje eerst uploaden. Er zijn veel site's die dit kunnen 1 daarvan is http://www.tinypic.com

Je hebt nu de URL van je afbeelding. Die noem ik vanaf nu .

 

Stap 1

Nu gaan we eerst de afbeelding inladen. Dit doen we met de img tag: <img />.

Elke tag heeft attributen, dit zijn eigenschappen die je kunt meegeven. De eigenschap waar we de moeten inzetten is src. Een attribuut is altijd het woord (in dit geval src) plus een = teken en quotes "". Tussen die quotes plaats je de dingen die je aan die attribuut moet meegeven. De code die we nu hebben wordt dus:

<img src="[url]" />

 

Stap 2

Eigenlijk hebben we nu al het plaatje. Maar we kunnen(/moeten) er nog wat andere attribuuts bij zetten. De gene die altijd moet is de alt attribuut. Hiermee kunnen we een kleine beschrijving van wat er op dat plaatje te zien is invullen. Die kunnen we er dus bij plaatsen:

<img src="[url]" alt="hier de beschrijving" />

Een attribuut die ook handig is om erbij te zetten is de title attribuut. Als je met je muis op de afbeelding blijft staan komt er een balkje met wat tekst te voorschijn. Dit is de title. Hier schrijven we dus een beschrijving in 1 à 2 woorden:

<img src="[url]" alt="hier de beschrijving" title="hier beschrijving" />

 

Stap 3

Nu hebben we de afbeelding helemaal klaar. Tijd om een link te maken. Als eerst hebben we nu weer de url van de pagina nodig. Deze noemen we [LINK]. In het engels (html is namelijk engels) is een link een anchor. De tag is dus a: <a></a>. We zien dat we hier 2 tags hebben a en /a. Bij a openen we de link en bij /a sluiten we hem. Alles wat dus tussen <a> en </a> staat wordt de tekst van de link.

Ook bij deze tag moeten we attributen toevoegen. Want we moeten laten weten waar die link naar toe moet. Die attribuut is href. De code wordt dus:

<a href="[LINK]">[AFBEELDING]</a>

 

Stap 4

Nu kunnen we ook weer wat attributen toevoegen aan de link. We kunnen net zo als bij de afbeelding het attribuut title meegeven. Dit werkt precies hetzelfde. De code wordt nu dus:

<a href="[LINK]" title="hier beschrijving">[AFBEELDING]</a>

 

Stap 5

Nu zien we iets vreemds gebeuren! De afbeelding die eerst gewoon die afbeelding was krijgt er nu een paarse rand omheen. In het engels heet zoiets een border. We zullen dus aan de img tag moeten meegeven dat deze afbeelding geen border wilt. Met de style attribuut kun je alle opmaak regelen van de afbeelding. Als we hier dus inzetten border: 0. Krijgen we geen border. De code wordt dus:

<a href="[LINK]" title="hier beschrijving"><img src="[url]" alt="hier de beschrijving" title="hier beschrijving" style="border: 0" /></a>

 

Stap 6

Nu werkt de code helemaal zoals jij het wilt! Dit is dus het eindresultaat:

<a href="[LINK]" title="hier beschrijving"><img src="[url]" alt="hier de beschrijving" title="hier beschrijving" style="border: 0" /></a>

  • Top! 1
  • Onlangs hier   0 leden

    • Er kijken geen geregistreerde gebruikers naar deze pagina.
×
×
  • Nieuwe aanmaken...