Les informations données ici correspondent à la version la plus récente d'OtherBlog. Si vous utilisez une version plus ancienne, veuillez vous reporter au fichier "lisezmoi.txt" fourni avec votre version et installé dans le répertoire du plugin.
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".
- 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>
- 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>
- 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.