Tips&Tricks

til hjemmesiden, computeren og internettet

Tips & Tricks



Få et bånd på hjemmesiden

Sat på siden 20-12-2007

Vil du have et lille bånd i øverste højre hjørne af din hjemmeside eller blog? Se fx www.foxladi.com. Båndet kan også bruges til et link til en anden side.

Du kan lave sådan et bånd enten ved hjælp af et par klik, men dermed med noget begrænsede muligheder for at ændre udseende osv., eller fra grunden, hvilket ikke tager særlig lang tid.

Hvis du er tilfreds med at bruge andres grafik, er det hurtig og nemt at benytte et af følgende to sites:

www.websiteribbon.com

http://www.quickribbon.com

Hvis du hellere vil lave dit eget design, kan du gøre det ved hjælp af et fotobehandlings- eller tegneprogram og følge disse anvisninger:

Lav først et billede med transparent baggrund på 250x250 pixels fx som dette:

Selve båndets bredde skal være omkring 50 pixels.

Upload billedet til serveren, direkte i roden, hvis du vil kunne bruge nedenstående script som det er (næsten).

Lav herefter følgende i en editor som fx Notesblok, og kald filen ribbonad.css (husk at ændre filtypen fra text til alle filtyper). Upload også denne fil til serveren i roden.

div.ribbon{ position:absolute; left:100%; top:0px; overflow:visible; height:250px; width:250px; background-color:transparent; margin:0 0 0 -250px; padding:0; z-index:1000000000; border:none; float:none; }

Til sidst mangler du bare at indsætte følgende kode på de sider, hvor du vil have båndet vist. Koden skal anbringes lige før </body>

<!--Ribbon Ad Start--> <script type='text/javascript'>document.write("<\style><!-- @import url(ribbonad.css); --><\/style><div class='ribbon'><img src='DITRIBBON.GIF' border='0' usemap='#ribbonad'><\/div><map name='ribbonad'><area shape='poly' coords='0,0,250,250,250,205,45,0'href='http://www.DITDOMAINE.COM'alt='DIN TEKST TIL DOMAINET'><\/map>"); </script> <!--Ribbon Ad End-->

Ovenstående er inspireret af forklaringen på www.tamingthebeast.net/articles7/ribbon-ad.htm, men tilpasset, så JavaScriptet validerede.

Kunne du lide tippet? Abonner gratis på mine nyhedsmails og få friske tips hver uge: Tilmelding til Tips og tricks
Lige nu: Få e-bogen "701 Tips og Tricks" gratis (normalpris $11,83) ved tilmelding.


|