Code schrijven voor foto

[Ladyke]

hoi,

ik heb een skate site gemaakt voor mij en mijn vrienden,
nu wil ik bij boards (in deze pagina) een foto van een skateboard zetten
en als men hier op komt dan kan men hier op klikken .
wil iemand me opweg helpen met deze ?
Alvast bedankt

site : http://skatingnoorderwijk.webs.com/

Ladyke

 

[manamana]

Hieronder is volgens mij zowat alles aanklikbaar met veel codes en zo. Probeer eens. Laat even weten.

http://www.circuitsonline.net/forum/faq/2

Groet Manamana

 

[csshunter]

... met veel codes en zo

Dat zijn codes voor een een BB (bulletin board), die je kunt gebruiken in berichten op forums (zoals dit) en dergelijke. Met een speciale techniek maakt de server van de site er dan html-codes van.
Maar het zijn geen html-codes die je zelf direct in je html kunt toepassen.

Wat wel kan:

<p><a href="http://deSiteWaarJeNaarToeWiltLatenGaan.com/"><img 
    src="jeImageMap/hetBoardPlaatje.png" width="200" height="150px"
    title="Klik hier om naar ... te gaan" alt=""></a></p>

In plaats van naar een site te laten gaan, kan je ook naar een pagina van een andere site (of je eigen site) laten gaan, of bv. naar een vergroting van de foto, als je de link daarnaartoe opneemt in de href="...".

En dan in je css (als het al niet ergens staat), om geen vette blauwe rand om de afbeelding te krijgen:

img {
    border: 0;
    }

Een zelf opgegeven border van een bepaalde kleur en dikte kan ook, bv.:

img {
    border: 2px solid white;
    }

Solid is een gewone randlijn, geen stippeltjes of streepjes-lijntjes of iets dergelijks.

Met vriendelijke groet,
CSShunter

 

[Ladyke]

Sorry jongens maar jullie moeten me iets harder helpen ik ken
alleen een heel klein beetje de basis srry
maar ik snap niet hoe je de foto erop krijgt
moet ik dan vb : D/foto's/Board.jpeg doen ?

Ladyke

 

[csshunter]

maar ik snap niet hoe je de foto erop krijgt

Eh, hoe maak je eigenlijk een webpagina voor deze site?
En hoe heb je de foto (geanimeerde gif) van de jumpende skater op de homepage gekregen?

 

[Ladyke]

hoi,

ik maakt deze site met de webs site builder (dus redelijk simpel)
een nieuwe pagina aanmaken is gewoon op add page klikken.

de foto van de jumpende skaters is een .gif bestand (gemaakt met unfreeze)
en als je dan gewoon op add photo klikt dan kan je deze adden

nu ik heb gister aant proberen geweest met jouw code maar dan komt de
foto die ik wil er niet op maar een pictogram dat hij de foto niet kan laden

Ladyke

 

[csshunter]

OK, een WebBuilder...
Dan proberen we het anders.

Als je eerst de foto toevoegt op hun manier, kan je dan niet de foto met een klik selecteren, en vervolgens ergens op een knopje "Link van maken" (meestal zoiets als dit:

) klikken, waarna je kan invullen waar de link naar toe moet gaan?

En anders even kijken of er iets over in hun gebruiksaanwijzing/Help staat. Voor iets als het aanmaken van een link zou dat er toch in moeten staan, zou je zeggen.

 

[Ladyke]

jippie gelukt in de webbuilder ,
dankje voor de tip , ik wist niet dat ik dit kon doen in een webbuilder

maar nu klein vraagje : zoals je ziet zijn de foto's hun achtergrond
wit , nu wil ik ze doorschijnend maken
doe ik dit in paint of photoshop ,http://skatingnoorderwijk.webs.com/materialen.htm

Ladyke

 

[Frats]

Photoshop kan het wel. Je moet dan het witte deel wegknippen (zodat je het "geen plaatje hier" motief ziet, grijs/witte vlakjes geloof ik?) en het dan opslaan als een .png image met transparantie.

 

[Ladyke]

dat snap ik niet helemaal (geen plaatje hier)
ik heb wel photoshop elements 7

Ladyke

 

[csshunter]

Vaak geven beeldbewerkingsprogramma's transparantie aan met grijs-witte blokjes. Die komen er dan, als je het wit rond de boarden gaat wegknippen.
Bij mij in Paint Shop Pro ziet dat er zo uit (een paar stappen uitvergroot):

Maar in de praktijk zie je dan vaak niet goed wat je wegknipt, en ook niet of het wel klopt met de nieuwe donkere achtergrond die door het transparante gedeelte moet komen. Hier is een selectie van wittinten weggeknipt, en met je donkere achtergrond zou dit dan het resultaat zijn:

Op sommige punten blijkt dan teveel te zijn weggeknipt, op andere punten te weinig. De overgangen (die vroeger prima van donkere boards naar witte achtergrond verliepen) zijn ook niet mooi meer. Ze moeten nu juist van de boards naar een donkere achtergrond verlopen.

In plaats van wegknippen doe ik daarom liever "bijschilderen": met de achtergrondkleur van de site het wit opvullen, en daarmee ook de verlooptinten maken. *) Dan is het geen transparante afbeelding meer, maar dat hoeft ook niet: de donkere kleur is precies de background-color van de pagina, en het verschil is niet op het scherm te zien. Zoiets:

Op deze manier weet je van tevoren dat de randen erg mooi gaan worden, zeker op ware grootte:

>>

Met vriendelijke groet,
CSShunter
____________
*) Dat is best een klusje bij deze afbeelding: soms moet je per pixel de juiste overgangskleur zien te vinden.