• Par GloriaV dans Tutorial HTML CSS le 14 Août 2015 à 15:11
     

    Fondo, bordes, sombra, imagen para los comentarios.

    Añadir Script en parte común. 
    Generador de texto con vuesto imagen.
    Para usar vuesro imagen: Tes figurines persos

     

    HTML  JavaS

    <!------- gracias ------------------------------->
    <script>// <![CDATA[
    if(typeof(onJSFilesLoaded) != "object")
    onJSFilesLoaded = [];
    onJSFilesLoaded.push (function(){
    function jigo(){
    var lignescom=document.getElementsByTagName('a');
    for(i=0;i<lignescom.length;i++){
    var acom=lignescom[i];
    var patt = new RegExp("comments");
    var res = patt.test(acom);
    if (res) {
    var ex=acom.getProperty('text');
    var lignecom = new RegExp("commentaire");
    var reslignecom = lignecom.test(ex);
    if (reslignecom) {
    var im =acom.firstChild;
    var nouveau=ex.replace("commentaire","Commentaire");
    acom.setProperty('text',nouveau);
    acom.setProperty('class','lignecom');
    im.inject(acom,'bottom');
    }
    }

    }
    }

    jigo();
    setInterval(function(){jigo();},1000);
    });
    // ]]></script>



    CSS

    <style type="text/css"><!--
    .module_contenu_block>a
    {

    background-color: #;
    color: black;
    font-size: 23px;
    text-shadow: 1px 1px 2px #000;
    line-height:6.0em;
    border: 1px dotted #956A48;
    padding: 20px 20px 20px 20px;
    box-shadow: 0px 0px 5px black;
    border-radius: 10px;
    background-image: url('http://ekladata.com/iZLmW_VVm4oaSHHrbiwuvjKJtSc.gif');
    }
    .module_contenu_block>a:hover
    { color: purple;text-shadow: 0px 0px 0px black; background-image: url('http://ekladata.com/tutorialgloriav.eklablog.com/perso/GloriaV/55lis.gif');}
    .lignecom:before{

    position:relative;
    top: 18px;
    left:5px;
    line-height:6.0em;
    }
    .lignecom:after{
    content: url(http://ekladata.com/tutorialgloriav.eklablog.com/perso/GloriaV/1000.gif);
    position:relative;
    top: 18px;
    left:15px;
    }
    .lignecom img{
    display:none;}
    --></style>