HTML/CSS banner

Een banner hoeft niet per se een afbeelding te zijn. Je kunt met tekst en CSS in-line stijl ook een banner maken. Het voordeel hiervan is dat de webpagina veel sneller geladen wordt.

Als je met je muis over de tekst gaat, kun je doorklikken naar mijn Texturizer Filter-site.

Texturizer Filter PSP Tutorial

"Voor mensen die gek zijn van filters" ...

 

De code (Mandarin Design)

voor de banner kun je kopiëren en plakken in je webpagina.

<div style="width:100%;color:cornflowerblue;background:black;padding-top:3px; text-align:center;font-family:Georgia,Times;font-size:54px;font-weight:bold;line-height:1em;padding-bottom:5px;" onClick="top.location.href='http://www.vanderklugt.eu.tt/';"> <span title="Link naar Texturizer Filter site" onmouseover="this.style.color='white';" onmouseout="this.style.color='cornflowerblue';">Texturizer Filter</span> <span style="font-family:geneva,arial;color:cornflowerblue;font-size:12px;font-weight:bold;padding-left:5px;">PSP Tutorial</span> </div> <div style="width:100%;background:cornflowerblue;text-align:center;font-size:small;font-family:system,geneva;font-weight:bold; "> "Voor mensen die gek zijn van filters" ... </div>

In plaats van kleurcodes heb ik kleurnamen gebruikt. Voor een overzicht van kleurnamen zie HTML kleurenkaart

* * *

Zie meer over banners bij HTML-banner en Bannermakers .

---

 Hou er rekening mee dat webpagina's met CSS-stijlen niet door alle browsers op dezelfde manier worden weergegeven.

 

Start | Tutorials | Korte Lesjes | CSS | Fonts | Filters | Links | Allerlei | Zoeken | PSP-varia | P-Filiaal