highlighter les boutons de forum complet

2 participants

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

Résolu highlighter les boutons de forum complet

Message par grandbras 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

grandbras
****

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

Voir le profil de l'utilisateur 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 Mar 8 Mar 2016 - 16:28

Coucou Smile

De quels boutons parles-tu exactement ? Smile
Miettes

Miettes
*****

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

Voir le profil de l'utilisateur http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: highlighter les boutons de forum complet

Message par grandbras 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

highlighter les boutons de forum complet  01modelreduit

merci beaucoup pour votre aide
grandbras

grandbras
****

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

Voir le profil de l'utilisateur 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 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

Miettes
*****

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

Voir le profil de l'utilisateur http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: highlighter les boutons de forum complet

Message par grandbras 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

grandbras
****

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

Voir le profil de l'utilisateur 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 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

Miettes
*****

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

Voir le profil de l'utilisateur http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: highlighter les boutons de forum complet

Message par grandbras 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

grandbras
****

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

Voir le profil de l'utilisateur 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 Jeu 10 Mar 2016 - 14:36

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

Miettes

Miettes
*****

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

Voir le profil de l'utilisateur http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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