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:
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.