• clique sur l'image pour voir l'aperçu en plus grand

    Lire la suite...


    1 commentaire
  • Ceci est juste une petite astuce pour mettre une image de plus de 400ko en header.

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    C'est très simple. Commencez par uploader votre image dans Contenu > Gérer les fichiers, puis copiez l'URL de l'image et le mettez dans ce code :

     #header{background:url('URL DE VOTRE IMAGE');}

    Avec ce code, vous avez une capacité normalement illimitée pour vos images.

     

     


    votre commentaire
  • Voici comment modifier le bouton "Lire la suite..."

    Modifier "Lire la suite..."


    RAPPELS :

    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    Lire la suite...


    votre commentaire
  • Je parle de cette "bulle" qui s'affiche en survolant les derniers visiteurs par exemple ou les points d'aides.
    Bulle d'aide

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

              M O D I F I E R          

    Pour la modifier, on va utiliser le sélecteur "#help_bubble", puis utiliser toutes les propriétés qu'on souhaite. Voici le code :

    #help_bubble {display:none;
    position:absolute;

      opacity:NOMBRE;  
     color:COULEUR;
     background-color:COULEUR;
     border-radius:NOMBREpx;
     border: NOMBREpx solid COULEUR;
     font-family:POLICE ;
    font-size: NOMBREpx;}

     

    opacity : c'est tout simplement l'opacité de la bulle d'aide. Pour réduire l'opacité, et donc la rendre un peu transparente, il faut mettre un nombre compris entre 0 et 1 et qui est séparé d'un point. Plus la valeur sera proche de 0, plus la bulle sera transparent. Exemple : opacity:0.5;

    color : la couleur du texte. Pour plus de précision, mettez une couleur hexadécimal, sur ce modèle : #XXXXXX. Vous pouvez vous servir du Color Picker Pro sur le menu pour en obtenir une.

    background-color : la couleur du fond. comme pour le texte, privilégiez une couleur hexadécimal.

    border-radius : les arrondis. plus la valeur (il faut mettre un nombre hein ^^) est haute, plus il y a aura d'arrondis.

    border : les bordures. dans le champ "NOMBREpx", il faut remplacer le "NOMBRE" par un chiffre qui sera l'épaisseur de votre bordure. Ensuite, dans le "COULEUR", il faut comme pour le texte et le fond mettre une couleur qui sera la couleur de la bordure.
    Si vous voulez, vous pouvez également changer le style de la bordure, c'est à dire que :
    solid est la bordure classique
    dotted est la bordure en pointillés
    dashed est la bordure en tirets
    double est la bordure double

    font-family : la police. Il faut que vous choissiez une police proposée par eklablog : Arial, Arial Black, Comic sans ms, Courrier New, Georgia, Impact, Lucina Console, Lucina Sans Unicode, Palatino Linotype, Tahoma, Times New Roman, Trebuchet MS, Verdana, MS Sans Serif, MS Serif.
    Sinon, vous pouvez mettre une police que vous avez installé vous même. Si vous voulez faire, mais que vous ne savez pas comment, go ici !

    font-size : la taille de la police. Il vous faut un chiffre ou un nombre que vous allez placer juste avant le px selon la taille que vous souhaitez.

               S U P P R I M E R          

    Pour la supprimer, il vous suffit de mettre ce code :

    #help_bubble {opacity:0;}

     


    votre commentaire
  • Une manière de faire cet effet sur le header
    -- Il faut cliquer ici --

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    Lire la suite...


    votre commentaire



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