ID/classes des boutons

Page 1 sur 2 1, 2  Suivant

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

Résolu ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 16:48

Salut à tous !
J'effectue des modifs au css de mon forum & j'ai besoin des id/classes des boutons.
Exemple :
Editer : i_icon_edit
Supprimer : i_icon_delete
etc.

J'ai besoin des ID/classes des boutons suivants :
• Nouveau sujet
• Nouveau MP
• Répondre
• Sujet verrouillé

Merci.
Version : Phpbb2


Dernière édition par xRayane le Mar 13 Nov 2012 - 18:45, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 18:07

Salut,

En principe, voilà :

Nouveau sujet : #i_post (depuis le forum), #Newtopic (depuis le sujet)
Nouveau MP : #i_msg_newpost
Répondre : #i_reply

Pour ce qui est des sujets verrouillés, je ne suis pas sûre mais je crois que l’id est le même que celui du bouton "répondre". À tester…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 18:13

Je viens de tester ça et ça n'a pas marché, pourquoi ?
Code:
#i_post {
  background:url(http://nsa31.casimages.com/img/2012/11/11/121111041824635958.png);
  width: 103px;
  height: 25px;
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 18:15

Serait-il possible d’avoir un lien vers le forum concerné ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 18:18

http://intarea.bbactif.com/

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 18:24

Après inscription, je vois bien la modification :


À moins que je n’aie pas compris ce à quoi tu voulais arriver… Question

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 18:26

Ouais, je devais simplement vider mon cache … merci.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 18:31

Par contre, #Newtopic ne fonctionne pas.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 18:32

Si, il fonctionne. Vide ton cache, regarde tout en bas d’un sujet.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 18:34

Ah, ouais, mais comment je l'affiche aussi en haut ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 18:36

Essaye avec #one ? Apparemment, l’élément s’appelle ainsi (pas très évocateur, m’enfin)…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 18:37

Mdr ouais effectivement. Ça fonctionne, par contre pas "Nouveau MP".

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 18:39

Ah, normal, il est en class et pas id, mea culpa :
.i_msg_newpost

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 18:40

Et "Répondre" ne s'affiche pas en bas (seulement en haut) dans un sujet.
Autre soucis, y'a pas "Répondre" (ni "Nouveau MP") quand on affiche un MP.
Je t'envoie un mp sur le forum pour te montrer.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 18:46

Hmm, malheureusement, je ne trouve pas la class / l’id pour cet élément. Je pense qu’il n’y en a pas de particulier (?).

Que cherches-tu à faire, en fait ? Si c’est juste un changement des boutons, tu sais que tu peux le faire directement depuis la gestion d’images ? Je pense que tu te casses bien la tête, là… confused

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 18:47

J'utilise :hover car je veux que le bouton change au survol, ce qui n'est pas faisable depuis la gestion d'images.
Si je te donne mon css personnalisé tu penses pouvoir trouver ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 18:51

Ah d’accord, je comprends mieux.

Voir ton CSS ne m’avancera pas plus… Je ne sais pas trop comment t’aider, là. Regarde, il n’y a aucun attribut à cet élément :


Non !

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 18:55

Oui, j'ai mis empty.png sur tous les boutons & je les ai modifié en css (en mettant width, height & background (image)). Je comprends pas pourquoi il apparaît pas en fait. (d'ailleurs le bouton "citer" n'apparait pas non plus lors de l'affichage d'un mp …). Et je sais pas ce qu'est un attribut.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 19:01

Sinon je peux te passer ma template "affichage d'un msg privé".

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 19:10

Ça ne changera rien, l’image est affichée par une variable : {REPLY_PM_IMG}

Je pense qu’il vaut mieux attendre la réponse de quelqu’un d’autre, je crois que je ne saurai pas t’aider davantage…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 19:12

Donc il me faut l'ID/la classe liée à {REPLY_PM_IMG}. Tu ne sais pas où je pourrais l'avoir ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 19:14

Comme je précise en haut, je ne sais pas comment l’avoir (ni même s’il y en a une, en fait). Fais clique droit sur l’image, inspecte l’élément, et tu auras le screen que j’ai donné plus haut

En principe le nom de l’élément aurait dû apparaître comme pour les autres, mais là, rien. On a juste l’image et le texte qui s’affiche au survol… scratch


Dernière édition par Matriochka le Dim 11 Nov 2012 - 19:15, édité 1 fois

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 19:15

Je peux remplacer cette variable par autre chose ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 19:21

Non car elle génère à la fois l’image et le lien pour répondre, or le lien n’est jamais le même selon le message que tu lis (ici, c’est /privmsg?mode=reply&p=16, l’id 16 changera dès que tu voudras répondre à un autre message, car chaque message est défini par un numéro).

Si on avait eu un lien stable (donc qui ne change jamais), on aurait pu faire manuellement quelque chose dans ce genre :
Code:
<a href="lien"><img src="lien image" class="xxx" /></a>
Mais là… confused

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 19:22

Tu veux pas que je t'envoie le css ? Histoire de tester.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 19:26

Ça ne changera rien. Même que j’aie le CSS sous les yeux, ça ne me donnera pas la class / id de l’élément :p

Il faudrait qu’un admin passe dans le coin pour te donner une réponse concrète. Je vais essayer de voir s’il y a moyen de contourner ça, mais je pense qu’il vaut mieux attendre la réponse de quelqu’un de plus compétent, sincèrement.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 19:27

Oui mais j'me suis peut-être planté dans les ID/classes c'pour ça que je te dis ça.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Matriochka le Dim 11 Nov 2012 - 19:27

Envoie toujours, mais je ne pense pas que ça pourra nous aider ^^

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par Invité le Dim 11 Nov 2012 - 19:28

Bon il est un peu long.
Spoiler:

#i_reply {
background:url(http://img11.hostingpics.net/pics/313787Rpondrenormal.png);
width: 158px;
height: 32px;
}
#i_reply:hover {
background:url(http://img11.hostingpics.net/pics/674310Rpondresurvol.png);
width: 158px;
height: 32px;
}
.i_msg_newpost {
background:url(http://img11.hostingpics.net/pics/501839NewMPnormal.png);
width: 158px;
height: 32px;
}
.i_msg_newpost:hover {
background:url(http://img11.hostingpics.net/pics/904105NewMPsurvol.png);
width: 158px;
height: 32px;
}
#i_post {
background:url(http://img11.hostingpics.net/pics/305739Newtopicnormal.png);
width: 158px;
height: 32px;
}
#i_post:hover {
background:url(http://img11.hostingpics.net/pics/215833Newtopicsurvol.png);
width: 158px;
height: 32px;
}
#one {
background:url(http://img11.hostingpics.net/pics/305739Newtopicnormal.png);
width: 158px;
height: 32px;
}
#one:hover {
background:url(http://img11.hostingpics.net/pics/215833Newtopicsurvol.png);
width: 158px;
height: 32px;
}
#Newtopic {
background:url(http://img11.hostingpics.net/pics/305739Newtopicnormal.png);
width: 158px;
height: 32px;
}
#Newtopic:hover {
background:url(http://img11.hostingpics.net/pics/215833Newtopicsurvol.png);
width: 158px;
height: 32px;
}
.i_icon_quote{
background:url(http://img11.hostingpics.net/pics/215833Newtopicsurvol.png);
width: 103px;
height: 25px;
}
.i_icon_quote:hover{
background:url(http://nsa31.casimages.com/img/2012/11/11/121111041922771196.png);
width: 103px;
height: 25px;
}
.i_icon_edit{
background:url(http://img15.hostingpics.net/pics/350610Editnormal.png);
width: 103px;
height: 25px;
}
.i_icon_edit:hover{
background:url(http://img15.hostingpics.net/pics/463397Editsurvol.png);
width: 103px;
height: 25px;
}
.i_icon_delete{
background:url(http://img15.hostingpics.net/pics/858030Supprnormal.png);
width: 103px;
height: 25px;
}
.i_icon_delete:hover{
background:url(http://img15.hostingpics.net/pics/697850Supprsurvol.png);
width: 103px;
height: 25px;
}
.i_icon_ip{
background:url(http://img15.hostingpics.net/pics/967067IPnormal.png);
width: 103px;
height: 25px;
}
.i_icon_ip:hover{
background:url(http://img15.hostingpics.net/pics/767588IPsurvol.png);
width: 103px;
height: 25px;
}
.accueil_btn_left {
background-image: url(http://illiweb.com/fa/subsilver3/cellpic1.gif);
border: none;
text-align: center;
border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-khtml-border-bottom-left-radius: 5px;
padding: 3px;
display: inline-block;
vertical-align: top;
min-width: 100px;
cursor: pointer;
}
.accueil_btn_right {
background-image: url(http://illiweb.com/fa/subsilver3/cellpic1.gif);
border: none;
text-align: center;
border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-khtml-border-bottom-right-radius: 5px;
padding: 3px;
display: inline-block;
vertical-align: top;
min-width: 100px;
cursor: pointer;
}
.accueil_btn {
background-image: url(http://illiweb.com/fa/subsilver3/cellpic1.gif);
border: none;
text-align: center;
padding: 3px;
display: inline-block;
vertical-align: top;
min-width: 100px;
cursor: pointer;
}
.accueil_btn_left:hover {
background-image: url(http://nsa32.casimages.com/img/2012/11/10/121110094230655004.png);
border: none;
text-align: center;
border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-khtml-border-bottom-left-radius: 5px;
padding: 3px;
display: inline-block;
vertical-align: top;
min-width: 100px;
cursor: pointer;
}
.accueil_btn_right:hover {
background-image: url(http://nsa32.casimages.com/img/2012/11/10/121110094230655004.png);
border: none;
text-align: center;
border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-khtml-border-bottom-right-radius: 5px;
padding: 3px;
display: inline-block;
vertical-align: top;
min-width: 100px;
cursor: pointer;
}
.accueil_btn:hover {
background-image: url(http://nsa32.casimages.com/img/2012/11/10/121110094230655004.png);
border: none;
text-align: center;
padding: 3px;
display: inline-block;
vertical-align: top;
min-width: 100px;
cursor: pointer;
}
a {
text-decoration: none;
}
.bodyline {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
input,textarea, select {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.forumline {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
padding: 2px;
}
.forumline tr:first-child th:first-child {
border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-top-left-radius: 10px;
border: 0px;
}
.forumline tr:first-child th:last-child {
border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
border: 0px;
}
.forumline th {
border: 0px;
}
.forumline td {
border: 0px;
}
.postdetails.poster-profile a img {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
.paragraphes {
display: inline-block;
vertical-align: top;
margin-right: 15px;
text-align: left;
}
td.catHead {
border-top-left-radius: 8px;
-moz-border-top-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
-khtml-border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-top-right-radius: 8px;
-webkit-border-top-right-radius: 8px;
-khtml-border-top-right-radius: 8px;
padding: 2px;
}
td.catBottom {
border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-khtml-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-khtml-border-bottom-right-radius: 8px;
padding: 2px;
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ID/classes des boutons

Message par MlleAlys le Dim 11 Nov 2012 - 19:42

j'ai exactement le même soucis ici : http://forum.forumactif.com/t340967-modification-d-un-bouton-au-passage-de-la-souris (particulièrement après le message remercié ^^)

Déjà pour écourter ton css, tu peux regrouper les boutons qui ont la même image, par exemple les "poster un nouveau message", en séparant les identifiants par une simple virgule.
ce qui donne ça par exemple :
Code:
/*nouveau sujet*/
#Newtopic, #one, #i_post, #i_post1, .i_msg_newpost{
  background-image:url('http://i46.servimg.com/u/f46/12/56/43/35/nouvea11.png');
  width:150px;
  height:75px;
  background-position: left top;}
#Newtopic:hover, #one:hover, #i_post:hover, #i_post1:hover,.i_msg_newpost:hover{
  background-position: left bottom;}
(j'ai utilisé des images doubles donc mon code est légèrement différent du tien, mais ça ne change rien (l'image double permet d'éviter la seconde de chargement ^^))

Pour ce qui est des autres identifiants de "répondre", on m'a répondu ça :
@Danux a écrit:En revanche, il n'y a pas de code direct pour le bouton de réponse, mais vous pouvez toujours essayer :
.topic-actions .buttons .post-icon a[href*="privmsg?mode=reply"] { css }
ça n'a pas fonctionné lorsque j'ai essayé, mais peut être y a t il un moyen dans ce genre ? ^^"

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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