social icon

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Astuce] social icon

    Bonjour,
    j'ai un code source et j'ai rajouter des icon (photo) en topbar, facebook, tweeter et youtube...

    Cliquez sur l'image pour l'afficher en taille normale

Nom : iconnn.png 
Affichages : 232 
Taille : 10,5 Ko 
ID : 1995699
    mais c'est icon ne son pas animé j'ai vue sur d'est site quand tu le touche il ce change de couleur.
    comment faite c'est icon ? merci de m'aidez par un code source SVP
    merci

  • #2
    Si ce sont des icônes (pas des images), il suffit d'en définir un état a:hover dans la feuille de style custom.css !
    "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
    https://www.graphiquedesign-bf.com/

    Commentaire


    • #3
      Bonjour GraphiqueDesign, merci pour votre reponse,
      est ce que voisu a vez u code source pour rajouter hover effet ? est ce que tu veut dire que je doit faire un url source pour une autre image
      ex : facebook bleu et le hover une autre image rouge ou autre couleur c'est ca ?
      voici mon code que j'ai utiliser pour ca :


      <a class="" style="display:inline-block;" target="_blank" href="https://www.facebook.com/pages/NCIS/1570457119895440?ref=hl"><img width="32" height="32" style="float: right; padding: 7px 0px 0px 0px;" alt="" src="http://www.ncis-fr.com/images/Bin/1.png"></a>
      </div>

      merci une autre fois.

      Commentaire


      • #4
        Bonjour,

        En cherchant un peu CSS Hover, on trouve quelques milliers de réponse : la 1ere (en anglais) : https://www.w3schools.com/cssref/sel_hover.asp

        Pascal
        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

        Commentaire


        • #5
          Bonjour,
          voici le code HTML que j'ai utiliser (origine gavick template) :

          <div class="gk-social">
          <a href="http://www.gavick.com/magazine/?format=feed&amp;type=rss"><i class="fa fa-rss"></i></a>
          <a href="#"><i class="fa fa-flickr" style="color:#FFFFFF;"></i></a>
          <a href="https://plus.google.com/+gavickpro/posts"><i class="fa fa-google-plus" style="color:#FFFFFF;"></i></a>
          <a href="https://twitter.com/gavickpro"><i class="fa fa-twitter" style="color:#FFFFFF;"></i></a>
          <a href="#"><i class="fa fa-vimeo-square" style="color:#FFFFFF;"></i></a>
          <a href="https://www.facebook.com/gavickpro"><i class="fa fa-facebook" style="color:#FFFFFF;" a:hover= "color: red";></i></a>
          </div>

          je veut quand je déplace la souris sur l'un des logo social la couleur ce change du blanc vers la couleur du logo original,
          bleu rouge ou autres et chaque logo avec différents couleur.
          merci bien pour vos aide les amis.
          Dernière édition par cofico à 13/02/2019, 16h34

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X