• Quelques codes HTLM pour les articles

    Hey!

    On aime avoir une jolie présentation de ces articles de son accueiL...Enfin bref avoir une présentation des articles sympas et agréable à lire. 

    C'est donc pour cela  que je vous ai concocté un article spécial:

    Quelques codes HTLM pour les articles

     

    Je tient à dire que ca fait un moment que je n'ai pas faire d'article de codage je m'excuse.

     Tous les codes sont à mettre dans le bouton "source" (qui ressemble à ca <>) dans l'édition d'article

    Code 1: Texte écris comme le titre des articles

    Bon ca vous semble pas très clair. Vous voyez le titre par là U+2191.svg c'est écris de la même façon (même police et même couleur que les titres de mes articles sur mon blog)

    <h1 id="module_titre_pageprofile" class="module_titre_contenu">TEXTE TITRE</h1>

    Légende: Ce qui est écris en Rouge c'est le texte que vous voulez écrire.

    Notes: -Le code s'adapte à votre titre sur votre blog

    -Lors de l'édition d'article c'est écrit en TETE 1 c'est normal quand vous enregistrer et regarder l'article sans la fenêtre c'est écris comme votre titre.

     

    Code 2: Texte avec le pseudo du lecteur

    Je vous explique le code consiste à mettre le même texte pour tout le monde simplement le pseudo du lecteur s'affiche par exemple:

     

    <div id="ok">&nbsp;</div>
    <script>// <![CDATA[
    onJSFilesLoaded.push (function(){

    if ($$('#menubar_section_account a[0]')){

    var perso=$$('#menubar_section_account a');

    var hre=perso[0].getProperty('href');

    var txt=perso[0].getProperty('text');

    var img=perso[0].getChildren()[0];

    msg='TEXTE AVANT LE PSEDO '+txt+' TEXTE APRES LE PSEDO' ;

    $('ok').set('html',msg);
    }
    });
    // ]]></script>
    <style><!--
    #ok{
    color: black;
    font-size: 25px; margin: auto;width:250px;}
    --></style>

    Légende: Tout ce qui est écris en ROUGE c'est le texte que vous voulez écrire.

    Notes: Lors de l'édition d'article le texte est invisible il suffit d'enregistrer pour le voir.

     

    Code 3: Boîte scrollab contenant du texte et des images

    Il s'agit de ca:

     Blablablaaaaaaaaaaaaaaaaaaaaaaaaaaaaaallllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

     

    <div style="max-height: NOMBREpx; background-image: url('URL DE VOTRE FOND'); background-attachment: fixed; max-width: NOMBREpx; ; border: EPAISSEUR DU CONTURpx solid #b8b2d9; overflow: auto;">
    <p><strong></strong>TEXTE DANS LA BOITE</p>

    Légende: max-height: hauteur maximale de votre boîte

    Fixed:  Si votre boite se situe à gauche (mettez left) ou a droite (mettez right) vous pouvez laisser vide ce champs

    border:  Les contours de la boite : mettez l'épaisseur du contour en px, si le contour est  :solid, dotted, dashed... Et ensuite mettez la couleur du contour

     

    Voilà j'espère que l'article aura été utile à ceux qui se connaissent pas trop en HTLM. J'espère avoir été le plus claire possible sinon écrivez moi en commentaire.

    A dans 3 jours pour la nouvelle année!

    Ella


  • Commentaires

    1
    Samedi 30 Décembre 2017 à 17:37

    Je ne comprend pas trop à quoi le code 2 sert.. Tu peux me l'expliquer ? ^-^

    2
    Samedi 30 Décembre 2017 à 17:43

    Ah zut j'ai supprimée l'exemple accidentellement je vais le remettre en fait c'est un message avec le pseudo de la personne qui lit . Par exemple si je mets ce code et comme texte je mets Salut et que toi tu vas sur la page tu verras "Salut Lawayn". ESt ce que tu as compris ou pas ? Sinon sur la page d'accueil de mon blog j'ai mis ce code.

      • Samedi 30 Décembre 2017 à 17:46

        Oh oui je vois donc !

        Est ce que ça marche pour les personnes extérieures à la plateforme ?

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :