• Image du pied de page

    Par manola dans Divers le 23 Juin 2013 à 00:10

    Image en pied de page

    Voila ,  vous voulez poster une image transparente ou une image gif  en pied de page.

    Mais oups ! c'est trop lourd !!!

    voici la solution .

    Commencez par poster votre image sur un hebergeur et copiez le lien direct de l'url ,

    pour le coller dans le code suivant 

     

    Le code

    #footer {
      background-image:url("URL DE L'IMAGE");background-repeat: center top no-repeat;

     height: HAUTEUR DE L'IMAGEpx;}

    Remplacez ce qui est en rouge par l'url de votre image  et la hauteur de celle ci en pixels

    *

    Coller le code à l'emplacement css 

    *

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


  • La shoutbox en haut ou en bas de page

    Par manola dans Divers le 16 Juin 2013 à 12:10

    La shoutbox en haut  ou en bas de page

    exemple

    La shoutbox en haut ou en bas de page

    En premier vous devez régler la hauteur de votre shoutbox à moins de 200 PX "pixels"

    Pour cela cliques sur apparence et sur modifier le thème

    ensuite cliques sur l'onglet shoutbox et sur format et mettez la hauteur à moins de 200 Pixels

    exemple

    La shoutbox en haut ou en bas de page et t

     Code modifier et mieux adapter

    Code CSS

    .module_menu_type_shoutbox{position: absolute;
                            top: 620px;
                            margin-left:  100px ; margin-right: 200px; }

     Vous pouvez régler la position de votre shoutbox par rapport au bord du haut de la page , ce qui est en rouge dans le code

    Le top c'est pour la position du haut , left  gauche et right c'est pour la droite

    **************

     

    pour avoir la shoutbox en bas de page 

    Code CSS

    .module_menu_type_shoutbox{position: absolute;
                            bottom: 200px;
                            margin-left:  100px ; margin-right: 200px; }

     

     Vous pouvez régler la position de votre shoutbox par rapport au bord du bas de la page , ce qui est en rouge dans le code

    bottom c'est pour la position du bas , left  gauche et right c'est pour la droite

    *

    Coller le(s) code(s) à l'emplacement css 

    *

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


  • Derniers visiteurs: avatars ronds qui tournent lentement

    Par manola dans Derniers Visiteurs le 16 Juin 2013 à 11:33

    Derniers visiteurs : avatars ronds qui tournent lentement  dans un sens puis dans l'autre pour le retour.

    Exemple :   ICI sur cette page  A part qu'avec ce code les avatars sont ronds et tournent lentement  passer la souris de droite à gauche pour voir l'effet

    Info : Ne fonctionne pas avec internet explorer.

     

    Code CSS

    .module_menu_type_lastvisitors img {
       max-height:60px;
       max-width:60px;
       }

     ​.module_menu_type_lastvisitors img:hover{
         opacity: 1;
         }
        .module_menu_type_lastvisitors img {  -webkit-border-radius: 200px;
         border-radius: 200px;
         -webkit-transition: 0.4s linear;
         transition: 0.4s linear;
       }
       .module_menu_type_lastvisitors img:hover { 
           opacity: 1;
           -webkit-transition: 500ms;
           -webkit-transform: rotate(360deg);
           }​

     Vous pouvez modifier la taille des avatars si vous n'aimez pas les ronds (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 






    Suivre le flux RSS des articles
    Suivre le flux RSS des commentaires