Cherche CSS pour bouton Nouveau message, Répondre...

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

Résolu Cherche CSS pour bouton Nouveau message, Répondre...

Message par Pablo. le Jeu 16 Juin 2016 - 19:22

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://lsrp-fr.fr1.co/?tt=1

Description du problème

Bonjour,

Comme dit le titre, j'aimerais savoir s'il est bien possible de créer un code CSS pour les boutons des poste : Nouveau, Répondre, Citer, Editer, etc...

S'il existe un tutoriel, je vous remercie de bien vouloir me le communiquer.

Cordialement.


Dernière édition par Pablo. le Jeu 16 Juin 2016 - 22:55, édité 1 fois

Pablo.
Nouveau membre

Messages : 25
Inscrit(e) le : 16/06/2016

http://lsrp-fr.fr1.co/?tt=1
Pablo. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par horusbk le Jeu 16 Juin 2016 - 20:25

Bonjour Pablo.
Voici les class existantes pour ces boutons Smile

Nouveau : i_post
Répondre : i_reply
Citer : i_icon_quote
Editer : i_icon_edit

Cordialement,
horusbk

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par Pablo. le Jeu 16 Juin 2016 - 20:36

Code:
.i_post{
  background:url(" http://i.imgur.com/e3Q4mAC.png ");
}

J'ai tenté de mettre ce code mais cela ne marche toujours pas, merci à vous.

Pablo.
Nouveau membre

Messages : 25
Inscrit(e) le : 16/06/2016

http://lsrp-fr.fr1.co/?tt=1
Pablo. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par horusbk le Jeu 16 Juin 2016 - 20:40

@Pablo. a écrit:
Code:
.i_post{
  background:url(" http://i.imgur.com/e3Q4mAC.png ");
}

J'ai tenté de mettre ce code mais cela ne marche toujours pas, merci à vous.
Bonjour,
Vous souhaitez faire quoi au juste ? Car pour remplacer par une image, il faut passer par le panneau d'administration Right Affichage Right Images et couleurs Right gestion des images Right mode avancé Right boutons

Cordialement,
horusbk

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par Pablo. le Jeu 16 Juin 2016 - 20:45

Oui je sais très bien qu'il y a la facons traditionnelle de le faire mais la raison pour laquelle je veut le mettre dans le CSS est pour pouvoir créer une ombrage lorsque l'on survol le bouton avec notre souris. Merci.

Pablo.
Nouveau membre

Messages : 25
Inscrit(e) le : 16/06/2016

http://lsrp-fr.fr1.co/?tt=1
Pablo. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par horusbk le Jeu 16 Juin 2016 - 20:50

Ne serais-ce pas possible de mettre votre image par le mode classique puis, dans votre CSS de créer une class :hover ?
Du genre :
Code:
i_post:hover {box-shadow: 1px 1px 8px #333333;}

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par Pablo. le Jeu 16 Juin 2016 - 20:52

Aucune ombre ne se crée quand je tente ceci..

Pablo.
Nouveau membre

Messages : 25
Inscrit(e) le : 16/06/2016

http://lsrp-fr.fr1.co/?tt=1
Pablo. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par horusbk le Jeu 16 Juin 2016 - 21:00

et avec ceci ?
Code:
#one:hover {box-shadow: 1px 1px 8px #333333!important;}
Je vais vous redonner les autres class par contre je me suis trompé dans certaines d'entres-elles Rolling Eyes

EDIT : liste des variables CSS (phpbb2) :
  • Nouveau
    Code:
    #one
  • Répondre
    Code:
    #i_reply
  • Citer
    Code:
    .i_icon_quote 
  • Editer
    Code:
    .i_icon_edit 
  • Supprimer
    Code:
    .i_icon_delete 
  • IP
    Code:
    .i_icon_ip 


Dernière édition par horusbk le Jeu 16 Juin 2016 - 21:06, édité 1 fois

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par Pablo. le Jeu 16 Juin 2016 - 21:02

Suis-je suposé changer autre chose que le code CSS car a première cela ne marche toujours pas.

Pablo.
Nouveau membre

Messages : 25
Inscrit(e) le : 16/06/2016

http://lsrp-fr.fr1.co/?tt=1
Pablo. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par horusbk le Jeu 16 Juin 2016 - 21:08

@Pablo. a écrit:Aucune ombre ne se crée quand je tente ceci..
Right liste mise à jour
C'est étrange car cela fonctionne sur mon forumtest. Je me suis inscrit sous le pseudo de horustest pour tester Wink

EDIT: ça fonctionne sur votre forum ! Regardez sous firefox ou chrome Smile

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par Pablo. le Jeu 16 Juin 2016 - 21:13

Oh oui, sa marche très bien quand on clique sur un sujet mais cela ne marche pas quand on veut créer un nouveau sujet comme ici, voyez: http://lsrp-fr.fr1.co/f1-try

Pablo.
Nouveau membre

Messages : 25
Inscrit(e) le : 16/06/2016

http://lsrp-fr.fr1.co/?tt=1
Pablo. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par horusbk le Jeu 16 Juin 2016 - 21:17

Essayez ça :
Code:
#i_post:hover {box-shadow: 1px 1px 8px #333333!important;}

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par Pablo. le Jeu 16 Juin 2016 - 22:55

Je vous remercie grandement, merci pour toute cette aide et ses instructions, RÉSOLU!

Pablo.
Nouveau membre

Messages : 25
Inscrit(e) le : 16/06/2016

http://lsrp-fr.fr1.co/?tt=1
Pablo. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cherche CSS pour bouton Nouveau message, Répondre...

Message par tupac le Ven 17 Juin 2016 - 5:11

Bonjour Pablo,

Pour que le css fonctionne sur les différents navigateurs je vous conseil de remplacer le votre par celui-ci.

Code:
-webkit-box-shadow: 1px 1px 8px #333333!important;
-moz-box-shadow: 1px 1px 8px #333333!important;
box-shadow: 1px 1px 8px #333333!important;

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac 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