Archives FluxBB.fr

Les archives de FluxBB.fr

Vous n'êtes pas identifié(e).

Pages : 1

#1 16-01-2009 20:41:45

drag84
Membre

Changer les icones accueil aide mods etc ...

bonjour , bonsoir

J'aimerai avoir un tuto ou une explication pour savoir comment changer les icônes ACCUIEL AIDE MODS j'ai le thème deepblue et les icone que je voudrai mettre sont ici
les premier poster de fildard

Dernière modification par drag84 (16-01-2009 20:43:28)

Hors ligne

#2 16-01-2009 21:33:53

fanf73
Wik-wiki

Re : Changer les icones accueil aide mods etc ...

Bonsoir

Le plus simple à faire serait de modifier le fichier langue qui contient ces termes et remplacer le texte par une balise image avec le lien vers les images en questions (le mieux est de placer les images dans le dossier /img de ton forum

<img src='' alt='' title='' />

Nous ne faisons pas le travail à votre place mais nous prenons le temps de vous montrer le chemin. Merci de lire ce que l'on vous dit et de réfléchir avant de re-demander une explication.

Hors ligne

#3 17-01-2009 21:05:11

Ti pierre
Membre

Re : Changer les icones accueil aide mods etc ...

Ah non Fanf ! Pas de ça siffle

Tout peut se faire par le biai du Css.

Pour ajouter une icone à coté de " Accueil forums ",

Ouvrir ~/style/ton_style.css, puis ajouter à la fin :

#brdmenu li#navindex a{background:url(../img/ton_style/bt_index.png) no-repeat left 0; padding: 0 0 0 16px;}

Reste à régler pil poil mais bon voilà un exemple qui fonctionne, en ce qui concerne les autres item de menu :

Accueil forum : #brdmenu li#navindex
Liste des membres : #brdmenu li#navuserlist
Règles : #brdmenu li#navrules
Recherche : #brdmenu li#navsearch
Profil : #brdmenu li#navprofile
Connexion : #brdmenu li#navlogin
Déconnexion : #brdmenu li#navlogout
Inscription : #brdmenu li#navregister

Voilà, j'espère avoir éété assez explicite smile

N'hésite pas à demander des explications complémentaires si tu n'a pas saisie certains détails wink

Hors ligne

#4 18-01-2009 23:11:53

fanf73
Wik-wiki

Re : Changer les icones accueil aide mods etc ...

Je trouvais plus pratique de passer par les fichiers langues pour modifier ces liens, ça permet d'avoir la bonne icône pour chaque langue si on le souhaite vue que la question était de remplacer le texte par un bouton, et non pas mettre une image à côté du texte wink.

Nous ne faisons pas le travail à votre place mais nous prenons le temps de vous montrer le chemin. Merci de lire ce que l'on vous dit et de réfléchir avant de re-demander une explication.

Hors ligne

#5 25-01-2009 22:33:01

drag84
Membre

Re : Changer les icones accueil aide mods etc ...

merci a vous deux pour votre aide ^^ cela ma bien servie tongue

Hors ligne

#6 26-01-2009 12:52:01

Blooo
Membre

Re : Changer les icones accueil aide mods etc ...

j'utilise les css des thèmes pour mettre des images dans le menu et à côté des titres des catégories, mais le problème c'est que si je modifie quelque chose il faut que je le fasse dans tous les thèmes sad
n'y a t-il pas une autre façon de faire?

merci de vos réponses

1er Portail Francophone de machines à vapeur, moteurs à air chaud et Bateaux Pop pop
http://www.blooo.fr/forum/index.php Le seul Forum Francophone de Machine à Vapeur et moteurs à air chaud !!!

Hors ligne

#7 26-01-2009 12:57:49

fanf73
Wik-wiki

Re : Changer les icones accueil aide mods etc ...

Faire ces modifications dans le fichier base.css qui est appelé pour tous les styles utilisés smile.

Nous ne faisons pas le travail à votre place mais nous prenons le temps de vous montrer le chemin. Merci de lire ce que l'on vous dit et de réfléchir avant de re-demander une explication.

Hors ligne

#8 26-01-2009 19:09:34

Blooo
Membre

Re : Changer les icones accueil aide mods etc ...

fanf73 a écrit :

Faire ces modifications dans le fichier base.css qui est appelé pour tous les styles utilisés smile.

il s'agit de ce code, donc je colle juste ça à la fin du code qui est dans base.css et c'est bon?

/* Sujet normal */
Div.icon {
background-image : url(../../img/oxygen/icon_normal.gif); 
} 
/* Sujet ferme */
TR.iclosed Div.icon {
background-image : url(../../img/oxygen/icon_closed.gif); 
} 
/* Redirection */
TR.iredirect Div.icon {
background-image : url(../../img/oxygen/icon_redirect.gif);
}
/* Nouveau sujet */
TR.inew Div.icon {
background-image : url(../../img/oxygen/icon_new.gif); 
}
/* Sujet epingle */
TR.isticky DIV.icon {
background-image : url(../../img/oxygen/icon_sticky.gif); 
}
/* Sujet deplace */
TR.imoved DIV.icon {
background-image : url(../../img/oxygen/icon_moved.gif); 
}
#brdmenu li {
padding-bottom: 12px;
padding-left: 25px;
height: 22px;
vertical-align: middle;
}

li#navindex  {
background: url('../../img/home.gif') no-repeat 0 0;
}

li#navuserlist  {
background: url('../../img/users.gif') no-repeat 0 0;
}

li#navcdmlist {
background: url('../../img/carte.gif') no-repeat 0 0;

}

li#navextra2  {
background: url('../../img/liens.png') no-repeat 0 0;
}

li#navextra4  {
background: url('../../img/avancement.gif') no-repeat 0 0;
}

li#navsearch  {
background: url('../../img/search.gif') no-repeat 0 0;
}

li#navregister  {
background: url('../../img/inscription.gif') no-repeat 0 0;
}

li#navlogin  {
background: url('../../img/identification.png') no-repeat 0 0;
}

li#navprofile  {
background: url('../../img/profile.gif') no-repeat 0 0;
}

li#navextra1  {
background: url('../../img/galerie.png') no-repeat 0 0;
}

li#navadmin  {
background: url('../../img/system.gif') no-repeat 0 0;
}

li#navlogout  {
background: url('../../img/log-out.png') no-repeat 0 0;
}

li#navrules {
background: url('../../img/regles.gif') no-repeat 0 0;
}

#idx1 h2 span {
background: transparent url(../../img/discussions_1.gif) no-repeat 0 0;
padding-left: 80px;
height: 35px;
display: block;
}

#idx2 h2 span {
background: transparent url(../../img/mach_vap_2.gif) no-repeat 0 0;
padding-left: 80px;
height: 35px;
display: block;
}


#idx3 h2 span {
background: transparent url(../../img/stirling_4.gif) no-repeat 0 0;
padding-left: 80px;
height: 35px;
display: block;
}

#idx4 h2 span {
background: transparent url(../../img/pop_pop_3.gif) no-repeat 0 0;
padding-left: 60px;
height: 35px;
display: block;
}

#idx5 h2 span {
background: transparent url(../../img/videos_7.gif) no-repeat 0 0;
padding-left: 95px;
height: 35px;
display: block;
}

#idx6 h2 span {
background: transparent url(../../img/modelisme.gif) no-repeat 0 0;
padding-left: 185px;
height: 25px;
display: block;
}

#idx7 h2 span {
background: transparent url(../../img/adresses_6.png) no-repeat 0 0;
padding-left: 65px;
height: 25px;
display: block;
}

#idx8 h2 span {
background: transparent url(../../img/present_5.gif) no-repeat 0 0;
padding-left: 80px;
height: 35px;
display: block;
}
/* MPs */
div#mp_bar_ext {
    border: 1px solid #336699;
    width: 100px;
    height: 10px;
    text-align: left;
}
div#mp_bar_int {
    background-color: #336699;
    height: 10px;
}

1er Portail Francophone de machines à vapeur, moteurs à air chaud et Bateaux Pop pop
http://www.blooo.fr/forum/index.php Le seul Forum Francophone de Machine à Vapeur et moteurs à air chaud !!!

Hors ligne

#9 26-01-2009 20:12:17

fanf73
Wik-wiki

Re : Changer les icones accueil aide mods etc ...

Pas les icônes pour les indications de type de discussions, lu / non-lu. Ceux-là restent en principe attachés au style. Il faut que tu retires ça de ta sélection :

/* Sujet normal */
Div.icon {
background-image : url(../../img/oxygen/icon_normal.gif); 
} 
/* Sujet ferme */
TR.iclosed Div.icon {
background-image : url(../../img/oxygen/icon_closed.gif); 
} 
/* Redirection */
TR.iredirect Div.icon {
background-image : url(../../img/oxygen/icon_redirect.gif);
}
/* Nouveau sujet */
TR.inew Div.icon {
background-image : url(../../img/oxygen/icon_new.gif); 
}
/* Sujet epingle */
TR.isticky DIV.icon {
background-image : url(../../img/oxygen/icon_sticky.gif); 
}
/* Sujet deplace */
TR.imoved DIV.icon {
background-image : url(../../img/oxygen/icon_moved.gif); 
}

Dernière modification par fanf73 (26-01-2009 20:12:32)

Nous ne faisons pas le travail à votre place mais nous prenons le temps de vous montrer le chemin. Merci de lire ce que l'on vous dit et de réfléchir avant de re-demander une explication.

Hors ligne

#10 26-01-2009 21:42:43

Blooo
Membre

Re : Changer les icones accueil aide mods etc ...

très bien, donc tout ça je peut le mettre dans base.css?

#brdmenu li {
padding-bottom: 12px;
padding-left: 25px;
height: 22px;
vertical-align: middle;
}

li#navindex  {
background: url('../../img/home.gif') no-repeat 0 0;
}

li#navuserlist  {
background: url('../../img/users.gif') no-repeat 0 0;
}

li#navcdmlist {
background: url('../../img/carte.gif') no-repeat 0 0;

}

li#navextra2  {
background: url('../../img/liens.png') no-repeat 0 0;
}

li#navextra4  {
background: url('../../img/avancement.gif') no-repeat 0 0;
}

li#navsearch  {
background: url('../../img/search.gif') no-repeat 0 0;
}

li#navregister  {
background: url('../../img/inscription.gif') no-repeat 0 0;
}

li#navlogin  {
background: url('../../img/identification.png') no-repeat 0 0;
}

li#navprofile  {
background: url('../../img/profile.gif') no-repeat 0 0;
}

li#navextra1  {
background: url('../../img/galerie.png') no-repeat 0 0;
}

li#navadmin  {
background: url('../../img/system.gif') no-repeat 0 0;
}

li#navlogout  {
background: url('../../img/log-out.png') no-repeat 0 0;
}

li#navrules {
background: url('../../img/regles.gif') no-repeat 0 0;
}

#idx1 h2 span {
background: transparent url(../../img/discussions_1.gif) no-repeat 0 0;
padding-left: 80px;
height: 35px;
display: block;
}

#idx2 h2 span {
background: transparent url(../../img/mach_vap_2.gif) no-repeat 0 0;
padding-left: 80px;
height: 35px;
display: block;
}


#idx3 h2 span {
background: transparent url(../../img/stirling_4.gif) no-repeat 0 0;
padding-left: 80px;
height: 35px;
display: block;
}

#idx4 h2 span {
background: transparent url(../../img/pop_pop_3.gif) no-repeat 0 0;
padding-left: 60px;
height: 35px;
display: block;
}

#idx5 h2 span {
background: transparent url(../../img/videos_7.gif) no-repeat 0 0;
padding-left: 95px;
height: 35px;
display: block;
}

#idx6 h2 span {
background: transparent url(../../img/modelisme.gif) no-repeat 0 0;
padding-left: 185px;
height: 25px;
display: block;
}

#idx7 h2 span {
background: transparent url(../../img/adresses_6.png) no-repeat 0 0;
padding-left: 65px;
height: 25px;
display: block;
}

#idx8 h2 span {
background: transparent url(../../img/present_5.gif) no-repeat 0 0;
padding-left: 80px;
height: 35px;
display: block;
}
/* MPs */
div#mp_bar_ext {
    border: 1px solid #336699;
    width: 100px;
    height: 10px;
    text-align: left;
}
div#mp_bar_int {
    background-color: #336699;
    height: 10px;
}

1er Portail Francophone de machines à vapeur, moteurs à air chaud et Bateaux Pop pop
http://www.blooo.fr/forum/index.php Le seul Forum Francophone de Machine à Vapeur et moteurs à air chaud !!!

Hors ligne

#11 26-01-2009 21:55:00

fanf73
Wik-wiki

Re : Changer les icones accueil aide mods etc ...

Normalement oui, et tu le supprimes de tes autres fichiers style.

Nous ne faisons pas le travail à votre place mais nous prenons le temps de vous montrer le chemin. Merci de lire ce que l'on vous dit et de réfléchir avant de re-demander une explication.

Hors ligne

Pages : 1

Pied de page des forums