Lay-out hulp gezocht - Forum

Lay-out hulp gezocht

Anoniem
Queen of Queens

Couture schreef:
Heb even zitten zoeken haha. Heb hier een oude van lay van Juntos waar inzit wat je bedoelt volgens mij

http://virtualpopstar.com/home/dailynews?x=read&id=4345

Als ik in de codering kijk, staat dit er:

<div align="left">
<div style="width:410px;height:149px;margin-right:-410px;margin-bottom:-149px;"><span style="color:#ffffff;">
Tekst van tekstvak
</span></div>

<div style="width:382px;height:153px;margin-right:-382px;margin-bottom:-153px;"><span style="color:#ffffff;">
Tekst van tekstvak
</span></div>

<div style="width:715px;height:500px;margin-right:-715px;margin-bottom:-500px;"><img src="https://i.imgur.com/6q2XAD6.png" alt="" /></div>

<img src="https://i.imgur.com/jl6HhNB.png" alt="" /></div>

Blauw = codering twee tekstvakken
Paars = codering van de normale lay-out

En dan is dus volgens mij het stuk dat ik oranje gemaakt heb de codering voor zo'n afbeelding over de lay-out en tekstvakken heen. Dus als je daar dan de url van de afbeelding inzet, de breedte en hoogte (width/height) van de afbeelding die je gebruikt en het dan eventueel op de juiste plek van je lay-out plaatst doot top/left aan te passen, moet het lukken. Zo deed ik het volgens mij in ieder geval haha, maar kostte wat tijd om het goed te krijgen soms.

Hierdoor mis ik de NT/CT tijd dat ik hiermee bezig was haha

Oh, als ik het plaats vallen sommige delen weg volgens mij, damn it
Jup, delen van de codering verdwijnen hier, pfff
Ik mail anders wel een afbeelding haha, wait

Anoniem
Wereldberoemd

Juntos schreef:

Belle schreef:

Juntos schreef:
Als je een aparte png-afbeelding maakt van de bloemen, kan je die over de tekstvak coderen, zodat de tekst eronder valt!

Hoe kan ik de aparte png-afbeelding dan over het tekstvak coderen? Ik heb nu in de gewone lay-out het tekstvak gecodeerd. Wat is dan de volgende stap?

Thanks in ieder geval!! @Juntos

Het divje van een afbeelding is eigenlijk hetzelfde als die van een tekstvak, alleen zet je er nu dus een afbeelding in in plaats van tekst.

In dit artikel heb ik dit bijvoorbeeld ook gedaan: http://virtualpopstar.com/home/dailynews?x=read&id=4829

Zo ziet de code er dan uit:

Het roodomlijnde gedeelte is de afbeelding die over de tekstvak heen staat en deze ziet er dus bijna precies uit als de code van de tekst. Ik heb hetzelfde formaat als de lay-out zelf genomen en vervolgens de looks in het plaatje gepositioneerd, gezien dat codeerwerk scheelt haha. Je hoeft dan niet meer te prutsen met het "top" en "left"-gedeelte.
Je moet dan wel "pointer-events: none; " toevoegen aan de style, zodat je door de afbeelding heen kan klikken (en scrollen). Zorg wel dat dit stukje code onder de divs van de tekstvakken staat, want alleen dan gaat de afbeelding over de tekstvakken heen.

Anoniem
Queen of Queens

Belle schreef:
Heel erg bedankt beide, ik ga het even proberen!

Anoniem
Queen of Queens

Belle schreef:
YESSSS het is gelukt, super super super bedankt <3

Zie alleen nu dat ik vergeten ben om een titel toe te voegen hahahaha dus dat moet ik nog even doen, maar ben superblij dat het gelukt is!

Om te kunnen reageren op forum topics moet je niveau minimaal Internationale ster zijn. Lees hier hoe je meer fans verdient.

Automatisch vernieuwen: ingeschakeld