08 janvier 2008
Structure générale d'une page sur Canalblog
Vous trouverez ci-dessous les principaux éléments structurant les pages de votre blog Canalblog. Il est possible que ces éléments apparaissent dans un ordre différent, selon la structure que vous avez choisie lors de la création de votre blog. J'ai indiqué en rouge ce à quoi correspondent les balises mises en valeur.
<body>
<div id="container"> => début de la zone occupée par le site sur l'écran
<div id="topbar-logo"><div class="logolink"><a href="<$BlogURL$>"></a></div></div><div id="topbar"> <h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1> <h2><$BlogDescription$></h2> </div>
<div id="leftbar"> => début de la zone de la colonne de gauche
<div class="navlinks">
<div class="title">Catégories</div> => bloc "Catégories"
<ul>
<CBCategories>
<li><a href="<$BlogCategoryURL$>"><$BlogCategoryName$></a></li>
</CBCategories>
</ul>
<div class="title">Archives</div> => bloc "Archives"
<ul>
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
<li><a href="<$BlogArchiveFileName$>">Toutes les archives</a></li>
</ul>
</div></div><div id="content"> => début de la zone centrale de la page (contenant l'ensemble des messages)
<div class="blogbody"> => début de la zone contenant les messages
<Blogger> <BlogDateHeader> => structure d'un message
<h2><$BlogDateHeaderDate$></h2>
</BlogDateHeader><a name="<$BlogItemNumber$>"></a> <BlogItemTitle>
<h3><$BlogItemTitle$></h3>
</BlogItemTitle>
<p><$BlogItemBody$></p>
<div class="itemfooter">Posté par <$BlogItemAuthorNickname$> à <$BlogItemDateTime$> <BlogItemCategories> - <a href="<$BlogItemCategoryLink$>" title="Autres messages dans cette catégorie"><$BlogItemCategoryName$></a> </BlogItemCategories> <BlogItemComments> - <a href="<$BlogItemCommentsURL$>" title="Commentez ce message">Commentaires [<$BlogItemCommentsCount$>]</a> </BlogItemComments> <BlogItemTrackBacks> - <a href="<$BlogItemTrackBacksURL$>" title="Rétroliens">Rétroliens [<$BlogItemTrackBacksCount$>]</a> </BlogItemTrackBacks> - Permalien [<a href="<$BlogItemURL$>" title="Lien permanent vers ce message">#</a>]</div>
</Blogger>
<$CBControlNavLinks$></div></div>
<div id="rightbar"> => début de la zone de la colonne de droite
<div class="navlinks">
<div class="title">Derniers messages</div> => bloc "Derniers messages"
<ul>
<CBLastPosts>
<li><a href="<$BlogItemURL$>"><$BlogItemTitle$></a></li>
</CBLastPosts>
</ul>
<BloggerFriendLinks><BlogFriendLinkHeader> => liens vers les sites de vos amis ou vos sites préférés
<div class="title"><$BlogFriendLinkCategoryName$></div>
<ul>
</BlogFriendLinkHeader>
<li><a href="<$BlogFriendLinkURL$>"><$BlogFriendLinkName$></a></li>
<BlogFriendLinkFooter>
</ul>
</BlogFriendLinkFooter> </BloggerFriendLinks>
<BlogSiteFeed> => lien RSS nommé par défaut "Version XML"
<div class="item"><a href="<$BlogSiteFeedURL$>" title="Syndiquez ce blog">Version XML</a></div>
</BlogSiteFeed>
</div></div><div class="clear"> </div></div></body>
Commentaires
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=381268&pid=7485110
Liens vers des weblogs qui référencent ce message :
