Om ni orkar/vill/hinner/har lust… så får ni gärna slänga iväg ett litet hej (eller en hel roman om ni känner för det!) som en kommentar till det här inlägget så att jag ser att kommentarerna funkar som de ska. Klicka gärna med en liten gubbe eller två, jag har bytt plugin och vill kolla så att även det funkar. Tack!

Nu är det dags att äntligen räkna ner IE6 och det på uppmaning av Microsoft! (man vill minska användarfrekvensen till att bli mindre än 1%)

Vad gäller IE i stort så ligger den webbläsare fortfarande ohjälpligt efter de andra stora webbläsarna som Firefox, Opera, Safari och så vidare.

IE 6 är död – vila i frid

Den 1 mars 2010 så beslöt man sig för att hålla en begravning för IE 6. På denna sida kan man lämna en sista hälsning.

Kod för att varna IE6 användare

Enklaste koden för att varna IE6-användare och uppmuntra dem att uppgradera. Hur enkelt som helst. Kopiera texten nedan och se till att få in det här i en mall bara.

<!--[if lte IE 6]>
<style type="text/css">
 #ie6msg{border:3px solid #090; margin:8px 0; background:#cfc; color:#000;}
 #ie6msg h4{margin:8px; padding:0;}
 #ie6msg p{margin:8px; padding:0;}
 #ie6msg p a.getie7{font-weight:bold; color:#006;}
 #ie6msg p a.ie6expl{font-weight:normal; color:#006;}
</style>
<div id="ie6msg">
 <h4>Tips från oss: Du har en gammal version av webbläsaren Internet Explorer.</h4>
 <p>
  För att få en bättre och säkrare upplevelse på nätet rekommenderar vi att du <a class="getie7" href="http://www.microsoft.com/sverige/windows/downloads/ie/getitnow.mspx" target="_blank">hämtar en nyare version av Internet Explorer</a>. Uppgraderingen är kostnadsfri.
Sitter du på jobb och inte har kontroll över din dator själv bör du kontakta din IT-ansvarige.
 </p>
 <p>
Vi kan också <b>varmt</b> rekommendera dig att prova någon av följade alternativa webbläsare <a href="http://www.opera.com">Opera</a>, <a href="http://mozilla.com">FireFox</a> eller <a href="http://www.apple.com/safari/download/">Safari</a>
 </p>
 <p>
  <a class="ie6expl" href="http://labs.finn.no/blog/finn-anbefaler-ie6-brukere-a-oppgradere-sin-nettleser" target="_blank">Den här uppmaningen har sitt ursprung i Norge och på en av deras största sajter, finn.no, kan du läsa om varför du bör uppgradera.</a>
 </p>
</div>
<![endif]-->

Koden kommer att placera en textbox där den klistras in. Texten uppmanar till uppgradering till IE7 eller Firefox/Opera/Safari, samt länkar tillbaka till Finn.no som har skrivit bra om varför det här bör göras. Givetvis kan du ändra texten hur mycket du önskar.

Ungefär så här kommer boxen att se ut. (allt är fult i IE6)

Yoono lägger sig som en sidopanel på vänster sida om din första tab. Den struntar fullständigt i vilken av tabbarna du har öppen- den ligger där den ligger!

Inom samma applikation har jag full kontroll över en hel hög olika nätverk såsom Twitter, Facebook, flickr, MSN-messenger, Google Talk, Youtube och LinkedIn.

Den finns för Windows, Mac, Linux och som portabel USB-version. Den finns även som plugin till Firefox och Chrome.

Du kan förändra storleken på fonter, ställa in ordningen på dina kolumner och du har rent allmänt lite bättre kontroll.

Vad är det då som är så bra?

– enda risken är att man tillbringar ännu fler timmar på sociala nätverk än man redan gör…

Springpad är en applikation som fungerar klockrent för ändamålet. Du kan ladda ner den som en app till din iPhone men även använda Springpad direkt i din webbläsare på datorn.

Springpad fungerar perfekt för att bland annat göra anteckningar, lägga in uppgifter, skapa inköpslistor, spara recept med mera.

Organisera anteckningar

Springpad är uppbyggt lite som ett stort anteckningsblock. Eller egentligen flera och med massor av funktioner utöver rena textanteckningar. Du kan se dem ungefär som kategorier. Varje anteckningsblock kan innehålla olika sorters information som exempelvis:

En annan trevlig funktion är att du kan bygga anslagstavlor med informationen du lägger till. Dra runt de objekt du vill ha med och organisera dem så du hittar det du behöver nästa gång.

Dela dina anteckningar

Det finns möjligheter att dela anteckningar, skicka uppgifter att göra till andra, tipsa en vän om en bra film du hittat osv. Du kan antingen göra något av dina anteckningsblock publikt. Då kommer andra som följer dig åt det du delar eller så kan du ge en viss person direktlänken till något av dina objekt.

Mobilt stöd och synkning

Om du har en iPhone, iPad eller en Android finns det appar att tanka hem. Oerhört smidigt om du behöver komma åt anteckningar när du är på resande fot eller om du behöver spara något viktigt och inte sitter vid en dator. All lagring sker i molnet så du har tillgång till samma information från alla enheter du äger.

Testa Springpad, det är gratis och mycket användbart

Tjänsten är helt gratis och det finns ingen premiumversion.. Du får allt direkt utan en krona.

Min Springpad, klicka för att förstora

Click here to view the embedded video.

Använd Dropbox!

Dropbox kan förklaras enkelt och kort som en ”mapp på webben” Den fungerar som en vanlig mapp på din dator, fast skillnaden är att den per automatik skickar upp innehållet du lägger i mappen till deras servrar, där de antingen kan läggas upp privat åtkomst så att bara du kan nå filerna, eller så kan du lägga det publikt så att andra (kunder eller vänner) kan nå det.

Det som nog är mest imponerande med tjänsten är att om du gör en ändring på exempelvis en bild, så sparar den inställningarna direkt. Den synkar…

Click here to view the embedded video.

Jag använder idag enbart Dropbox för att spara ner mina iPhone-foton till datorn men man kan använda det till så mycket mer!

Så installerar du Dropbox
Hämta programmet på Dropbox hemsida.
Nu startar ett självförklarande installationsprogram. I slutet av installationen öppnas rutan Welcome to Dropbox. Om du redan är registrerad som användare klickar du på I already have a Dropbox account, Next och fyller i dina uppgifter. I annat fall väljer du I don’t have a Dropbox account, Next och fyller i namn, e-post, önskat lösenord och ett valfritt namn på den dator du använder. Kryssa i rutan I agree och välj Next.

Nu öppnas en inställningsguide. Läs information och klicka på Next. I sista rutan kan du kryssa i rutan I want to choose where to put my Dropbox folder. Då kan du lägga den på valfri plats på datorn. I annat fall hamnar den med automatik under mappen ”Mina dokument”.

Ladda sedan hem Appen Dropbox till din iPhone för att kunna flytta foton mm trådlöst.

Läs mer hos GrafixStudio och IDG och en annan artikel hos IDG

Ladda ner DROPBOX >>

Denna nya version bjuder naturligtvis på ett par trevliga nyheter, några av dessa är:

Andra nyheter/uppdateringar i 3.1

Har ni uppdaterat och vad tycker ni?

Ladda upp tre bilder, de bör vara normalt exponerad, underexponerad och överexponerad.
Man kan även ändra kontrasten i bilden innan i photoshop, så gjorde jag eftersom jag inte hade flera bilder på ett och samma motiv.

Resultat:
På vissa bilder såg man knappt någon skillnad medan andra blev en aningens bättre.

Innan

Efter

Innan

Efter

• Här är ett exempel

Kopiera denna kod och klistra in i din css-fil.

ul.special-1, ul.special-2, ul.special-3, ul.special-4, ul.special-5, ul.special-6, ul.special-7, ul.special-8, ul.special-9, ul.special-10, ul.special-11, ul.special-12, ul.special-13, ul.special-14 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;}
ul.special-1 li,  ul.special-2 li, ul.special-3 li, ul.special-4 li, ul.special-5 li, ul.special-6 li, ul.special-7 li, ul.special-8 li, ul.special-9 li, ul.special-10 li, ul.special-11 li, ul.special-12 li, ul.special-13 li, ul.special-14 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 21px !important;}

ul.special-1 li {background: url(http://satume.se/wp-content/layout/speciallista/special-1.png) 0 1px no-repeat !important;}
ul.special-2 li {background: url(http://satume.se/wp-content/layout/speciallista/special-2.png) 0 1px no-repeat !important;}
ul.special-3 li {background: url(http://satume.se/wp-content/layout/speciallista/special-3.png) 0 1px no-repeat !important;}
ul.special-4 li {background: url(http://satume.se/wp-content/layout/speciallista/special-4.png) 0 1px no-repeat !important;}
ul.special-5 li {background: url(http://satume.se/wp-content/layout/speciallista/special-5.png) 0 1px no-repeat !important;}
ul.special-6 li {background: url(http://satume.se/wp-content/layout/speciallista/special-6.png) 0 1px no-repeat !important;}
ul.special-7 li {background: url(http://satume.se/wp-content/layout/speciallista/special-7.png) 0 1px no-repeat !important;}
ul.special-8 li {background: url(http://satume.se/wp-content/layout/speciallista/special-8.png) 0 1px no-repeat !important;}
ul.special-9 li {background: url(http://satume.se/wp-content/layout/speciallista/special-9.png) 0 1px no-repeat !important;}
ul.special-10 li {background: url(http://satume.se/wp-content/layout/speciallista/special-10.png) 0 1px no-repeat !important;}
ul.special-11 li {background: url(http://satume.se/wp-content/layout/speciallista/special-11.png) 0 1px no-repeat !important;}

Sedan måste du ladda ner lite ikoner och här hittar du ett gäng för nedladdning >>

För att visa listorna måste du lägga in en kod i ditt inlägg eller på en sida.

• Nummer ett

<ul class="special-1"><li>Nummer ett</li></ul>

• Nummer två

<ul class="special-2"><li>Nummer två</li></ul>

• Nummer tre

<ul class="special-3"><li>Nummer tre</li></ul>

• Nummer fyra

<ul class="special-4"><li>Nummer fyra</li></ul>

• Nummer fem

<ul class="special-5"><li>Nummer fem</li></ul>

• Nummer sex

<ul class="special-6"><li>Nummer sex</li></ul>

• Nummer sju

<ul class="special-7"><li>Nummer sju</li></ul>

• Nummer åtta

<ul class="special-8"><li>Nummer åtta</li></ul>

• Nummer nio

<ul class="special-9"><li>Nummer nio</li></ul>

• Nummer tio

<ul class="special-10"><li>Nummer tio</li></ul>

• Nummer elva

<ul class="special-11"><li>Nummer elva</li></ul>

Vill du också skapa liknande små meddelanderutor enkelt?

Kopiera och lägg in denna kod i din css-mall och ändra sökvägen till dina bilder

.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;}
.important {border: 1px solid #333;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #790808;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px solid #666;}
span.important-title {color: #333;}
span.important-title-blue {color: #0D507A;}
span.important-title-red {color: #790808;}
span.important-title-green {color: #74A824;}
span.important-title-purple {color: #9E0E87;}
span.important-title-orange {color: #CC8300;}
span.important-title-brown {color: #8B6846;}
span.important-title-grey {color: #666;}

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(http://satume.se/wp-content/layout/notes/attention.png) 10px 50% no-repeat;}
span.attention a {color: #B79000 !important;font-weight: bold;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(http://satume.se/wp-content/layout/notes/notice.png) 10px 50% no-repeat;}
span.notice a {color: #648434 !important;font-weight: bold;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(http://satume.se/wp-content/layout/notes/alert.png) 10px 50% no-repeat;}
span.alert a {color: #CF3738 !important;font-weight: bold;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(http://satume.se/wp-content/layout/notes/download.png) 10px 50% no-repeat;}
span.download a {color: #1C6B8B !important;font-weight: bold;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(http://satume.se/wp-content/layout/notes/approved.png) 10px 50% no-repeat;}
span.approved a {color: #666 !important;font-weight: bold;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(http://satume.se/wp-content/layout/notes/media.png) 10px 50% no-repeat;}
span.media a {color: #C76E34 !important;font-weight: bold;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(http://satume.se/wp-content/layout/notes/note.png) 10px 50% no-repeat;}
span.note a {color: #B79000 !important;font-weight: bold;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(http://satume.se/wp-content/layout/notes/cart.png) 10px 50% no-repeat;}
span.cart a {color: #666 !important;font-weight: bold;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(http://satume.se/wp-content/layout/notes/camera.png) 10px 50% no-repeat;}
span.camera a {color: #666 !important;font-weight: bold;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(http://satume.se/wp-content/layout/notes/doc.png) 10px 50% no-repeat;}
span.doc a {color: #C76E34 !important;font-weight: bold;}

För att de små bilderna/ikonerna ska synas måste du ladda hem dem och sedan ladda upp dem bland dina wordpressbilder. Kom ihåg att ändra bildlänkarna till dina i css-filen!
Ladda ner bilderna här >>

För att använda dig av notiserna måste du skriva in en kod i ditt inlägg eller på din sida där du vill att notisen ska synas. Kopiera koden under bilden för att använda dig av den. Din text skriver du där jag har skrivit beskrivningen

Viktigt

<span class="attention">Viktigt</span>

Notis

<span class="notice">Notis</span>

Viktigt meddelande

<span class="alert">Viktigt meddelande</span>

Ladda ner

<span class="download">Ladda ner</span>

Godkänd

<span class="approved">Godkänd</span>

Media

<span class="media">Media</span>

Notering

<span class="note">Notering</span>

Kundvagn

<span class="cart">Kundvagn</span>

Kamera

<span class="camera">Kamera</span>

Dokument

<span class="doc">Dokument</span>