highlighter les boutons de forum complet

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu highlighter les boutons de forum complet

Message par grandbras le Mar 8 Mar 2016 - 14:54

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.lesnomadesenvr.com/

Description du problème

bonjours

je voudrais savoir si ses fesable et comment le faire aussi pour que tous les boutons de mon forum puisse se faire highlighter au passage de la sourie pour une autre couleur ,si il faut je vais refaire les image partout pour faire que sa fonctionne dans le forum ,

j'ai trouver un code mais a date sa na rien donner de bon mais comme ont dit sa prend un commencement non

Code:


element.style {
}
.highlighted-sections .btn.is-teal:hover, .highlighted-sections .btn.is-teal:active,
.highlighted-sections .btn.is-green:hover, .highlighted-sections .btn.is-green:active {
    color: #d1001a;
}

element.style {
}
.highlighted-sections .btn.is-teal, .highlighted-sections .btn.is-green {
    bottom: 25px;
    left: 25px;
    position: absolute;
    max-width: calc(100% - 50px);
    text-align: left;
}
.highlighted-sections .btn.is-teal {
    color: #d1001a;
}
a.btn.is-teal {
}
.btn.is-teal {
    border: 2px solid #00d1b7;
    text-align: center;
    background-color: green;
}




merci a l'avance pour votre aide




Dernière édition par grandbras le Jeu 10 Mar 2016 - 14:35, édité 1 fois

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: highlighter les boutons de forum complet

Message par Miettes le Mar 8 Mar 2016 - 16:28

Coucou Smile

De quels boutons parles-tu exactement ? Smile

Miettes
****

Féminin
Messages : 382
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: highlighter les boutons de forum complet

Message par grandbras le Mar 8 Mar 2016 - 17:23

@Miettes a écrit:Coucou Smile

De quels boutons parles-tu exactement ? Smile

bonjours

je parles de tous les bouton qui ont cette formes la dans le forum



merci beaucoup pour votre aide

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: highlighter les boutons de forum complet

Message par Miettes le Jeu 10 Mar 2016 - 10:27

Hellow Smile

Oh ! A l'heure actuelle, tous ces boutons sont sous forme d'image. Du coup, ça va être compliqué si tu laisses comme ça.

Sinon, voilà la solution :

> Tu donnes une class CSS à tous ces liens, par exemple :
Code:
<a class="gensmall" href="/search?search_id=unanswered"><img src="http://www.jular.ca/nv/data/bouton/lesmessagessansreponses.png" alt="LES MESSAGES SANS RÉPONSES" title="LES MESSAGES SANS RÉPONSES"></a>
deviendrait :
Code:
<a class="gensmall btn" href="/search?search_id=unanswered">Les messages sans réponses</a>

> Ensuite, dans ta CSS, tu fais un cas "normal" et un cas "survolé" :
Code:
a.btn{
        background: green;
        color: #fff !important;
        display: inline-block;
        padding: 2px 5px;
        text-align: center;
        text-decoration: none !important;
        width: 100px
}

a.btn:hover{
        background: #fff;
        color: green !important;
}

Ici, j'ai mis une couleur de fond, mais ça peut fonctionner sans souci avec une image.

Miettes
****

Féminin
Messages : 382
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: highlighter les boutons de forum complet

Message par grandbras le Jeu 10 Mar 2016 - 13:31



> Ensuite, dans ta CSS, tu fais un cas "normal" et un cas "survolé" :
Code:
a.btn{
        background: green;
        color: #fff !important;
        display: inline-block;
        padding: 2px 5px;
        text-align: center;
        text-decoration: none !important;
        width: 100px
}

a.btn:hover{
        background: #fff;
        color: green !important;
}

Ici, j'ai mis une couleur de fond, mais ça peut fonctionner sans souci avec une image.[/quote]


merci sa commence a resembler a se que je cherche et pour mettre une image a la place de la couleur de fond sa serait quelle code svp

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: highlighter les boutons de forum complet

Message par Miettes le Jeu 10 Mar 2016 - 13:40

Dans ce cas, à la place de :
Code:
background: green;

Tu auras :
Code:
background: url('lien de ton image');

Miettes
****

Féminin
Messages : 382
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: highlighter les boutons de forum complet

Message par grandbras le Jeu 10 Mar 2016 - 14:34

cheers cheers salut super sa fonctionne merci et je me met a l,ouvrage je met en résolu

merci pour tous

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

http://www.lesnomadesenvr.com/
grandbras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: highlighter les boutons de forum complet

Message par Miettes le Jeu 10 Mar 2016 - 14:36

Bon courage ^^ Parce qu'il y en a un paquet de boutons à modifier ^^


Miettes
****

Féminin
Messages : 382
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum