Så skapar du en Web Slice för IE8 på din webbsida
I och med Internet Explorer 8 lanserade Microsoft en teknik som kallas för Web Slices. De låter dig prenumerera på utvalda delar av en webbsida. I praktiken innebär det att man lägger upp ett bokmärke/favorit på en Web Slice och när du klickar på den visas ett litet fönster med den del av webbsidan du valt att prenumerera på.
| Annons – artikeln fortsätter under annonsen | |
|
Obegränsat webbhotell! – StrongBox har obegränsat lagringsutrymme, antal databaser och e-postkonton, gratis domänpekningar. Läs mer, klicka här! |
För att du ska kunna använda Web Slices behöver webbsidan vara kodad så att den talar om vad som är möjligt att prenumerera på. När du går till en webbsida som innehåller Web Slices, visas en grön ikon i verktygsfältet för Internet Explorer 8. Klickar du på den får du fram en lista över aktiva Web Slices du kan prenumerera på.
Om du har en egen webbsida, till exempel en blogg, kan du lägga in dina egna Web Slices. Det är inte fel, eftersom det faktiskt är rätt många som använder Internet Explorer 8. Jag har gjort det på min förstasida på bloggen. Där har jag skapat en Web Slice av de senaste 15 nyhetsrubrikerna som ligger allra längst ner på sidan. Kör du med IE8 och klickar dig till min förstasida kommer den gröna ikonen att visas.
Skapa din egen Web Slice
Att skapa en Web Slice är faktiskt rätt enkelt. Internet Explorer 8 letar efter vissa CSS-klasser som talar om för webbläsaren vad det är för delar av Web Slices. Dessa klasser behöver inte definieras i din CSS-fil.
Den första klassen heter hslice och med hjälp av exempelvis div-taggen kan du tala om var din Web Slice ska börja och sluta. I mitt fall satte jag alltså taggarna runt de 15 nyheterna. Id-taggen använder du för att ge klassen ett namn. Här är ett simpelt exempel:
<div class="hslice" id="bloggen">
<h2 class="entry-title">Tommys blogg</h2>
<p class="entry-content">Besök min <a href="http://blogg.tkj.se">blogg</a>!</p>
</div>
Som du ser använder jag två andra klasser också; entry-title samt entry-content. Dessa läses också av Internet Explorer 8. Entry-title talar om rubriken för din Web Slice och entry-content talar om var själva innehållet ska börja och sluta.
Läs vidare om Web Slices
Det finns många bra artiklar som du kan läsa för att fördjupa dig i Web Slices. Här har jag samlat ihop ett par av dem, så att du kan läsa vidare:
- Code Magazine: Create your own Web Slices
- IEblog: Create a dynamic Web Slice in 5 minutes
- MSDN: Internet Explorer 8 Web Slices style guide
- Web Slice Gallery: How to create Web Slices
| Annonser |
|
|
