ID/classes des boutons
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
ID/classes des boutons
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
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é
Re: ID/classes des boutons
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…
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- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
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é
Re: ID/classes des boutons
Serait-il possible d’avoir un lien vers le forum concerné ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
Après inscription, je vois bien la modification :
À moins que je n’aie pas compris ce à quoi tu voulais arriver…
À moins que je n’aie pas compris ce à quoi tu voulais arriver…
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
Ouais, je devais simplement vider mon cache … merci.
Invité- Invité
Re: ID/classes des boutons
Par contre, #Newtopic ne fonctionne pas.
Invité- Invité
Re: ID/classes des boutons
Si, il fonctionne. Vide ton cache, regarde tout en bas d’un sujet.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
Ah, ouais, mais comment je l'affiche aussi en haut ?
Invité- Invité
Re: ID/classes des boutons
Essaye avec #one ? Apparemment, l’élément s’appelle ainsi (pas très évocateur, m’enfin)…
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
Mdr ouais effectivement. Ça fonctionne, par contre pas "Nouveau MP".
Invité- Invité
Re: ID/classes des boutons
Ah, normal, il est en class et pas id, mea culpa :
.i_msg_newpost
.i_msg_newpost
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
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.
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é
Re: ID/classes des boutons
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à…
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à…
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
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 ?
Si je te donne mon css personnalisé tu penses pouvoir trouver ?
Invité- Invité
Re: ID/classes des boutons
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 :
:no
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 :
:no
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
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é
Re: ID/classes des boutons
Sinon je peux te passer ma template "affichage d'un msg privé".
Invité- Invité
Re: ID/classes des boutons
Ç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…
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- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
Donc il me faut l'ID/la classe liée à {REPLY_PM_IMG}. Tu ne sais pas où je pourrais l'avoir ?
Invité- Invité
Re: ID/classes des boutons
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…
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…
Dernière édition par Matriochka le Dim 11 Nov 2012 - 19:15, édité 1 fois
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
Je peux remplacer cette variable par autre chose ?
Invité- Invité
Re: ID/classes des boutons
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 :
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>
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
Tu veux pas que je t'envoie le css ? Histoire de tester.
Invité- Invité
Re: ID/classes des boutons
Ç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.
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- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
Oui mais j'me suis peut-être planté dans les ID/classes c'pour ça que je te dis ça.
Invité- Invité
Re: ID/classes des boutons
Envoie toujours, mais je ne pense pas que ça pourra nous aider ^^
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: ID/classes des boutons
Bon il est un peu long.
- Spoiler:
#i_reply {
background:url(https://2img.net/r/hpimg11/pics/313787Rpondrenormal.png);
width: 158px;
height: 32px;
}
#i_reply:hover {
background:url(https://2img.net/r/hpimg11/pics/674310Rpondresurvol.png);
width: 158px;
height: 32px;
}
.i_msg_newpost {
background:url(https://2img.net/r/hpimg11/pics/501839NewMPnormal.png);
width: 158px;
height: 32px;
}
.i_msg_newpost:hover {
background:url(https://2img.net/r/hpimg11/pics/904105NewMPsurvol.png);
width: 158px;
height: 32px;
}
#i_post {
background:url(https://2img.net/r/hpimg11/pics/305739Newtopicnormal.png);
width: 158px;
height: 32px;
}
#i_post:hover {
background:url(https://2img.net/r/hpimg11/pics/215833Newtopicsurvol.png);
width: 158px;
height: 32px;
}
#one {
background:url(https://2img.net/r/hpimg11/pics/305739Newtopicnormal.png);
width: 158px;
height: 32px;
}
#one:hover {
background:url(https://2img.net/r/hpimg11/pics/215833Newtopicsurvol.png);
width: 158px;
height: 32px;
}
#Newtopic {
background:url(https://2img.net/r/hpimg11/pics/305739Newtopicnormal.png);
width: 158px;
height: 32px;
}
#Newtopic:hover {
background:url(https://2img.net/r/hpimg11/pics/215833Newtopicsurvol.png);
width: 158px;
height: 32px;
}
.i_icon_quote{
background:url(https://2img.net/r/hpimg11/pics/215833Newtopicsurvol.png);
width: 103px;
height: 25px;
}
.i_icon_quote:hover{
background:url(https://nsa31.casimages.com/img/2012/11/11/121111041922771196.png);
width: 103px;
height: 25px;
}
.i_icon_edit{
background:url(https://2img.net/r/hpimg15/pics/350610Editnormal.png);
width: 103px;
height: 25px;
}
.i_icon_edit:hover{
background:url(https://2img.net/r/hpimg15/pics/463397Editsurvol.png);
width: 103px;
height: 25px;
}
.i_icon_delete{
background:url(https://2img.net/r/hpimg15/pics/858030Supprnormal.png);
width: 103px;
height: 25px;
}
.i_icon_delete:hover{
background:url(https://2img.net/r/hpimg15/pics/697850Supprsurvol.png);
width: 103px;
height: 25px;
}
.i_icon_ip{
background:url(https://2img.net/r/hpimg15/pics/967067IPnormal.png);
width: 103px;
height: 25px;
}
.i_icon_ip:hover{
background:url(https://2img.net/r/hpimg15/pics/767588IPsurvol.png);
width: 103px;
height: 25px;
}
.accueil_btn_left {
background-image: url(https://2img.net/i/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(https://2img.net/i/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(https://2img.net/i/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(https://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(https://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(https://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é
Re: ID/classes des boutons
j'ai exactement le même soucis ici : https://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.
Pour ce qui est des autres identifiants de "répondre", on m'a répondu ça :
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;}
Pour ce qui est des autres identifiants de "répondre", on m'a répondu ça :
ça n'a pas fonctionné lorsque j'ai essayé, mais peut être y a t il un moyen dans ce genre ? ^^"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 }
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Page 1 sur 2 • 1, 2
Sujets similaires
» Comment faire des Classes pour apprendre
» Modifier toutes les classes (externes, internes) de la page sur un hover
» Ajouter des classes à chaque champ de la feuille de personnage dans le profil + rassembler les labels et fields de celle-ci dans les messages
» Épurer les archives des topics classés en résolu alors qu'aucune réponse n'a été apportée
» [Administration] Boutons liens texte plutot que boutons images dans les pages de sujet
» Modifier toutes les classes (externes, internes) de la page sur un hover
» Ajouter des classes à chaque champ de la feuille de personnage dans le profil + rassembler les labels et fields de celle-ci dans les messages
» Épurer les archives des topics classés en résolu alors qu'aucune réponse n'a été apportée
» [Administration] Boutons liens texte plutot que boutons images dans les pages de sujet
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum