bouton new topic dans le css

[gigiman1427]

Bonjour,

je suis admin sur un forum en invision Lien du forum:
http://frenchies.forumegypt.net
j'ai un soucis de css avec le bouton nouveau sujet
le bouton ne s'affiche pas, j'avais eu le meme probleme avec le bouton reponse, mais je fini par le resoudre, il suffisait que je trouve le bon nom: i_reply

voila mon code css:

Code:


#i_icon_mini_index{width:101px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/accuei10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/accuei10.png) no-repeat 0 -66px;}

#i_icon_mini_faq{width:68px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/faq10.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/faq10.png) no-repeat 0 -66px;}

#i_icon_mini_search{width:106px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/cherch10.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/cherch10.png) no-repeat 0 -66px;}

#i_icon_mini_members{width:100px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/membre10.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/membre10.png) no-repeat 0 -66px;}

#i_icon_mini_groups{width:93px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/groupe10.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/groupe10.png) no-repeat 0 -66px;}

#i_icon_mini_profile{width:76px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/profil10.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/profil10.png) no-repeat 0 -66px;}

#i_icon_mini_message{width:100px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/messag10.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/messag10.png) no-repeat 0 -66px;}

#i_icon_mini_new_message{width:112px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/1messa10.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/1messa10.png) no-repeat 0 -66px;}

#i_icon_mini_logout{width:131px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/deconn10.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/deconn10.png) no-repeat 0 -66px;}

#i_icon_mini_register{width:134px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/enregi10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/enregi10.png) no-repeat 0 -66px;}

#i_icon_mini_login{width:119px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/connex10.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/connex10.png) no-repeat 0 -66px;}






.i_remonter{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/remont10.png) no-repeat 0 0;}
.i_remonter:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/remont10.png) no-repeat 0 -32px;}

.i_modifier{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/modifi10.png) no-repeat 0 0;}
.i_modifier:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/modifi10.png) no-repeat 0 -32px;}

.i_citer{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/citer10.png) no-repeat 0 0;}
.i_citer:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/citer10.png) no-repeat 0 -32px;}

.i_effacer{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/efface10.png)no-repeat 0 0;}
.i_effacer:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/efface10.png) no-repeat 0 -32px;}

.i_reply{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/repond10.png) no-repeat 0 0;}
.i_reply:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/repond10.png) no-repeat 0 -66px;}

.{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 0;}
.:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 -66px;}



et voila dans mozilla lorsque j'examine l’élément:
-> voir image <-
on peut voir que pour répondre a un sujet j'ai mis la classe i_reply et l'on voit dans le css .i_reply
et pour nouveau sujet il n'y a pas de classe et forcement aucune info du coter css, pourtant j'ai essayer plein de mot comme:
.i_newtopic
#newtopic
.i_post
#i_post
et plein d'autre
je ne trouve pas quel classe lui donner....
la actuellement il n'y a que 1 point dans le css, j'ai voulu tester aussi cela lol

je viens de voir que remonter/citer/modifier/effacer ne fonctionne pas non-plus ???

voila le theme de base utiliser:
http://fr.hitskin.com/rechercher-un-theme/tfaarmoni-178940.htm

[Invité]

Salut gigiman1427,

tu peux donner une class à ces boutons en passant par un petit Javascript.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite comme :"Attribution d une class"
Cocher sur les sous forums et les sujets
colle ceci

Code:


$(function(){
$("li.post-icon a img").addClass("M14");
});


Pense à cliquer sur le bouton


Il faudra donc ajouter et modifier ta CSS comme ceci:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


/*BOUTON NOUVEAU MESSAGE SUR LES FORUMS*/
.i_post.M14 {border:5px solid red;}
/*BOUTONS REPONDRE */

.i_reply.M14 {border:5px solid blue;}

/*BOUTON NOUVEAU SUR LES MESSAGES*/
.M14 {border:5px solid green;}



Pense à cliquer sur le bouton

a++

[gigiman1427]

merci Milouze pour ta reponse
j'ai fais le code javascript
et j'ai mis dans le css votre code

voila maintenant mon code

Code:

.M14{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 0;}
.M14:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 -66px;}

/*BOUTON NOUVEAU MESSAGE SUR LES FORUMS*/
.i_post.M14 {border:5px solid red;}
/*BOUTONS REPONDRE */
 
.i_reply.M14 {border:5px solid blue;}
 
/*BOUTON NOUVEAU SUR LES MESSAGES*/
.M14 {border:5px solid green;}

[Invité]

Re,
relis mon astuce et tu verras que tu as une tite boulette   .

a++

[gigiman1427]

Code:

.i_post.M14{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 0;}
.i_post.M14:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 -66px;}

je pense que c'est ca la boulette ^^ mais je ne vois rien

[gigiman1427]

ha si je vois quelque chose lol
du bleu et du vert

[Invité]

Re,
tu as déposé déjà les images dans ton PA pour les boutons ?


a++

[Invité]

Re,

ha si je vois quelque chose lol
du bleu et du vert

il faut supprimer ensuite les bordures dans la C.S.S,
c'était juste un exemple    .

a++

[gigiman1427]

oui je m'en suit douter, c’était pour que tu vois si mes démarches fonctionnent ^^
petit rusé ^^

et non je n'ai pas mis d'image dans la gestion image, comme pour le bouton reponse, tout est dans le css

[Invité]

Re,
ok donc tout fonctionne ?

a++

[gigiman1427]

c'est bon j'ai tout
voila mon code:

Code:

.i_post.M14{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 0;}
.i_post.M14:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 -66px;}

.M14{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 0;}
.M14:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 -66px;}


/*BOUTON NOUVEAU MESSAGE SUR LES FORUMS*/
.i_post.M14 {border:0px solid red;}
/*BOUTONS REPONDRE */
 
.i_reply.M14 {border:0px solid blue;}
 
/*BOUTON NOUVEAU SUR LES MESSAGES*/
.M14 {border:0px solid green;}


merci Milouze tu assures comme d'hab ^^

[Invité]

Re,




Tu peux supprimer ces parties

Code:


        /*BOUTON NOUVEAU SUR LES MESSAGES*/
        .M14 {border:0px solid green;}



Code:


    /*BOUTON NOUVEAU MESSAGE SUR LES FORUMS*/
        .i_post.M14 {border:0px solid red;}


et voir avec le bouton répondre:

Code:


  .i_reply.M14 {TON STYLE}


a++

[gigiman1427]

c'est ok aussi
tout fonctionne

Code:


.i_reply.M14{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/repond10.png) no-repeat 0 0;}
.i_reply.M14:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/repond10.png) no-repeat 0 -66px;}

.i_post.M14{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 0;}
.i_post.M14:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 -66px;}

.M14{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 0;}
.M14:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 -66px;}


[Invité]

Re,
ok    je te laisse mettre ton sujet comme il se doit   .

a++

[gigiman1427]

ha pas encore LOL ^^
en fait j'ai le même soucis avec les boutons remonter/citer/modifier/effacer

[Invité]

Re,
le titre du sujet ne sera plus explicite par rapport aux réponses données   .

Il serait judicieux d'ouvrir un nouveau sujet    .

a++