Standardvänlig piratdekoration

Är du sugen på att ha en sån där snygg piratbanner längst upp i ena hörnet? Men du tycker, som jag, att koden som finns hos lillebrorsan är lite väl plottrig?

Då kan jag lika gärna dela med mig av koden jag använde för att lägga in bannern både här och på (markus) lassinniemi-sidan.

Därefter lägger du följande CSS-snutt, antingen i din stilmall eller inom

-taggar innanför -taggen.


#ppeu {
	position:absolute;
	top:0;
	right:0;
}

Lite mindre, lite snyggare, och framförallt, mycket mer Markus-aktig kod!

2009/04/21 - Taggat som Taggar: piratpartiet - och kategoriserat som Teknik

Comments

lillebrorsan @axbom

Snyggt ;) Jag håller med om att koden är plottrig hos oss. Men ska man tillåta copy/paste till de flesta varianter av webbplatser så måste allt rymmas på en gång, och inte i olika filer tyvärr. Men jag erkänner att detta är mycket snyggare. Jag tror(?) du kan snygga till den ännu mer genom att lägga id:t "ppeu" direkt i -taggen. Anledningen till att jag inte gjorde det var för att det strular i vissa bloggverktyg och förmodligen också i IE6.

Markus

Det kändes smidigare att styra via en div-tagg. Koden är långt ifrån optimal, den borde strula i ganska många browsers, men å andra sidan är de som förstår skillnaden (och implementationen) antagligen tillräckligt kunniga för att kunna välja själva vilken lösning de trivs bäst med. Jag tyckte att den här lösningen stämde överens bättre med hur jag skulle ha gjort, och jag tänkte att det kanske finns folk som bara är aningens lata och inte orkar tänka till eller minnas hur man använder absolut positionering på sånt sätt.

Supermumin