/dev/nikc/blog

Kuolleiden purjehduskenkien seura

Dec 13th 2006

Ole hyvää pataa

10:51

llaurén pisti idean liikkeelle. Minä sitten toteutin. Tuossa se on, oikeassa yläkulmassa, koko komeudessaan.

Liekö sitten optimaalinen toteutus. Banderollipohjankin varastin Olen rikollinen? -kamppikselta, mutta se lienee vain sopivaa? Siinähän möllöttää.

Testattukin on: Firefox 2, IE 7 ja Opera.

Muista korjata kuvapolut, jos implementoit.

HTML

<div id="pata"><a href="http://www.joulupata.fi/cgi-bin/joulupata/lahjoitus.cgi?potti=bloggaaja" title="Lahjoita BLOGGAAJAT -pottiin!"><img alt="Ole hyvää pataa" src="http://blog.nikc.org/wp-content/themes/dnb/images/clear.gif" height="175" width="175" border="none" /></a></div>

CSS

#pata {
    position: absolute;
    top: 0px; /* blogger-kayttajat: korvatkaa 0px => 34px . voi heittaa pikselin tai pari */
    z-index: 99;
    right: 0px;
    background: url(http://blog.nikc.org/wp-content/uploads/2006_12/ole_hyvaa_pataa_band_right.gif) no-repeat scroll -200px -200px;
    width: 175px;
    height: 175px;
}

Lataa kuvat itsellesi: ole_hyvaa_pataa_band_right.gif, clear.gif

Bloggerin käyttäjien kannattanee korvata CSS-määrityksistä rivi top: 0px; rivillä top: 34px; (tai 30jotain px, vaihtelee templaten mukaan.).

7 Responses to “Ole hyvää pataa”

Kiitos teostasi! Mutta, pitäisi jotenkin vielä johonkin mainita että laita se lahjoitus BLOGGAAJAT-pottiin, eikö?

...vielä kun BLOGGAAJAT ovat tipahtaneet taas TOP20-listalta :)

Olisihan se suotavaa että BLOGGAAJAT-potti saisi osansa, mutta pääasiahan on se Joulupata itsessään. Onhan? ;)

Joku graafisesti lahjakkaampi voi varmaankin väsätä paremman banderollin mistä pottikin selviää.

...sinähän sen olitkin jo ovelasti laittanut linkin title-atribuuttiin. Muokkasin lähdekoodia.

Jehna! Tämä linkki toimii!

http://www.joulupata.fi/cgi-bin/joulupata/lahjoitus.cgi?potti=bloggaaja

Joten päivitin oman bännerini. Pitäisköhän sitä fonttia vielä vaihtaa? Vai onko se vain minä joka hieman arastan Copperplatea?

Ja vielä kun pingback-tyylisesti saisi sivulta statistiikat -- tai edes web servicellä. Ja olisipa poteilla linkit ja statistiikkakäppyrät. Huomaa ettei ole ollut nörttejä paikalla tätä tekemässä :)

Kappas. Niinpä näyttää. Päivitinpä omanikin, ja tuon esimerkkikoodin.

Kyllähän tuosta saisi helposti redirectillä leikkimällä ties mitä statistiikkaa, mutta onhan se vähän toissijaista.

Olisihan se toisaalta coolia jos banneri leviäisi muuallekin kuin sinun ja minun blogeihin :)

Minä olen niin graphically challenged etten fonttien päälle juurikaan ymmärrä. Tuo nyt sattui hiiren alle.

[...] tuen ensin symbolisesti bannerin muodossa, rahallisesti sitten samalla kun maksan [...]

Leave a comment

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Meta

Pages

Search blog

Latest comments