bouton new topic dans le css
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
bouton new topic dans le css
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:
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
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 !!!)
Re: bouton new topic dans le css
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
Il faudra donc ajouter et modifier ta CSS comme ceci:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
a++
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");
});
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;}
a++
Invité- Invité
Re: bouton new topic dans le css
merci Milouze pour ta reponse
j'ai fais le code javascript
et j'ai mis dans le css votre code
voila maintenant mon code
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;}
Re: bouton new topic dans le css
Re,
relis mon astuce et tu verras que tu as une tite boulette .
a++
relis mon astuce et tu verras que tu as une tite boulette .
a++
Invité- Invité
Re: bouton new topic dans le css
- 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
Re: bouton new topic dans le css
ha si je vois quelque chose lol
du bleu et du vert
du bleu et du vert
Re: bouton new topic dans le css
Re,
tu as déposé déjà les images dans ton PA pour les boutons ?
a++
tu as déposé déjà les images dans ton PA pour les boutons ?
a++
Invité- Invité
Re: bouton new topic dans le css
Re,
il faut supprimer ensuite les bordures dans la C.S.S,
c'était juste un exemple .
a++
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 .
a++
Invité- Invité
Re: bouton new topic dans le css
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
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
Re: bouton new topic dans le css
Re,
ok donc tout fonctionne ?
a++
ok donc tout fonctionne ?
a++
Invité- Invité
Re: bouton new topic dans le css
c'est bon j'ai tout
voila mon code:
merci Milouze tu assures comme d'hab ^^
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 ^^
Re: bouton new topic dans le css
Re,
Tu peux supprimer ces parties
et voir avec le bouton répondre:
a++
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++
Invité- Invité
Re: bouton new topic dans le css
c'est ok aussi
tout fonctionne
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;}
Re: bouton new topic dans le css
Re,
ok je te laisse mettre ton sujet comme il se doit .
a++
ok je te laisse mettre ton sujet comme il se doit .
a++
Invité- Invité
Re: bouton new topic dans le css
ha pas encore LOL ^^
en fait j'ai le même soucis avec les boutons remonter/citer/modifier/effacer
en fait j'ai le même soucis avec les boutons remonter/citer/modifier/effacer
Re: bouton new topic dans le css
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++
le titre du sujet ne sera plus explicite par rapport aux réponses données .
Il serait judicieux d'ouvrir un nouveau sujet .
a++
Invité- Invité
Sujets similaires
» Mettre un lien d'un topic dans le topic vers le même topic
» Problème avec interface anti-spam lors de la création d'un topic ou pour répondre à un message (dans topic existant)
» Titre du topic (dans le topic) en couleur
» [Administration] Changer le bouton Twitter pour le bouton X dans la ToolBar
» Barre impossible à enlever dans le profil des utilisateurs dans un topic
» Problème avec interface anti-spam lors de la création d'un topic ou pour répondre à un message (dans topic existant)
» Titre du topic (dans le topic) en couleur
» [Administration] Changer le bouton Twitter pour le bouton X dans la ToolBar
» Barre impossible à enlever dans le profil des utilisateurs dans un topic
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum