HTML

WebSlices in Homepage einbauen

24. 09. 2009

Was sind WebSlices?

WebSlice.jpg Bei WebSlices handelt es sich um Neuigkeiten einer Homepage, die wie ein Feed abonniert werden können. Hauptsächlich bietet der Internet Explorer 8 diese Funktionalität.
Wenn eine Homepage WebSlices zur Verfügung stellt, nimmt das Feeds-Symbol rechts oben ein grüne Farbe an. Auch neben den Inhalten, die als WebSlice definiert sind, erscheint das grüne Symbol um das WebSlice zu abonnieren.

WebSlices erstellen

WebSlices sind vordefinierte Bereiche auf der Homepage, bei denen – wenn der Inhalt verändert wird – der Abonnent eine Info erhält.

Definiert wird ein WebSlice im Quellcode wie folgt:

<div class="hslice" id="MyFirstWebSlice">
  <h1 class="entry-title">
    Mein WebSlice!
  </h1>
  <div class="entry-content">
    Inhalt!
  </div>
</div>

Die Klasse hslice definiert den ganzen WebSlice.
Die Kindklasse entry-title den beim Abonnenten angezeigten Titel.
Die Kindklasse entry-content den angezeigten Inhalt.

Zu beachten ist, dass die Homepage von einem Webserver bereitgestellt werden muss, andernfalls leuchtet das grüne Symbol nicht auf.

Mehrere WebSlices

Sollen mehrere WebSlices auf einer Homepage angegeben werden, werden diese in der Liste in der Reihenfolge angezeigt, wie sie im Quellcode auftauchen.

Um ein Default-WebSlice zu definieren, in den Header der Homepage folgendes einfügen:

<link rel="default-slice" type="application/x-hatom" href="#MySlice" />

Wobei #MySlice durch die ID des bevorzugten WebSlices zu ersetzen ist.

Aktualisierungen von WebSlices

Grundsätzlich kann der Anwender selbst bestimmen, wie oft ein WebSlice aktualisiert wird.
Jedoch kann eine „standardzeit“ vorgegeben werden, in dem folgendes in den Code eingefügt wird:

<span class="ttl">
  15
</span>

Wobei 15 die Minuten sind – mind. 15; Voreinstellung ist 1 Tag.

image_print
1 Stern2 Sterne3 Sterne4 Sterne5 Sterne
Loading...

Author

Manuel

Related Posts

HTML

Polaroid Galerie

8. 10. 2009

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne
Loading...

HTML

Lightbox mit maxWidth

10. 05. 2010

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne
Loading...

HTML

Social Media Tab

10. 10. 2012

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne
Loading...