Page mise à jour le 21/07/2012

Classes fournies par le widget :

Ces classes et l'organisation du code Html fourni par le widget dépendent du type de liste choisie. La signification des [###], [$$$] et [***] présents dans les différents cas d'utilisation est précisée dans le paragraphe "Conventions et remarques".

  1. cas d'une utilisation avec liste de type "liste à puces" (typlist = "ul") :
    <div class="otherblog [###]">
      <div class="orbg-top><!-- # --></div>
      <div class="orbg-body">
        <h2 class="orbg-title">Titre du widget</h2>
        <div class= "orbg-first">Texte d'introduction</div>
        <ul class="orbg-list">
          <li class="orbg-item blog-[ID du blog] [$$$]">
            <div class="orbg-item-top"><!-- # --></div>
            <div class="orbg-item-body">
              [***]
            </div>
            <div class="orbg-item-footer"><!-- # --></div>
          </li>
        </ul>
        <div class="orbg-last">Texte de conclusion</div>
      </div>
      <div class="orbg-footer"><!-- # --></div>
    </div>
    
  2. cas d'une utilisation avec liste de type "bloc div" (typlist = "div") :
    <div class="otherblog [###]">
      <div class="orbg-top><!-- # --></div>
      <div class="orbg-body">
        <h2 class="orbg-title">Titre du widget</h2>
        <div class= "orbg-first">Texte d'introduction</div>
        <div class="orbg-item blog-[ID du blog] [$$$]">
          <div class="orbg-item-top"><!-- # --></div>
          <div class="orbg-item-body">
            [***]
          </div>
          <div class="orbg-item-footer"><!-- # --></div>
        </div>
        <div class="orbg-last">Texte de conclusion</div>
      </div>
      <div class="orbg-footer"><!-- # --></div>
    </div>
  3. cas d'une utilisation sans liste (typlist = "") :
    <div class="otherblog [###]">
      <div class="orbg-top><!-- # --></div>
      <div class="orbg-body">
        <h2 class="orbg-title">Titre du widget</h2>
        <div class= "orbg-first">Texte d'introduction</div>
          [***]
        </div>
        <div class="orbg-last">Texte de conclusion</div>
      </div>
      <div class="orbg-footer"><!-- # --></div>
    </div>

Conventions et remarques :

  • Vous pouvez ajouter une classe, ici symbolisée par [###], via le panneau d'administration du widget permettant ainsi de styler différemment plusieurs instances du widget.
  • les blocs <div class="orbg-top> et <div class="orbg-bottom> permettent de styler un bloc vide (ajout d'une image de fond par exemple) juste avant et juste après la liste.
  • le bloc <div class="orbg-body"> permet de styler la liste.
  • Le titre dans un <h2 class="orbg-title"> (pas de balise si pas de texte).
  • L'introduction est un <div class="orbg-first"> (pas de balise si pas de texte).
  • ajout de la classe "orbg-pwd", ici symbolisée par [$$$], pour chaque item de la liste correspondant à un billet protégé par mot de passe.
  • les blocs <div class="orbg-item-top> et <div class="orbg-item-bottom> permettent de styler un bloc vide (ajout d'une image de fond par exemple) juste avant et juste après chaque item de la liste, symbolisé ici par [***].
  • le bloc <div class="orbg-item-body"> permet de styler chaque item de la liste, symbolisé ici par [***].

Classes fournies par les fonctions intOtherBlog ou extOtherBlog :

Utilisation avec nolist="0" (par défaut) :

<ul class="orbg-list">
  <li class="orbg-item blog-[ID du blog] [$$$]">
    <div class="orbg-item-top"><!-- # --></div>
    <div class="orbg-item-body">
      [***]
    </div>
    <div class="orbg-item-footer"><!-- # --></div>
  </li>
</ul>
  • Même remarques que pour le widget.

Utilisation avec nolist="1" :

  • ne reste donc qu'une série de [***]

Classes fournies pour chaque item de la liste :

A partir de la v1.7.0, de nouveaux codes, plus lisibles, sont mis à disposition pour formater les items. Les anciens codes restent disponibles pour des raisons de compatibilité.

Le contenu de [***] dépendra des codes de formatage suivants :

old new permet d'afficher...
%_D% %date% date/heure
%D% %DATE% <span class="orbg-date">
date/heure
</span>
%DB% %DATE:BLOG% <a class="orbg-datelink"
href="[URL du blog]">
date/heure
</a>
%DT% %DATE:POST% <a class="orbg-datelink"
href="[URL du billet]">
date/heure
</a>
%_B% %blog% Nom du blog
%b% %BLOG% <span class="orbg-blog">
Nom du blog
</span>
%B% %BLOG:BLOG% <a class="orbg-bloglink"
href="[URL du blog]">
Nom du blog
</a>
%BT% %BLOG:POST% <a class="orbg-bloglink"
href="[URL du billet]">
Nom du blog
</a>
%_T% %title% Titre du billet
%t% %TITLE% <span class="orbg-post">
Titre du billet
</span>
%T% %TITLE:POST% <a class="orbg-postlink"
href="[URL du billet]">
Titre du billet
</a>
%TB% %TITLE:BLOG% <a class="orbg-postlink"
href="[URL du blog]">
Titre du billet
</a>
%_R% %nbcomm% nombre de commentaires du billet
%r% %NBCOMM% <span class="orbg-comments">
Nombre de commentaires du billet
</span>
%R% %NBCOMM:COMM% <a class="orbg-comments"
href="[URL du billet#comments]">
Nombre de commentaires du billet
</a>
%_P% %nbping% nombre de rétroliens du billet
%p% %NBPING% <span class="orbg-pings">
Nombre de rétroliens du billet
</span>
%P% %NBPING:PING% <a class="orbg-pings"
href="[URL du billet#pings]">
Nombre de rétroliens du billet
</a>
%E%(1) %E%(1) <div class="orbg-excerpt">
extrait
</div>
%E%(2) %E%(2) <div class="orbg-excerpt">
extrait
<p class=\"orbg-readmore\">
<a href="[URL du billet]">
lire la suite
</a>
</p>
</div>
%C% %C% <div class="orbg-content">
contenu
</div>
%EC%(*) %EC%(*) <div class="orbg-content">
extrait/contenu
</div>
  %TEXT% contenu
  %IMAGE%(1)(2) <span span class="orbg-img siz[£££]">
image
</span>
  %IMAGE%(1)(3) <a href="[URL du billet]">
<span span class="orbg-img siz[£££]">
image
</span>
</a>

Remarques :

  • %E%(1) : cas où il n'y a pas d'invite pour lire la suite.
  • %E%(2) : cas où il y a invite pour lire la suite.
  • %EC%(*) : extrait (si présent) ou contenu (sinon).
  • %IMAGE%(1) : [£££] correspond à [largeur image]x[hauteur image].
  • %IMAGE%(2) : cas où il n'y a pas de lien vers le billet.
  • %IMAGE%(3) : cas où il y a un lien vers le billet.