• Avoir des "onglets" sans code CSS

     

    Voici un screen pour illustrer le résultat de ce tutoriel très simple.

    Allez dans Apparence/Modifier le thème/En-tête (header) et dans Menu.

    Définissez la largeur et la hauteur de base de votre menu, ainsi que sa position en ligne ou en colonne. Pour ma part, j'ai pris "en ligne".

     

    Avoir des "onglets" sans code CSS

     

    Ensuite, allez dans Menu Survolé et mettez des marges intérieurs (haut et bas si vous avez mis votre menu en ligne comme moi) (et si vous avez mis votre menu en colonne, mettez des marges intérieurs à gauche et à droite).

    Avoir des "onglets" sans code CSS

     

    Ainsi, au survol de la souris sur vos menus, l'effet sera celui d'un onglet. Bien sûr, vos menus en ligne doivent être collé tout en haut de vos page ou sur une ligne, et pour vos menus en colonne, ils devront être tout à droite ou tout à gauche de la page.


    votre commentaire
  • Voici le code pour mettre les avatars des commentaires à gauche (grâce à Jack* :))

    A copier/coller dans l'emplacement CSS :

    En rouge, la valeurs pour définir la marge de droite.

     

    .commentavatar { float:left;
    margin-right :15px;
    }

     


    8 commentaires
  •  Vous voulez que votre menu soit fixe et suive la page ? Il suffit de coller le code ci-dessous :

    Je précise que ce code peut aussi réduire la hauteur ou la largeur du menu, d'où son extrême efficacité :)

     

    En orange, préciséz le menu1 ou le menu2. En rouge, c'est ce qui permet à votre menu de rester fixe (donc, à ne pas enlever)

    EN vert, c'est pour définir la position de votre menu sur votre page. Vous pouvez mettre des valeurs positives ou négatives.

    Puis en bleu, ce sont les valeurs qui permettent de régler la largeur et la hauteur de votre menu.

     

    #menu1 positionfixed;
    margin-top-350px;
    margin-left-330px;
    width300px;
    height400px;
    overflowauto;
    }


    11 commentaires
  • Pour changer le curseurs, il suffit de coller le code ci dessous dans l'emplacement CSS :

     

    HTML,BODY {cursor: url("URL CURSEUR"), auto;}

     

    ET celui-ci, pour le curseur qui passe sur des liens :

    A:hover{cursor: url("URL CURSEUR"), auto;}

     

    Voici un site où vous pouvez copier l'URL des curseurs pour le code : 

    Cliquez ici :)

     

    /!\ les curseurs qui font plus de 100 x 100 ne fonctionnent pas 


    2 commentaires
  • Le coeur en haut, dans votre barre de menu, peut être changé. Il faut pour cela que vous ayez une image pour le remplacer. Si vous voulez remplacer le coeur quand il est gris, il faut coller ce code ci dessous :

    (N'oubliez pas de remplacer ce qui est en rouge parce ce qui est demandé)

     

    #menubar_favorites_btn,
    #menubar_nofavorites_btn:hover { background: url("URL DE L'IMAGE") no-repeat 50% 50%;}

     

    Si vous voulez remplacer le coeur quand il est rouge, il faut coller ce code là :

     

    #menubar_favorites_btn:hover,
    #menubar_nofavorites_btn  {background: url("URL DE L'IMAGE") no-repeat 50% 50%;}


    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique