• code css ou htlm


    Jeudi 30 Octobre 2014 à 20:45
    graficspassion

    bonsoir j'aimerais savoir si c possible d'ajouter une phrase, "Bienvenue sur le blog X" le X serait le pseudo de la personne qui et sur le blog merci d'avance

    Jeudi 30 Octobre 2014 à 23:28
    jean--marie

    bonsoir,
    je crois que ce n'est pas possible
    mais avec le module "derniers visiteurs" tu peux savoir qui est  venu sur ton blog
    amicalement

    Jeudi 30 Octobre 2014 à 23:30
    graficspassion

    oui les dernier visiter son mis sur mon blog mais j'aurais bien voulu que mes visiteur et un message de bienvenue avec leur pseudo mais c pas grave merci de ta réponse

    Vendredi 31 Octobre 2014 à 07:26
    Mike GMZ

    Salut!

    Papasti affiche ce message sur son blog.
    Ajoute le code ci-dessous dans ta page d'accueil:
    (javascript doit être activé sur le blog)

     

    <p>

    <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='Salut à toi '+txt+' ';

    msg+='<img src="'+img.src+'"/>';

    $('ok').set('html',msg);

     

     

    }

    });

    // ]]></script>

    </p>

    <div id="ok"></div>

    <style>

     #ok{

    /*position: absolute; 

    top: 200px; 

    left: 40%;*/

    width:20%;

    height:auto;

    font-size: 20px;

    padding: 5px 30px;

    border: 4px solid yellow; 

    border-radius: 10px; 

    box-shadow: 6px 6px 10px black;

    }

    #ok img {

    width:30px;

    height:30px;

    }

    </style>

    Vendredi 31 Octobre 2014 à 10:03
    graficspassion

    oui génial merci beaucoup il fonctionne très bien sur mon blog teste

     es possible de changer la couleur du cadre car il est jaune

    Vendredi 31 Octobre 2014 à 10:34
    Mike GMZ

    Suffit de modifier le code CSS de #ok :

    remplace ci-dessous "yellow" par ta couleur

    #ok {border: 4px solid yellow; }

    Exemple en rouge:

    #ok {border: 4px solid red; } 

    Vendredi 31 Octobre 2014 à 11:14
    graficspassion

    ok merci beaucoup et une dernière question j'ai essayer de le centré mais je n'y arrive pas j'ai juste réussi a changer la grosseur de l'écriture   

    Vendredi 31 Octobre 2014 à 11:38
    Mike GMZ

    Houla...!!!!! Y a plein de bugs dans ton code source, surement dus aux modifs
    de l'éditeur. Voilà ton code (en rouge les bugs):

    #ok {
    width: 20%;
    height: auto;
    font-size: 500<span id="CmCaReT"></span>px;
    padding: 5px 30px;
    border: 0<span id="CmCaReT"></span>px solid yellow;
    border-radius: 10px;
    box-shadow: 2px 2px 5<span id="CmCaReT"></span>px black;
    }

     

    Tu veux " centrer " par rapport à quoi ? Quelle couleur police ?

    Vendredi 31 Octobre 2014 à 11:42
    lulette

    Salut

    les bugs proviennent d'un bug suite au changement du html (coloration syntaxique), il a été réparé par Godefroy (http://doc.eklablog.com/modification-du-code-html-topic117596)

    Bonjour Mike !

    Vendredi 31 Octobre 2014 à 11:53
    Mike GMZ

    Salut Lulette !

    Non, ça merdouille encore, je viens d'essayer:

    font-size: 3<span id="CmCaReT"></span>0px;

     




    Vous devez être membre pour poster un message.