Bannerflaggor brukar ju sitta uppe till höger, men när jag designade det nuvarande temat tog jag inte alls hänsyn till sådana eventualiteter.
Så jag tog mig helt enkelt friheten att vrida på den, och vill ni hellre sätta den till vänster som här kan ni ladda ner den här
För enkelhets skull får ni även den moddade koden att lägga sist i bloggen precis innan </body>:
<div style="position:absolute;top:0;left:0;z-index:1000000;"><img src="pp-eu.png" width="221" height="221" alt="banner" border="0" usemap="#ppribbon" /></div>
<map name="ppribbon">
<area shape="poly" coords="0,221,221,0,126,0,0,126" href="http://www.piratpartiet.se/eu" target="_blank" alt="Rösta på Piratpartiet till EU-parlamentet" />
</map>
För originalet går ni till skaparen, som skall ha all cred: lillebrorsan
Se nu till att rösta!
Uppdatering: Jag noterade att ”lillebrorsans” banner använder det som kallas alpha channel transparency fast i en åttabitarsbild. Det är egentligen inte standard men fungerar och har vissa fördelar.
Den främsta fördelen är att man slipper den ”sorgkant” som uppstår när bilden ligger mot en ljusare eller mörkare bakgrund än den från början var skapad för.
Sen finns det nackdelar också tyvärr, och det är att man inte kan vara säker på att den funkar i äldre webbläsare.
Jag har sparat två nya varianter:
En vänsterställd utan den glöd jag använder för att framhäva texten på min egen sajt.
http://fridholm.net/pp-eu-left.png
Dessutom en textfil med koden som tillhör.
En vänsterställd med glöd, för att framhäva texten mot mörk bakgrund.
http://fridholm.net/pp-eu-leftglow.png
Dessutom en textfil med koden som tillhör.
En högerställd med glöd, för att ge glow-möjligheten även till de som vill ha den till höger.
http://fridholm.net/pp-eu-rightglow.png
Dessutom en textfil med koden som tillhör.
Det är också OK om ni vill länka direkt till mina bilder, de är inte större än att det funkar.
11 kommentarer
Snyggt! Jag lägger in en länk till denna från inlägget.
lillebrorsans senaste blogginlägg.. Piratpartiet hörn-banner till valspurten
Tack.
Får inte min kod att funka… den visar bara den första alt-texten (banner) och den är inte klickbar heller… vad gör jag för fel?
Miscelas senaste blogginlägg.. Internet – ett minne blott?
@Miscela – du måste ersätta [img src="pp-eu.png"] med [img src="namnet och adressen för bilden på din blogg"]
@Göran Widham: Jag har gjort det men det fungerar ändå inte =( Titta gärna på min sida så ser du vad jag menar.
Miscelas senaste blogginlägg.. Internet – ett minne blott?
Hej Miscela, det är mitt fel — du har gjort rätt men blivit lurad av koden jag la ut.
Det som hänt är att något av mina formatsystem i wordpress bytt ut citationstecken av rak typ mot motsvarande av typografisk typ.
Jag har korrigerat koden i artikel, så att det borde funka. Men du kan ganska lätt åtgärda det direkt i din egen kod. Leta reda på alla ” och ‘ i map- och area-taggarna i koden och byt ut dem mot raka " (shift+2), du kan troligen till och med se med blotta ögat att de skiljer sig lite åt.
Det borde lösa problemet, i annat fall kan du hojta till igen.
@Marcus Fridholm: Tack nu fungerar det! Trodde det var någon special-syntax i map- och areataggarna
Super att ni gjorde en vänster-variant btw… TACKAR!
Miscelas senaste blogginlägg.. Internet – ett minne blott?
Phu vilket helvete med bannrarna. Tog 30 min att fatta hur jag skulle få bort den högerställda (som gjorde att jag inte kunde redigera bloggen) och nu har jag fipplat och kopierat och ändrat ” tecken men inte lyckats få en vänsterställd banner. Jag ger upp!
Bannerlösa Magda (medlem i partiet)
Snyggt! Ser ut som ett pannband åt åskfågeln eller-vad-det-är.
Hej Magda, nu har jag lagt upp tre textfiler för att göra klipp-o-klistra-manövern lite enklare. Testa och se om det löser ditt problem.
Annars hojta till och berätta vad det är som händer. Låt isf koden ligga kvar på sidan så att jag kan hjälpa dig att felsöka.
@Arlaparla: Det gör liksom det…
Kanske skall göra en piratkeps till den.
Det är en fenix, eller tänkt som en i alla fall.
2 trackbacks
[...] Det finns en motsvarande banner för vänstra hörnet hos Sagor från livbåten. [...]
[...] 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. [...]