• ~ Tutos Divers ~

  • Découper un design - Webmaster


  • Particle illusion - Créer des effets - Logiciel


  • Créer un gif vidéo avec Gif Movie Gear


  • Changer le curseur de la souris

    Aller sur ce site : TotallyFreeCursor (premier code à entrer dans l'encart CSS du blog) - Le 3eme code donné concerne le curseur sur les liens survolés! Rajoutez le si vous ne voulez pas du curseur "main blanche" sur vos liens !

     

    Rendre son e-entête cliquable

    Pouvoir revenir à l'accueil du blog en cliquant sur la bannière. Insérez le code ci-dessous dans votre encart CSS! (vous adaptez les dimensions width (largeur) et height (hauteur) à la taille de votre bannière bien sur)

    #titre_header a {
        display: block;
        width: 1000px;
        height: 600px;
        padding-left: 27px;
        padding-top: 40px;
        border: none;   }

     

    Changer de bannière au passage de la souris

    Créez votre deuxième bannière selon vos goûts, puis hébergez la, dans vos fichiers persos ekla par exemple. Insérez ensuite le code CSS ci-dessous dans apparence/modifier le thème/en-tête (header),

    #header:hover {   background-image: url("Lien de l'image hébergée");   } 

     

    Changer de bannière en changeant de rubrique

    1/ Tout d'abord on doit dire au code CSS où est-ce qu'il devra placer la bannière de remplacement. (aller dans -> Apparence/Modifier le thème/CSS, et adaptez le code à vos dimensions, bien sur !)

    /*Header -nom de la rubrique-*/
    .header2 {
    position: absolute;
    top:0px;
    margin-left:50px;
    }

    Le blog sait désormais où est-ce qu'il devra mettre la classe .header2 lorsqu'on la lui donnera.

    2/ C'est dans la section HTML de la rubrique concernée par le changement de bannière, qu'on met le code suivant,

    <div class="header2">
    <p><a href="url_de_ton_blog"><img src="http://adressedelabannière.jpg" alt="header2" /></a></p>
    </div>

    Grâce à ce code, la rubrique appelle sa bannière et elle la placera à l'emplacement défini dans le CSS! 

    Bien entendu, si vous voulez avoir une multitudes de bannières, une pour chaque rubrique, vous devez recommencer les étapes  de 1 à 2, mais avec cette fois des classes .header3, .header4, etc !