Le petit théatre de votre blog

Comment améliorer votre CanalBlog

 
01 janvier 2005

Passer en mode avancé

1 ) Cliquez dans le menu Apparence 2 ) Vous êtes maintenant dans le sous menu Liste des modèlesLà, cliquez sur Paramètres 3) Ici cochez la case "convertir ce modèle..." 4 ) Cliquez sur le bouton ValiderVous revenez dans la liste des modèles mais les options ont changéA la place de Styles, apparences... vous avez Editer les fichiers de ce modèle
Posté par Babouze à 12:50 - - Commentaires [4] - Permalien [#]

01 janvier 2005

Le code

Tout se passe entre les deux balises <Body> et </Body>Les différentes zones dans lequelles on trouve le texte sont délimitées par des balises     <div> pour le début et     </div> qui marque la fin de la zone.Dans les balises <div> le terme id= fait référence à un style défini dans la feuille de style.Par exemple :    <div id="container">fait référence à     #container {        width: 800px;   ... [Lire la suite]
Posté par Babouze à 12:40 - - Commentaires [2] - Permalien [#]
01 janvier 2005

Editer les fichiers de modèles

1 ) Cliquez sur Apparence. 2 ) Cliquez sur Editer les fichiers de ce modèle 3 ) Vous voyez apparaitre du code HTML dans une grande zone de texte avec un ascenseur. Il s'agit du code qui génére votre page d'accueil. 4 ) Au dessus du code, il y a une liste déroulante qui permet de choisir le type de page que l'on veut modifier.     Page d'accueil : la page d'accueil de votre blog.    Page d'Archive :  c'est aussi la page qui sert de modèle pour afficher les... [Lire la suite]
Posté par Babouze à 12:40 - - Commentaires [1] - Permalien [#]
01 janvier 2005

Structure de la page d'accueil

La page d'écran est divisée en blocs délimités par les balises <div></div>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).<body>  <!-- Début de définition de l'espace utilisé dans l'écran -->  <div id="container">     <!-- Début de définition de la zone du haut (zone titre) -->    <div id="topbar">... [Lire la suite]
Posté par Babouze à 12:30 - - Commentaires [4] - Permalien [#]
01 janvier 2005

Les balises Canalblog / balise de bloc

    <!-- Début de définition de la zone centrale  -->    <div id="content">      <!-- Début de définition de la zone des articles -->      <div class="blogbody">        <Blogger>            blocs d'un article        </Blogger>      </div>     ... [Lire la suite]
Posté par Babouze à 12:20 - - Commentaires [0] - Permalien [#]
01 janvier 2005

Les balises Canalblog / Les balises de données

Les balises de données affichent le contenu d'un champ de la base de donnée dans laquelle sont rangées les informations que vous avvez tapées. Par exemple <$BlogItemBody$> affichera le contenu d'un article. Les balises de données commencent et finissent par le signe $.     <!-- Début de définition de la zone centrale  -->     <div id="content">       <!-- Début de définition de la zone des articles --> ... [Lire la suite]
Posté par Babouze à 12:10 - - Commentaires [0] - Permalien [#]
01 janvier 2005

Rendre le code lisible

 Avant d'essayer de modifier le code, nous vous conseillons de retravailler sa presentation à l'image de ce que nous avons fait dans les écran précédants. Ca demande un bon moment (j'ai mis environs dix minutes pour faire la page d'accueil),  mais ce n'est pas compliqué. Pour ce faire commencez par isoler les balises (les trucs entre <>)Puis à chaque fois que vous trouvez une balise ouvrante (comme <div>) décalez les lignes suivantes de deux espaces.A chaque fois que vous trouvez une balise fermant, c'est... [Lire la suite]
Posté par Babouze à 12:00 - - Commentaires [1] - Permalien [#]
01 janvier 2005

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 : <div class="navlinks">        <!-- Début zone Liens Amis -->        <BloggerFriendLinks>          <!-- Début Entête Liens Amis -->         ... [Lire la suite]
Posté par Babouze à 11:30 - - Commentaires [2] - Permalien [#]
01 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: #dddddd;  border-top-style: none;  border-right-style: none;  border-bottom-style: none;  border-left-style: none;  border-width: 1px;  border-color: #;  overflow:... [Lire la suite]
Posté par Babouze à 00:20 - - Commentaires [5] - Permalien [#]