Canalblog
Suivre ce blog Administration + Créer mon blog
Publicité
Le petit théatre de votre blog
1 janvier 2005

Structure de la page d'accueil

Structure de la page  d'accueil
La page d'écran est divisée en blocs délimités par les balises
Ce qui donne dans le code (Nous avons ajouté des remarques qui sont ignorées par le navigateur. Elles ne sont donc pas nécessaires mais vous aideront à comprendre le code). ...
Publicité
1 janvier 2005

Les balises Canalblog / balise de bloc

blocs d'un article
<\/P>\r\n

Attention !<\/STRONG> Ne faite pas cette manipulation dans la ligne document.write si vous l'avez, \u00e7a ne marcherai plus. <\/FONT><\/P>\r\n

<script type=\"text\/javascript\">
          <!--
          document.write('<a href=\"<$BlogOwnerNoSpamEmailLink$>\">Contactez l'auteur<\/a>')<\/STRONG>; \/\/ --> 
 <\/script> <\/FONT><\/P>\r\n

Vous devez obtenir quelque chose comme \u00e7\u00e0 (le code diff\u00e9re suivant les options que vous aurrez choisi dans le deisign de votre blog) :<\/P>\r\n

<body>
<div id=\"container\">
  <div id=\"topbar\">
    <h1>
      <a href=\"<$BlogURL$>\">
        <$BlogTitle$>
      <\/a>
    <\/h1>
    <h2>
      <$BlogDescription$>
    <\/h2>
  <\/div>
  <div id=\"leftbar\">
    <div class=\"navlinks\">
      <div class=\"title\">
        Cat&eacute;gories
      <\/div>
      <ul>
        <CBCategories>
          <li>
            <a href=\"<$BlogCategoryURL$>\">
              <$BlogCategoryName$>
            <\/a>
          <\/li>
        <\/CBCategories>
      <\/ul>
      <div class=\"item\">
        <script type=\"text\/javascript\">
          <!--
          document.write('<a href=\"<$BlogOwnerNoSpamEmailLink$>\">Contactez l'auteur<\/a>'); \/\/ -->
        <\/script>
      <\/div>
      <BlogSiteFeed>
        <div class=\"item\">
          <a href=\"<$BlogSiteFeedURL$>\" title=\"Syndiquez ce blog\">
            Version XML
          <\/a>
        <\/div>
      <\/BlogSiteFeed>
    <\/div>
  <\/div>
  <div id=\"content\">
    <div class=\"blogbody\">
      <Blogger>
        <BlogDateHeader>
          <h2>
            <$BlogDateHeaderDate$>
          <\/h2>
        <\/BlogDateHeader>
        <a name=\"<$BlogItemNumber$>\">
        <\/a>
        <BlogItemTitle>
          <h3>
            <$BlogItemTitle$>
          <\/h3>
        <\/BlogItemTitle>
        <p>
          <$BlogItemBody$>
        <\/p>
        <div class=\"itemfooter\">
          Post&eacute; par <$BlogItemAuthorNickname$> &agrave; <$BlogItemDateTime$>
          <BlogItemCategories>
             -
             <a href=\"<$BlogItemCategoryLink$>\" title=\"Autres messages dans cette cat&eacute;gorie\">
                <$BlogItemCategoryName$>
             <\/a>
          <\/BlogItemCategories>
          <BlogItemComments>
             -
            <a href=\"<$BlogItemCommentsURL$>\" title=\"Commentez ce message\">
              Commentaires [<$BlogItemCommentsCount$>]
            <\/a>
          <\/BlogItemComments>
          <BlogItemTrackBacks>
             -
            <a href=\"<$BlogItemTrackBacksURL$>\" title=\"R&eacute;troliens\">
              R&eacute;troliens [<$BlogItemTrackBacksCount$>]
            <\/a>
          <\/BlogItemTrackBacks>
           - Permalien [
          <a href=\"<$BlogItemURL$>\" title=\"Lien permanent vers ce message\">
          #
          <\/a>
          ]
        <\/div>
      <\/Blogger>
    <\/div>
  <\/div>
  <div style=\"clear: both;height:0px;\">
    &nbsp;
  <\/div>
<\/div>
<\/body><\/FONT><\/P> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") })

Vous aimez ?
0 vote
1 janvier 2005

Les liens Amis

Les liens Amis
Les "Liens d'amis" sont regroupés par catégories (les catégories que vous définnissez dans Contenu, Lien d'amis...)Aide canalblog http://www.canalblog.com/public/aide/?q=balises&f=22 Le code :
Publicité
1 janvier 2005

Le calendrier

1 janvier 2005

La feuille de style

La feuille de style définit une liste d'attributs applicable à des objets HTML. Pour simplifier disons qu'il y a deux manières de définir un style avec le # et avec un point (.) Par exemple avec le # : #leftbar { float: left; width: 24%; background-color:...
Publicité
<< < 1 2
Publicité