Astuces Blog

Un petit blog sans prétentions pour vous aider à créer le votre. Trucs et astuces, questions, aides et entraides…

02 août 2007

- TOUT SUR CANALBLOG -

- Pourquoi choisir Canalblog plutôt qu'une autre plateforme ? Nouveau- Comment faire pour passer en mode avancé ? - Éditer les fichiers d'un modèle - Le code- La structure de la page d'accueil - Les balises de bloc - Les balises de données - Rendre le code lisible - Liens d'amis - La feuille de style - Comment faire pour supprimer un article ? - Comment faire connaitre mon blog ? Nouveau- Retour au sommaire -
Posté par Naneu à 00:00 - - Commentaires [20] - Permalien [#]

10 août 2007

COMMENT FAIRE POUR PASSER EN MODE AVANCÉ ?

► Le mode avancéLe mode avancé sert à changer des éléments qui sont impossibles de modifier avec le mode simple : par exemple changer le fond de votre page par une image, déplacer, ajouter ou supprimer une rubrique dans les colonnes, ajouter une radio, etc.► Avant de passer en mode avancéAttention, en passant en mode avancé, il est impossible de retourner en arrière. La présentation de votre blog (style, couleurs, liens, colonnes etc.) doit être faite avant (complexité pour changer votre présentation après...).► Passez en mode... [Lire la suite]
Posté par Naneu à 00:00 - - Commentaires [4] - Permalien [#]
10 août 2007

ÉDITER LES FICHIERS D'UN MODÈLE

1. Cliquez dans le menu Apparence.2. Cliquez sur Editer les fichiers de ce modèle.3. Vous voyez apparaître 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 des archives : la page sert également de modèle pour afficher les catégories. Page Message : la page qui s'affiche quand l'internaute clique sur Lien... [Lire la suite]
Posté par Naneu à 00:01 - - Commentaires [1] - Permalien [#]
10 août 2007

LE CODE

Tout se passe entre les deux balises <Body> et </Body>Les différentes zones dans lesquelles 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;        padding: 0px;    ... [Lire la suite]
Posté par Naneu à 00:02 - - Commentaires [0] - Permalien [#]
10 août 2007

LA STRUCTURE DE LA PAGE D'ACCUEIL

La page d'écran est divisée en blocs délimités par les balises <div> et </div>Ce qui donne dans le code :(Des remarques ont été ajoutées. Elles 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 Naneu à 00:03 - - Commentaires [2] - Permalien [#]
10 août 2007

LES BALISES 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>      <!-- Fin de définition de la zone... [Lire la suite]
Posté par Naneu à 00:04 - - Commentaires [0] - Permalien [#]

10 août 2007

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 avez 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 -->      <div... [Lire la suite]
Posté par Naneu à 00:05 - - Commentaires [6] - Permalien [#]
10 août 2007

RENDRE LE CODE LISIBLE

Avant d'essayer de modifier le code, nous vous conseillons de sauvegarder les feuilles HTML de chaque page (ainsi que la feuille de style) dans un fichier du bloc-notes (ou sur Word). Car, en cas d'erreur lors d'une modification, votre page ne s'affichera plus correctement et vous serez obligé de recommencer un nouveau modèle !Retravaillez ensuite la présentation du code, à l'image de ce que nous avons fait précédemment (voir lien).Commencez par isoler les balises (les codes entre <>).Puis à chaque fois que vous trouvez une... [Lire la suite]
Posté par Naneu à 00:06 - - Commentaires [0] - Permalien [#]
10 août 2007

LIENS D'AMIS

► Liens d'amisLes "Liens d'amis" sont regroupés par catégories (les catégories que vous définissez dans Contenu, Lien d'amis...) Aide Canalblog► Le code<div class="navlinks">        <!-- Début zone Liens Amis -->        <BloggerFriendLinks>          <!-- Début Entête Liens Amis -->          <BlogFriendLinkHeader>             <div... [Lire la suite]
Posté par Naneu à 00:07 - - Commentaires [1] - Permalien [#]
10 août 2007

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: hidden;}Dans le code ce style sera utilisé avec id=<div... [Lire la suite]
Posté par Naneu à 00:08 - - Commentaires [0] - Permalien [#]