• [Tuto] 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 ?

    3
    Dimanche 4 Février à 19:16

    help my

     

     

    4
    Lundi 5 Février à 16:27

    bij werk het not die code

    help.help

    5
    Lundi 5 Février à 16:45

    I no speak english. I speaxk french.

    6
    Lundi 5 Février à 17:55

    Ce n'est même pas de l'anglais mais de Néerlandais !

    7
    Lundi 5 Février à 18:07

    AH ok merci pour l'info

    8
    Lundi 5 Février à 18:08

    Je ne sais pas trop ce qu'elle veut à part qu'elle ne comprend pas mdrr

    9
    Mardi 6 Février à 08:06

    Voilà ce que j'ai reçu en tapant son message sur google traduction: "au travail ce n'est pas ce code"

    Tu t'es trompée c'est de l'allemand j'ai vérifié sur  wordéreference mais sur google translate c'est du neerlandais

    10
    Mardi 6 Février à 08:09

    @profielona Hallo ik begrijp uw verzoek niet. Kun je het nog een keer uitleggen?

    11
    Mardi 6 Février à 08:27

    my code is not working. I like it. How do I get this good

    12
    Mardi 6 Février à 14:07

    "Les codes javascript sont automatiquement désactivés par mesure de sécurité. Pour insérer du javascript sur votre blog, vous devez avant tout demander à léquipe d'EklaBlog de vous lactiver sur votre compte. Il suffit de nous envoyer un e-mail via le formulaire de contact."

     

    ( my code is not working..)

     

    13
    Mardi 6 Février à 16:59

    Ah d'accord! Bon je t'expliquerais plus tard. 

    14
    Mardi 6 Février à 17:50

    I get JavaScript profile me. I have been waiting for.

    my profieloma

    15
    Mardi 6 Février à 19:00

    Desolee mais tu as pas besoin du javascript pour entrer ses codes dans tes articles!

    16
    Mardi 6 Février à 19:27

    I've done it. but not work not

    help not

    17
    Mercredi 7 Février à 16:29

    I do not understand it's HTML code.

    18
    Vendredi 23 Février à 16:06

    Cet article est vraiment interessant merciii

    19
    Vendredi 23 Février à 17:53

    Contente  qu'il t'ai plu:)

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :