pp-banner

Här kommer lillebrorsans bidrag till valspurten: en banner som infogas i hörnet på din sajt. Smakfullt och inte påträngande samtidigt som det blir oerhört synligt. Effekten blir förstås bättre ju fler som anammar den.

Vill du också ha en skön hörn-banner som lillebrorsan gör så här:

OBS! Om du inte vet hur du ändrar i mallen för din sajt så be din närmaste webbpirat om hjälp. Kanske någon kan göra en WP-plugin?

Alternativ 1: Klipp å klistra in koden i din HTML-mall

Kopiera och klistra in koden nedan i mallen för din sajt precis innan slutet på sidan (innan </body>-taggen). Observera att under Alternativ 3 finns länkar till fler bilder som du kan välja bland, om du skulle vilja. Vissa funkar bättre på mörk/skrikig bakgrund.

<div style="position:absolute;top:0;right:0;z-index:1000000;"><img src='http://www.lillebrorsan.se/files/pp-eu.png' border='0' usemap='#ppribbon' /></div><map name='ppribbon'><area shape='poly' coords="0,0,92,0,220,127,220,220,0,0" href='http://www.piratpartiet.se/eu' target='_blank' alt='Rösta på Piratpartiet till EU-parlamentet' /></map>

Alternativ 2: Du har en Wordpress-blogg på wordpress.com

Klipp å klistra in föjande kod i en text-widget. Eftersom widgeten inte accepterar imagemaps så är det här en workaround som använder sig av tomma lager som länkar ovanpå bilden. Koden är längre än ovan, men den fungerar.

<div style="position:absolute;top:0;right:0;z-index:100000;"><img src='http://www.lillebrorsan.se/files/pp-eu.png' border='0' /> <div style="height:60px;width:60px;overflow:hidden;position:absolute;top:0;right:150px;z-index:1000000;"><a href="http://www.piratpartiet.se/eu"><img src='http://www.lillebrorsan.se/files/blank.gif' border='0' alt="" /></a></div> <div style="height:60px;width:60px;overflow:hidden;position:absolute;top:25px;right:120px;z-index:1000000;"><a href="http://www.piratpartiet.se/eu"><img src='http://www.lillebrorsan.se/files/blank.gif' border='0' alt="" /></a></div> <div style="height:60px;width:60px;overflow:hidden;position:absolute;top:50px;right:90px;z-index:1000000;"><a href="http://www.piratpartiet.se/eu"><img src='http://www.lillebrorsan.se/files/blank.gif' border='0' alt="" /></a></div> <div style="height:60px;width:60px;overflow:hidden;position:absolute;top:75px;right:70px;z-index:1000000;"><a href="http://www.piratpartiet.se/eu"><img src='http://www.lillebrorsan.se/files/blank.gif' border='0' alt="" /></a></div> <div style="height:60px;width:60px;overflow:hidden;position:absolute;top:100px;right:45px;z-index:1000000;"><a href="http://www.piratpartiet.se/eu"><img src='http://www.lillebrorsan.se/files/blank.gif' border='0' alt="" /></a></div> <div style="height:60px;width:60px;overflow:hidden;position:absolute;top:135px;right:0;z-index:1000000;"><a href="http://www.piratpartiet.se/eu"><img src='http://www.lillebrorsan.se/files/blank.gif' border='0' alt="" /></a></div></div>

Alternativ 3: Ta valfri bild och koda själv

Kopiera bilden och använd den för att skapa motsvarande kod på din egen sida, där bilden hämtas från din egen sajt och där du kanske måste ha lite specialkod för att få till det.

1. lila text PNG-format: http://www.lillebrorsan.se/files/pp-eu.png
2. lila text GIF-format: http://www.lillebrorsan.se/files/pp-eu.gif
3. vit text PNG-format: http://www.lillebrorsan.se/files/pp-eu-vittext.png (för dig med mörk bakgrund)
4. vit text GIF-format: http://www.lillebrorsan.se/files/pp-eu-vittext.gif (för dig med mörk bakgrund)
5. inramad text PNG-format: http://www.lillebrorsan.se/files/pp-eu-ramtext.png (svart ram runt texten, funkar överallt)
6. inramad text GIF-format: http://www.lillebrorsan.se/files/pp-eu-ramtext.gif (svart ram runt texten, funkar överallt)

Uppdatering: Behöver du lägga bannern i vänstra hörnet så har fridholm skapat en sådan variant.

Om du använder bannern, kommentera gärna det här inlägget med en länk till sajten! Piratpartiet ska in i EU-parlamentet. Alla krafter behövs.

» Fortsätt läsa hela texten