Vi i Snopp har allerede erstattet mye av e-postene med Google Wave, og kom nylig over en metode som gjør det mulig å legge til Wave i den nye Thunderbird 3. Dette lar seg gjøre fordi den siste versjonen av Thunderbird har støtte for faner, på lik linje med Firefox, Chrome, Safari og andre moderne nettlesere.

Wave’s funksjonalitet vil på ingen måte bli forandret, men det gir deg muligheten til å samle dagens e-post med Google’s nye kommunikasjonsverktøy.

1. Start Thunderbird 3
2. Gå til Verktøy > Feilmeldinger
3. Skriv inn denne koden:
   Components.classes['@mozilla.org/appshell/window-mediator;1'].getService(Components.interfaces.nsIWindowMediator).getMostRecentWindow("mail:3pane").document.getElementById("tabmail").openTab("contentTab", {contentPage: "https://wave.google.com/wave/?nouacheck"});
4. Trykk Evaluer
5. Vips! Da har du Google Wave i en egen fane i Thunderbird, sammen med e-posten din!

NB: Pass på så du ikke lukker fanen. Å lukke hele Thunderbird går fint, men lukker du fanen må du dessverre inn med koden på nytt.

Hva er Google Wave?

Mange av dere bruker sikkert facebookchatten daglig, men visste du at det fantes så mye som tjuefire forskjellige smileys! Her har du ihvertfall en komplett liste.

:)

:(

:P

:D

:O

;)

8)

8|

>:(

:\

:'(

3:)

(^^^)

O:)	:-*	<3	^_^	-_-	O.o	>:o	:v	:3	:|]	:putnam:

Har du andre Facebooktips? Kom med de :-)

En meget enkel måte å lage hovereffekter på. Denne metoden trenger mindre kode og bare ett bilde!

Se demo – Last ned koden

Steg 1
Lag et bilde som er dobbelt så høyt som grafikken du tenker å bruke. Slå på rulers i photoshop (ctrl + R eller cmd + R) og dra ned en hjelpelinje som deler bildet i to.

Steg 2
Sett inn grafikken du skal bruke, for eksempel en logo. Her er det viktig at elementene blir plassert på nøyaktig samme plass i forhold til hverandre. Ellers kommer ting til å flytte seg når du fører pekeren over.

Lagre bildet for web.

Steg 3
Sett inn en link i XHTML-filen og gi den en klasse (class). Navnet på klassen spiller ingen rolle, men gjerne besøk Navneguiden om du står fast!

<a href="http://snopp.no/" title="Skriv en tittel!" class="logo"></a>

Steg 4
Sett opp CSSen med samme klasse som du gav linken. Her har vi valgt å kalle klassen for logo. Du må også angi en høyde. Her blir høyden halvparten av bildets høyde, da vi bare skal vise den øverste delen.

For å vise den nedre delen når vi drar pekeren over endrer du background-position fra left top til left bottom.

a.logo {
background: url(images/logo.png) left top;
width: 100px;
height: 70px;
display: block;
}
a.logo:hover {
background-position: left bottom;
}

Lykke til!