• code pour cartes virtuelles

    Par manola dans HTML le 2 Juin 2013 à 17:23

    Vous avez de belles Images flash ou autres et vous voulez les utiliser pour  en faire des cartes virtuelles à envoyer directement par mail depuis votre blog 

     

     

    Vous voulez l'envoyer à une amie 

    *

    Voici le code HTML

    * 

     Code HTML

    <p style="text-align: center;">*</p>

    <p style="text-align: center;"><span style="color: #ffffff; font-size: medium;"><big><span style="font-family: Georgia;"><strong><a href="mailto:?subject=Une jolie carte pour toi !&amp;body=Clique sur ce lien pour voir la carte...  Url Coller ICI"><span style="color: #ffffff;">Clique ici pour envoyer cette carte par e-mail !</span></a></strong></span></big></span></p>

    <p style="text-align: center;"><span style="color: #ffffff; font-size: medium;"><span style="font-family: Georgia;"><strong><span style="color: #ffffff;">*</span></strong></span></span></p>

    Voici ce que ça donne , cliquez sur le lien suivant pour voir le résultat 

     Clique ici pour envoyer cette carte par e-mail !

     

    ***

    ce qui est en vert , c'est le titre du message que vous envoyez et  que la personne recevra par mail

    Ce qui est en bleu c'est le message que vous voulez faire passer 

    ce qui est en rouge c'est là que vous devez coller l'url de votre page  où est postée la carte .

    C'est le lien  "Clique ici pour envoyer cette carte par mail !" cliquable qui sera afficher sur votre blog 

    Cependant , faites attention de bien laisser un espace après les trois petits points du message bleu 

    sinon le code ne fonctionnera  pas 

     

    oui le bouton html à changer , maintenant  c'est le code source , regarde la capture

    c'est là qui faut coller le code .

     

    capture

     


  • fait pivoter les images du contenu

    Par manola dans Divers le 2 Juin 2013 à 14:56

    Ce script fait pivoter les images cliquables du contenu  et met des coins arrondis en pivotant

      y compris aux  avatars des commentaires 

    lorsque l'on passe la souris dessus

    exemple

     

    Code CSS

    .module_contenu  img:hover {opacity: 2;   -webkit-transition: 500ms;
        -webkit-transform: rotate(10deg); 
        border-radius: 25px 25px 25px 25px;
        }

    Vous pouvez changer le nombre de px "pixels " pour les arrondis des coins 

    le premier chiffre = H gauche - le 2em chiffre = h droite

    le 3em chiffre = B droite - le 4em chiffre = B gauche 

    *

    Coller le code à l'emplacement css 

    *

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


  • Met une lueur fluo aux boutons

    Par manola dans Divers le 2 Juin 2013 à 14:36

    Met une lueur fluo aux boutons "menu de l'en-tête"

    exemple

    Met une lueur fluo aux boutons

     

    Code CSS

    #menu a {

    opacity: 1;
      -webkit-box-shadow: 0px 0px 20px #27fd39;
      box-shadow: 0px 0px 20px #27fd39;
      }

     Vous pouvez changer le code de couleur " ce qui est en vert dans le code"

    et l'intencité de la lueur " ce qui est en rouge dans le code"

    *

    Coller le code à l'emplacement css 

    *

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