•  Cliquez pour agrandir

    Thème #7 Diabolik Lovers

     

    Thème simple aux couleurs de Diabolik Lovers, je n'avais pas aimé l'anime (pas du tout même, la preuve dans mon avis ici) mais le wallpaper trouvé sur le net était vraiment très beau alors voilà...  

    Lire la suite...


    11 commentaires
  • Servez-vous !

    200x200px, cliquez pour agrandir.

    Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil

    Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil

    Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil Avatar / Profil

    Avatar / Profil Avatar / Profil

    >Voir tout les avatars <


    votre commentaire
  • Vous savez tous sans doute que pour changer une image au survol en CSS il faut utilisé :hover, exemple: #header :hover Mais là, rien à voir, je vais vous montrer comment faire en HTML pour vos articles ou modules. Je vous préviens ça va être très très simple ^^'

    I- Le code.

    <img src="image1.png" onmouseover="this.src='image2.png'"onmouseout="this.src='image1.png'" />  

    Il faut évidemment 2 images (2 liens, il faut donc héberger les images):

    Image 1 (en bleu), celle que l'on voit en premier et l'image 2 (en orange), celle qui apparaît lorsque qu'on survole la première. Pour ce code il est recommandé d’utilisé des images au format .png

     

    II- Mon exemple.

     

    Image 1 >Image qui change au survol (HTML) Image 2 > Image qui change au survol (HTML)

     

    Pour mon exemple j'ai gardé la même image en ajoutant simplement du texte mais vous pouvez mettre ce que vous voulez.


    13 commentaires
  •  

    Lire la suite...


    1 commentaire
  •  

    Sélecteurs Notes
       
     Fond  
     #body Fond de la fenêtre
     #background Fond du blog
       
     En-tête (Header)  
     #header  
     #titre_header a  
     #slogan_header  
       
     Menu en-tête  
     #menu Tout le menu
     #menu a Liens dans le menus (les rubriques)
     ul#menu ul Bloc sous-menu
     ul#menu ul a
    Liens dans le sous-menu
       
     Articles/Contenu  
     #content Bloc du milieu article + commentaire
     .module_titre Titre de vos articles
     .module_titre a
    Titre lien de vos articles
     .article_info Infos (date de vos articles)
     .article_info a
    Liens dans la ligne infos (Pseudo et rubrique)
     .module_contenu Contenu de vos articles
     .module_contenu a Liens dans vos articles
     .module_contenu img Images dans vos articles
     blockquote   bloc "citation" dans vos articles
     .article_readmore "Lire la suite..."
     #module_contenu_articlesxxxxx Un article en particulier. xxxx = n° d'article
     #module_contenu_htmlxxxx Une page en particulier. xxxx = n° de page
       
     Pagination  
     .pagination span Numéro de page sélectionné
     .pagination a Numéros
     .pagination a:hover Numéro survolé
       
     Commentaires  
     a.article_comments_link   Lien "Votre commentaire"
     .comment_normal Commentaire en général
     .comment_admin Commentaire de l'admin
     div.commentheader  En-tête des commentaires (Date, N°, pseudo)
     .commentnumber Numéro du commentaire
     .commentpseudo Pseudo
     .commentdate Date du commentaire
     div.commentbody Contenu du commentaire
     .commentavatar Le bloc où se trouve votre avatar
     .commentavatar img
    Avatar
     .comment-reply>a Bouton "répondre"
     .block-reply div.commentbody Réponses aux commentaires
    .show-replies ou (a.show-replies) "Voir les réponses"
       
     Menu droite / gauche  
     #menu1 ou #menu2  
     .module_menu_titre Titre module
     .module_menu_contenu Contenu module
     .module_menu_contenu a
    Liens dans votre menu
     .module_menu_contenu img
    Images dans votre menu
     .ulmodule_menu>li Bloc (titre+contenu) du module
     #menu1_top Haut du menu
     #menu1_bottom Bas du menu
       
      Derniers visiteurs  
     .module_menu_type_lastvisitors Module des derniers visiteurs
     .module_menu_type_lastvisitors img Images/avatar des visiteurs
       
     Rechercher  
     .module_menu_type_search  
     .module_menu_type_search [name="q"] Barre de recherche
     .module_menu_type_search [type="submit" Bouton "rechercher"
       
     Newsletter  
     .module_menu_type_newsletter  
     .module_menu_type_newsletter input[name=subscribe]
    Barre newsletter
       
     Shoutbox  
     .menu_shoutbox strong Pseudo
     .menu_shoutbox Bloc shoutbox
     .module_menu_type_shoutbox [name="shoutbox_msg"]  Barre de msg
     .menu_shoutbox hr Barre entre les messages
     .module_menu_type_shoutbox input[type="submit"] Bouton "envoyer"
       
     Module en particulier  
     #module_menu_titrexxxx Titre module. xxx=n° module
     #module_menu_contenuxxxx Contenu module. xxx=n° module
       
     Forum  
     .post_table_head En-tête des msg
     .post_table_msg Contenu des msg
     .post_table_profile Bloc profil
     .post_table_profile a Liens dans profil (pseudo)
     .post_table_profile img Image/avatar
       
     Pied de page  
     #footer Pied de page
     #footer a
    Liens pied de page
       
     Barre d'outils  
     #menubar Barre d'outil
     #menubar a
    Liens dans la barre d'outils
     #menubar_hide, #menubar_show Flèches a gauche de la barre
       
     Autres  
     :hover Ajouter ":hover" pour le survol.
    Exemple #footer a :hover
       
     #help_bubble Bulles qui apprissent au survol d'un image
       
     blockquote Bloc citation dans articles
       

     ::selection
     ::-moz-selection

    Surlignage de texte (ne fonctionne pas sur chrome)

     

    /!\ Si vous souhaitez un sélecteur en particulier, jetez un œil à ce petit tuto.


    6 commentaires



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