Bonjour à tous.

J'ai identifier via une recherche sur le code source de la page web de mon forum, les icônes suivant. Je n'arrive pas à les intégrer à ma feuille de style.
Pourriez m'orienter sur la mise en forme des codes.

Par avance merci

Spoiler:

c'est à peu prés ce que je recherche également à faire et c'est donc le but de mon inscription ici, j'ai créé un selecteur de theme sur mon forum et j'aimerais pouvoir modifier les images des sujets, categories et boutons suivant les différents themes.
Si vous pouvez nous aider ce serait vraiment super, merci d'avance

personnellement j'ai déjà testé et ça ne fonctionne pas

ok mais je cherche à faire à peut prés la même chose, dois-je créer mon propre post pour faire ma demande dans ce cas là ?

Bonjour et bon dimanche à tous.
Merci pour ces orientations, mais je n'arrive pas encore à les afficher. J'ai réussi a afficher l'icone éditer
de cette façon, qui ne marche que pour lui

Code:

.i_icon_edit {
background-image: url('lien image');
width: xxpx;
height: xxpx;
}

Pour l'icone de remonter en haut du sujet, voici comment il est dans le html

Code:

/></a></div></td><td class="row3"><input style="font-size:12px" type="text" name="i_up_arrow"value="http://2img.net/i/fa/subsilver/up_arrow.gif" size="35" maxlength="90" class="size-rtl" />

peut tu joindre ici le lien de ton forum

si ça t'interesse moi j'ai trouvé le "qui est en ligne"

Hd-Fred a écrit:

Pour l'icone de remonter en haut du sujet, voici comment il est dans le html

Code:

/></a></div></td><td class="row3"><input style="font-size:12px" type="text" name="i_up_arrow"value="http://2img.net/i/fa/subsilver/up_arrow.gif" size="35" maxlength="90" class="size-rtl" />

Un input ? t'es sûr que c'est pas le code de la boite de dialogue pour modifier l'icône plutôt là ?

Code:

<a href="#bottom"><img alt="Aller en bas" src="http://2img.net/i/fa/m/arrows_down1.gif" title="Aller en bas" /></a>

Ça c'est le code de base d'une des flèche (celle vers la bas en l'occurrence).
Comme vous voyer c'est une image avec lien. C'est pas modifiable par CSS directement.
Il faudrait les retrouver dans le template pour le transformer en :

Code:

<a class="arrow_down" href="#bottom"></a>

et définir un background et la taille avec la class.

Bonjour et merci à tous pour vos orientations.
Je vous ai fais un p'tit screen de ce qui me reste à modifier sur mon css, comme Vpbernes me l'a conseillé, je vais regarder dans le template et vous ferais les retours de ce que j'aurais pu identifier.
Peux être qu'au vu du screen, certain d'entre vous auront des réponses

d'avance merci
@ plus




@ tekken: Je prend évidement le code de "qui est en ligne"

tiens pour le qui est en ligne :

/* qui est en ligne */

Code:

#i_whosonline {
   width: Xpx;
   height: Xpx;
   background-image: url("http://url_image");
}

d'après ton screen je vois que tu n'a pas identifié les boutons nouveau et repondre, les a tu déjà trouvés ou est-ce que tu ne souhaites pas les modifier ?

Merci pour le code Tekken

voila pour toi

Code:

nouveau message

#one {
background-image: url('lien image');
width: xxpx;
height: xxpx;
}

nouveau message

#newtopic {
background-image: url('lien image');
width: xxpx;
height: xxpx;
}

répondre
#i_reply {
background-image: url('lien image');
width: xxpx;
height: xxpx;
}

éditer
.i_icon_edit {
background-image: url('lien image');
width: xxpx;
height: xxpx;
}

N'oubliez pas de jetter un oeil à mon screen

@ pluls

Pour ton screen je donne la même réponse que pour les flèche, car c'est le même problème.
Des image à transformer en background.
Ou alors changer les image avec un script à la rigueur.

Bonsoir Vpeybernes, si je te suis tout les icônes suivent cette règles puisqu'ils sont lié à un lien.
J'ai réussi a modifier ma barre de navigation en identifiant leurs ID et sur le même principe, j'ai idenfier les icones ci dessus sauf qu'a la différence de la barre de navigation ils n'ont pas d'ID tout ça m'égarre un peu, surtout que j'affiche l'icône "éditer" via ce code

Code:

.i_icon_edit {
background-image: url('lien image');
width: xxpx;
height: xxpx;
}

et c'est le seul qui prend, le citer, citation multiple et autre ne s'affiche pas, j'en perd mon latin.
Je vais regarder le template et je posterais leur script.

@ plus

merci pour les boutons hd-fred, tien en récompense voilà 3 boutons de plus que je viens de trouver

Code:

/* citer */
.i_icon_quote {
background-image: url("url_image");
width: xpx;
height: xpx;
}
/* supprimer */
.i_icon_delete {
background-image: url("url_image");
width: xpx;
height: xpx;
}
/* ip */
.i_icon_ip {
background-image: url("url_image");
width: xpx;
height: xpx;
}

à 2 on va arriver à nos fins

Merci on est vraiment sur la bonne piste, ce qui manque ce sont les /* blablabla*/ qui identifie les icônes ceux que tu m'a filer marche, il me manque en plus des flèches "haut, bas, gauche et droite" citation multiple et alerter.

on va y arriver alors quoi mettre pour

citation multiple
alerter
aller en haut
les autres flèches ne me servent pas mais on peux chercher pour les autres membres à qui ça pourrais servir

@ toute

ps: dans la precipitation j'ai oublier les icones de profils

en voici 3 autres qui fonctionnent hd-fred, ils sont pour les petits icones du bas, on avance petit à petit

Code:

/* profil */
.i_icon_profile {
   background-image: url("http://files.webopload.net/435052325.profil.png");
   width: xpx;
   height: xpx;
}

/* MP */
.i_icon_pm {
   background-image: url("url_image");
   width: xpx;
   height: xpx;
}

/* en ligne */
.i_icon_online {
   background-image: url("url_image");
   width: xpx;
   height: xpx;
}

j'ai aussi trouvé le code du citation multiple, il s'affiche mais pour le moment il se se positionne en dessous des boutons citer et editer, de plus je ne sais pas si c'est pour la position activée ou désactivée, je chercherais demain car pour ce soir ça suffis ;

Code:

/* citation multiple */
.post-options {
background-image: url("url_image");
width: xpx;
height: xpx;
}

Bonjour à tous, on avance, on avance merci du coup de main Tekken la Touraine est en force.
De mon coté je rencontre le même souci que toi pour la citation multiple et le code "en ligne" ne marche pas.

il me manque

_Thread verrouillé
_ Citations multiple
_ Haut
_ Alerte
_ En ligne
_ Site web

@ plus

désolé je me suis trompé, pour le "en ligne"c'est un # à la place du .

Code:

#i_icon_online {
   background-image: url("url_image");
   width: xpx;
   height: xpx
}

Bonsoir à tous.
@ Modo, vous pouvez locker, ce n'est pas résolu mais je me satisfais tu taf déjà accompli et je verrais au fil du temps pour approfondir le css.
faites moi signe si vous ouvrez les css complet, le mien est a 95% fini

@ plus et merci

Bon eh bien tant mieux, bonne chance pour la suite.

Je déplace ~