• (misajour le 11 octobre 2008 - Corrections diverses)


    Où se trouve ce fichier CSS:


    Chez Blogg.org: Dans [Modification de mise en page].


    Si vous avez peur de toucher au fichier CSS,
    dans "Modification de mise en page" et de tout chambouler,
    procédez comme suit:


    1) Faites le copier/coller de votre page CSS dans le "bloc notes" de votre ordinateur en l'enregistrant sous le nom "origine CSS v01" par exemple.
    2) Faites les modifications que vous nommerez par exemple "modif CSS v01".
    3) Recollez votre nouvelle version de CSS.
    4) Ensuite vous pouvez faire des essais: "modif CSS v12", "modif CSS v27", etc.


    Note:

    Autre chose à dire là dessus avant d'aller plus loin ?





    votre commentaire
  • (misajour le 1 octobre 2008 - Corrections diverses)


    Lorsque vous changez le style CSS, ça supprime la bannière du titre...
       Donc logiquement vous remettez la bannière. 
       Là vous constatez que quand vous remettez la bannière... 
       Ça supprime le fichier CSS modifié pour remettre l'original. 
       Evidemment, quand vous voulez remettre le fichier CSS modifié... Ça supprime la bannière.
       Vous avez recommencé au moins trois fois la procédure:


    1) C'est normal car l'interface de modification de mise en page ne fait qu'ecrire a votre place la feuille de style CSS.
    2) Donc si vous modifiez la feuille de style directement dans le code il faut copier le code CSS avec l'image (Bloc note ou word),
    3) ...modifier celui-ci à part,
    4) ...et après recoller le code css modifié dans [Fichier CSS].
    5) Après il ne faudra plus utilisé l'interface [Modification de mise en page] pour modifier le css car autrement la feuille de style css sera réécrite et vos modification faite a la main perdues.
        (Thomas Blogg.gr).


    Recommandations:

    Faites toujours une copie du CSS sur "Bloc note" ou "sur document word" avant toute mofification.

    Gardez toujours une copie du CSS modifié sur Bloc note ou sur document word.



    Note:

    D'autres bugs à signaler, des questions ?


    2 commentaires
  • (misajour le samedi 11 octobre 2008 - Corrections diverses)


    "}" se retrouve collé en debut d'une nouvelle ligne de commande, 
    Au lieu d'être séparé par une ligne vide:

    C'est pas grave.


    " 0 " devant "auto;":

    Il vaut mieux pas en principe.


    Faut-il respecter les espaces:

    C'est préférable.


    Il n'y a pas d'espace après ":":


    C'est pas grave.


    Il semble manquer quelque part un point virgule:

    C'est plutôt embettant !


    Mot en anglais,
    Est-ce grave si un mot est en anglais alors qu'ailleurs dans le CSS il est en français:


    Ça depend du mot, s'il est utilisé comme "classe" ou "selecteur" alors non ce n'est pas grave mais si "ex width" est remplacé par "largeur", par exemple, alors oui c'est grave.



    Que signifient "classe", "element" et "selecteur":

    Il y a les "classes" qui commence par un point .nom_class et que l'on applique a un ou plusieurs "elements" en rajoutant class="nom_class" et les "selecteurs" #.nom_selecteur et que l'on applique a un element en rajoutant id="nom_class".


    Une virgule à la place d'un point virgule:

    C'est plutôt embettant !


    Questions non résoluent:

    1) Aidez moi à compléter la liste de vocabulaire CSS, svp, merci.


    2) Dans mon tableau de "vocabulaire" CSS, Faut-il que je classe les "expressions" par ordre alphabétique
        ou dans un ordre logique systématique ?

    3) Pour la classification de mon tableau: Quel est l'ordre alphabétique des symboles spéciaux
        (Académiquement parlant) ?
        Dans quel ordre dois-je classer les lignes de code commençant par une ponctuation ?

    4) Vous avez des questions à ajouter à cette liste ?


    2 commentaires
  • (misajour le 20 octobre 2008 - Corrections diverses)


    Balises de fin et de début:

    Affaire à suivre...



    votre commentaire
  • (misajour le 27 septembre 2008 - Corrections diverses)


    PONCTUATIONS:

    ; ?
    " ";  ?
    { ? (Ouvre un ensemble de paramètres concernant une ligne ou un bloc par default ???)
    { } ? (Réuni un ensemble de paramètres concernant une ligne ou un bloc par default ???)
    } ? (Cloture un ensemble de paramètres concernant une ligne ou un bloc par default ???)

    * html .blo { ?
    * html .bloc-photos-recente .bloc-liste {
    ?

    ? 
    /*
    ?
    /* center on everything else */ ? (centré quoi qu'il en soit ???)
    /* general page elements */  ?
    /* html .blo {
      ? (Début du code HTML ???)
    /* html .bloc-photos-recente .bloc-liste {  ?

    /* ie win bugfix */  ? (En relation avec des bugs courant sur Windows Internet Explorer ???)
    /* ie win fix \*/  ? (En relation avec Windows Internet Explorer ???)

    /* no ie mac \* ? (Ce qu'il faut faire quand Internet Explorer pour Mac n'est pas compatible ???)
    /* */ ?
    /* */ /* */ ?
    /* \*
      ?
    />  ?
    \*/  ?



    CLASSES:


    .archive-en-tete { ?
    .blo {  ? (Abréviation de bloc ?)
    .blo:after {  ?
    .bloc-calendrier { ?
    .bloc-calendrier .bloc-contenu table { ?
    .bloc-calendrier .bloc-contenu th, .bloc-calendrier .bloc-contenu td { ?
    .bloc-photos-recente { ?
    .bloc-photos-recente .bloc-contenu {  ?
    .bloc-photos-recente .bloc-liste { ?
    .bloc-photos-recente .bloc-liste:after ?
    .bloc-photos-recente .bloc-liste-article { ?
    .bloc-photos-recente .bloc-liste-article a { ?
    .bloc-photos-recente .bloc-liste-article img { ?
    .clr { ?
    .contenu-nav { ?
    .contenu-nav a:active { ?
    .
    contenu-nav a:hover { ?
    .contenu-nav a:visited {color: #(6 chifres);text-decoration: none;}.contenu-nav a:link { ?

    .commentaires-en-tete ?
    .commentaires-ouvrir label { ?
    .commentaires-ouvrir-en-tete ?

    .date-en-tete, .entree-contenu { ?

    .entree, .trackbacks, .commentaires, .archive { ?
    .entree-bas-de-page, .trackbacks-bas-de-page, .commentaires-bas-de-page, commentaires-ouvrir-bas-de-page, .archive-contenu { ?
    .entree-contenu, .trackbacks-info, .trackback-contenu, .commentaires-ouvrir-contenu, .commentaires-ouvrir-bas-de-page, .commentaires-fermer, .archive-contenu { ?
    .entree-contenu, .trackbacks-info, .trackbacks-contenu, .commentaires-contenu, commentaires-ouvrir-contenu, .commentaires-fermer {  ?
    .entree-en-tete { ?

    .entry-extrait, .entree-corps, .entree-plus-liens, .entree-plus { ?
    .trackbacks-en-tete ?



    SELECTEURS:

    # ? (précède un code couleur - ex: #000000 pour noir)
    # { ? (Ouvre un ensemble de paramètres paramétrables concernant une ligne ou un bloc ???)
    #f Pas de couleur / transparent
    #000000; Couleur noir (les chiffres change quand la couleur change)
    #banniere { ?
    #banniere a { ?
    #banniere-description { ?
    #banniere-en-tete { ?
    #banniere-interieur { ?
    #commentaires-auteur, #commentaires-email, #commentaires-url, #commentaires-text { ?
    #pagecorps { ?
    #pagecorps-interieur { ?
    #quatre { ?
    #recipient { ?
    #recipient-interieur { ?
    #titreblog ?
    #un, #deux, #trois, #quatre {  ?
    #un-interieur, #deux-interieur, #trois-interieur, #quatre-interieur {  ?


    ELEMENTS:

    0 0 10px 0; ? (Drôle d'écriture - pourquoi c'est écrit ainsi ? "10px" c'est la taille, mais les autres zéros ???)
    0 auto; automatique (Sans valeur prédéfinie ???)
    0px;/*  \*/  ? (Drôle d'écriture - pourquoi c'est écrit ainsi ? "0px" c'est la taille, mais les autres zéros signes derrière ???)

    a {  ? (Pourquoi "a" tout seul ? - Est-ce une classification alphabétique ?)
    a:active {  ?
    a:hover {  ?
    a img { ? (img pour image ?)
    a:link {  ? (link pour lien ?)
    a:visited {  ? (visited pour visiteur ?)
    auto; automatique

    background-color: ?
    background-image: url(image.gif ou .jpg ou .png ou son .mp3) image en arrière plan à partir de son lien URL
    background-position:; position d'arrière plan (C'est normal que ";" est collé à ":" ?)
    background-position:top; position d'arrière plan en haut (C'est normal que "top" est collé à ":" ?)
    background-repeat:no-repeat ou repeat-x ou repeat-y ou no-repeat répetition du média en arrière plan
    background-repeat:no-repeat;background-color: ?
    background-repeat:repeat; ?


    block;  ?
    body {  Le corps de la page

    border: Bordure
    border-bottom-width: ?
    border-collapse: ?
    border-left-width: ?
    border-right-width: ?
    border-style: ?
    border-top-width: ?

    bold; Large
    both; ? (de moitié ???)

    center;  Au centre
    clear:  ?
    color  Couleur
    collapse; ?
    content:  ?

    display: ?
    div.row { ?
    div.row span.formw { ?
    div.row span.label { ?
    div.spacer ?

    em; ? (C'est quoi comme unité de mesure ???)
    embed src ?

    float: ?

    font-family: police d'écriture (courante ???)
    font-size:  Taille de la police d'écriture
    font-style:; ?
    font-style:normal;  ? (Est-ce correct que "normal" soit collé à ":" ?)
    font-weight:  Largeur de la police d'écriture
    font-weight:bold;  Largeur de la police d'écriture (Est-ce correct que "bold" soit collé à ":" ?)
    font-weight:normal;  Largeur de la police d'écriture (Est-ce correct que "normal" soit collé à ":" ?)

    form {  ? (Mise en forme globale ?)

    height: Hauteur
    h1, h2, h3, h4, h5, h6 { ?
    h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { ?
    hidden;   ?
    html {  Début du code HTML

    initializing ticker ?
    inline;  ?
    inline-block;  ?

    left;  à gauche
    letter-spacing:  ?
    letter-spacing:0px  ?
    line-height: ? (hauteur de ligne ???)
    line-height:(quantité)px ? (hauteur de ligne ???)
    line-weight:normal ?
    list-style: ? (style de ligne ???)

    margin: Marge
    margin: (chiffre)em 0;color: Marge
    margin-top: Marge (du haut ?)
    margin-bottom: ?
    margin-left: ?
    margin-right: ?
    margin-right: 0px;color: ?
    margin-right: 0px;color: #(6 chiffres);font-size: (quantitié)px;font-family: (Polices d'écritures);text-transform:  ?
    margin-right: 0px;text-align: ?

    min-height:  ? (Position minimum en hauteur ???)

    none; "rien"
    normal; Normal / moyen / par défault

    overflow:  ?

    padding:  ? (Pas ? Espacement entre des lettres ou des chiffres ou des lignes ???)
    padding-bottom:  ?
    padding-left:  ?
    padding-right:  ?
    padding-right: 0px;margin-top: ?

    padding-right: 0px;color: #(6 chifres);font-size: 13px;font-family: Arial, Verdana, Helvetica, sans-serif;text-align: center;line-height: ?

    padding-top: ? (Plaquer en haut ???)
    position: ? (Position ?)
    px;  pixels (Unité de taille / de résolution image)

    relative;   ? (C'est à dire - qui s'ajuste automatiquement ?)
    right;  Droite
    RSS-MP3-ATOME  ? (icones ???)

    static; Fixe

    text-align: Alignement du texte
    text-align: Alignement du texte
    text-align:left;  ?
    text-decoration:  ? (Mise en page du texte ???)
    text-indent:  ?
    text-indent:0px  ?
    text-indit:  ?
    text-transform:none;  ? (C'est normal que none est ici collé à ":" ?)
    text-decoration:  ? (Mise en page du texte ???)

    undurline  ? (Retour à la ligne ou en fin de bloc ???)
    urlimage
      Lien URL d'une image
    url(http://www.blogg.org/afficher_image.php?id=(Chiffre)&img_x=0);  Lien URL d'une image


    visibility:  ?

    width: Largeur
    width: 100% Toute la largeur


     


    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique