• Ombres portées du titre

    Par manola dans Ombres portées le 19 Novembre 2013 à 10:22

    Ombres portées du titre

     

    Le code

    #titre_header a {box-shadow: 1px 1px 20px #ffffff;}

    Vous pouvez modifier le code de couleur ce qui est en rouge dans le code

     

     vous pouvez également modifier l'intencité de l'ombre  ce qui est en vert dans le code

     

    Astuce 1 :  Si vous voulez que l'ombre portée soit à gauche plutôt qu' à droite , il suffit de placer un "-" devant les deux premiers chiffres .

    Astuce 2  : si vous voulez une ombre uniforme un peu comme une lueur , placer un "0" à la place des deux premiers chiffres 

    *

    Coller le code à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 


  • Ombres portées du slogan

    Par manola dans Ombres portées le 19 Novembre 2013 à 10:15

    Ombres portées du slogan

     

    Le code

    #slogan_header {box-shadow: 1px 1px 20px #ffffff;}

    OU

     

    Le code

    #slogan_header { text-shadow: 1px 1px 2px #ffffff;}

     

    Vous pouvez modifier le code de couleur ce qui est en rouge dans le code

     

     vous pouvez également modifier l'intencité de l'ombre  ce qui est en vert dans le code

     

    Astuce 1 :  Si vous voulez que l'ombre portée soit à gauche plutôt qu' à droite , il suffit de placer un "-" devant les deux premiers chiffres .

    Astuce 2  : si vous voulez une ombre uniforme un peu comme une lueur , placer un "0" à la place des deux premiers chiffres 

    *

    Coller le code à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 


  • Menu défilant pour bannières

    Par manola dans HTML le 29 Septembre 2013 à 15:39

    *

    Attention ceci est un code HTML

     

    Menu Défilant pour bannières

    *

    Pour des  petites bannières d' ami(e)s Maximum 170 pixels x 120 .

    exemple suivant

         

    bannière

     

    bannière

     

     

    bannière

     

    bannière

     

    bannière

     

         		  

     

    Voici le code

    * 

     Code HTML

    <table style="text-align: left; width: 179px; height: 120px; margin-left: auto; margin-right: auto;" border="0" cellspacing="2" cellpadding="2">

    <tbody>

    <tr>

    <td style="vertical-align: top; text-align: center;">&nbsp; &nbsp; &nbsp;</td>

    <td style="vertical-align: top;"><!-- Début du code du menu déroulant

    d'Astwinds--><noscript><a href="http://perso.wanadoo.fr/astwinds/">

    <br/> &lt;/</a></noscript>

    <marquee class="Scroller" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2">

    <p><a title="manola scrap" href="http://manola-scrap.eklablog.com/"><img style="display: block; margin-left: auto; margin-right: auto;" title="blog 1" src="http://i49.tinypic.com/22i8v7.jpg" alt="banni&egrave;re" width="216" height="77" /></a></p>

    <p>&nbsp;</p>

    <p><a title="Nom du blog" href="URL du blog"><img style="display: block; margin-left: auto; margin-right: auto;" title="blog 2" src="URL de la bannière héberger" width="xxx" height="xxx" /></a></p>

    <p>&nbsp;</p>

    ***

    <span style="color: #9d4e46;"><span style="font-weight: bold;">&nbsp;</span></span></marquee></td>

    <td style="vertical-align: top;">&nbsp;</td>

    </tr>

    </tbody>

    </table>

    Pour chaque bannière supplémentaire , vous devez ajouter ce code à la suite de celui existant .

    Effacer les trois petites étoiles et coller le code suivant à la place.

     Code HTML

    <p><a title="nom du blog" href="URL du blog"><img style="display: block; margin-left: auto; margin-right: auto;" title="blog 2" src="url de la bannière héberger" width="xxx" height="75" /></a></p>

    <p>&nbsp;</p>

    ***

    *

    Vous pouvez changer dans le code ,  la couleur correspondant  à ...

    les dimensions du menu défilant 

    le nom de votre blog 

    L'URL de votre blog

    L'URL de la bannière hébergée

    Les dimensions de la bannière 

    -

     

    Oui! le bouton html à changé , maintenant  c'est le code source , regarde la capture

    c'est là qu'il faut coller le code .

     

    capture