bouton new topic dans le css

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

Résolu bouton new topic dans le css

Message par gigiman1427 le Sam 8 Mar 2014 - 10:27

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


Dernière édition par gigiman1427 le Sam 8 Mar 2014 - 12:00, édité 2 fois (Raison : Merci Milouze14 !!!)

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: bouton new topic dans le css

Message par Milouze14 le Sam 8 Mar 2014 - 10:59

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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par gigiman1427 le Sam 8 Mar 2014 - 11:18

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;}

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par Milouze14 le Sam 8 Mar 2014 - 11:20

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par gigiman1427 le Sam 8 Mar 2014 - 11:21

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
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par gigiman1427 le Sam 8 Mar 2014 - 11:22

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par Milouze14 le Sam 8 Mar 2014 - 11:25

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


a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par Milouze14 le Sam 8 Mar 2014 - 11:26

Re,
@gigiman1427 a écrit: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  Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par gigiman1427 le Sam 8 Mar 2014 - 11:28

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par Milouze14 le Sam 8 Mar 2014 - 11:30

Re,
ok donc tout fonctionne ?

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par gigiman1427 le Sam 8 Mar 2014 - 11:35

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 ^^

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par Milouze14 le Sam 8 Mar 2014 - 11:41

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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par gigiman1427 le Sam 8 Mar 2014 - 11:45

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;}

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par Milouze14 le Sam 8 Mar 2014 - 11:48

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par gigiman1427 le Sam 8 Mar 2014 - 11:49

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

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bouton new topic dans le css

Message par Milouze14 le Sam 8 Mar 2014 - 11:56

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

Il serait judicieux d'ouvrir un nouveau sujet  Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 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