recuperer un code pour l'introduire a un .css pour les themes

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

Résolu recuperer un code pour l'introduire a un .css pour les themes

Message par BiCh0n le Sam 16 Oct 2010 - 18:53

bonjour
je me heurte a un souci...j'ai recemment ajouté un nouveau bouton a ma barre de navigation (pas un bouton prédéfini) grace au pannneau d'administration (affichage / en tete et navigation)

tout est bien en place et fonctionne a merveille mais comme j'ai mis en place le selecteur de theme ce bouton ne change pas d'apparence en remplacant le theme.... Confused

je ne trouve pas comment recuperer le code qui pourais correspondre a ce nouveau bouton (ou si c'est possible)

il doit surement etre comme les autres sous la forme:

}
#i_icon_mini_logout {
width: xxpx;
height: xxpx;
background-image: url("https://i28.servimg.com/xxxxx.png");
}

avec peut etre les renseignements du lien et du nom du bouton mais je ne le trouve pas.... Crying or Very sad

pour vous montrer de quoi il sagit je vous l'ai activé en non loggé....(le dernier bouton a droite) en changeant le theme par le selecteur vous pourez voir le souci..

http://bich0n-dev.forumperso.com/index.htm

Merci d'avance
Fred


Dernière édition par BiCh0n le Sam 16 Oct 2010 - 19:59, édité 1 fois

BiCh0n
Nouveau membre

Messages : 16
Inscrit(e) le : 16/07/2010

http://bich0n-dev.com/
BiCh0n a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par Neptunia le Sam 16 Oct 2010 - 18:59

Bonsoir !

Le bouton a la class .mainmenu mais pas d'id spécifique !
Je pense qu'il doit être possible de lui attribuer une id, mais je ne saurais dire comment Sad

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par BiCh0n le Sam 16 Oct 2010 - 19:06

arffff.... Confused

c'est deja un bon debut...je vais faire quelques test pour tenter de trouver son ID

Merci pour cette réponse rapide.
si un d'entre vous a une idée a proposer je suis partant pour tester vos propositions. bounce

BiCh0n
Nouveau membre

Messages : 16
Inscrit(e) le : 16/07/2010

http://bich0n-dev.com/
BiCh0n a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par Convivialite le Sam 16 Oct 2010 - 19:06

Bonjour

voici tous les identifiants des boutons de la barre de navig

a l'étape 4 c'est la seule chose qui t'intéresse

http://forum.forumactif.com/trucs-et-astuces-f8/images-de-la-barre-de-navigation-modifiees-au-passage-de-la-souris-t246228.htm

il faudrait que tu fasse une image de ce bouton pour chacun de tes thèmes

que tu le mette dans tes feuilles de css
et que tu change l'url d'hébergement dans ta page HTML

Amicalement

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par BiCh0n le Sam 16 Oct 2010 - 19:08

merci pour l'info...je m'y met de suite... cheers

les boutons sont deja prets et les feuilles de styles aussi....

Merci a vous.

BiCh0n
Nouveau membre

Messages : 16
Inscrit(e) le : 16/07/2010

http://bich0n-dev.com/
BiCh0n a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par BiCh0n le Sam 16 Oct 2010 - 19:14

ah....mais la le lien que tu me donne convivialite c'est la procédure pour les bouton "Stock" et pas pour le bouton que j'ai manuellement ajouté..

j'ai deja utilisé ce systeme pour tous les boutons par defaut mais celui-ci, comme notifié au dessus de ton post par AoF-neptune n'a pas d'id spécifique.

j'aimerais que ce soit si simple mais aparement non...(ou alors j'ai mal compris le contenu du tuto que tu a linké)


BiCh0n
Nouveau membre

Messages : 16
Inscrit(e) le : 16/07/2010

http://bich0n-dev.com/
BiCh0n a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par Neptunia le Sam 16 Oct 2010 - 19:21

@BiCh0n a écrit:c'est deja un bon debut...je vais faire quelques test pour tenter de trouver son ID

Le problème n'est pas de trouver l'id de ce bouton. J'ai cherché, il n'en a pas.
Il faut trouver le moyen de lui en attribuer une. Et là, si c'est possible, je ne sais pas encore comment faire.

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par quierra le Sam 16 Oct 2010 - 19:21

Coucou, enfait pour ton bouton personnalisé, il faut que tu lui créé un ID

Il me semble que ça ne figure pas dans le tuto ou on t'envoie, je te colle l'extrait d'un tuto que j'ai fait à propos de ce genre de bouton, ce devrait pouvoir régler ton souci :

Si vous désirez rajouter des boutons personnalisés et y appliquer cet effet, suivre les instructions :

Affichage --> Entête & Navigation

Cliquer tout en bas sur Ajouter un menu personnalisé

Vous vous retrouvez ici :

Spoiler:

Remplir les champs et coller à "IMAGE" ce code :

Code:
http://illiweb.com/fa/empty.gif" id="i_icon_mini_test1

On vient de créer un ID TEST1 pour ce nouveau bouton et mis une image vide.
L'ID "TEST1" est bien sur à nommer comme vous le souhaitez, si vous rajoutez plusieurs boutons, il faudra renommer "test1" par "test2", "test3" etc....

Enregistrer et direction css...

Affichage--> Couleurs --> Onglet Feuille de style css


#i_icon_mini_test1{
background-image: url('adresse de l'image');
width: 95px;
height: 35px;
}

#i_icon_mini_test1:hover{
background-image: url('adresse de l'image');
width: 95px;
height: 35px;
}

Bonne journée.


Dernière édition par quierra le Sam 16 Oct 2010 - 20:24, édité 1 fois (Raison : correction)

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par Neptunia le Sam 16 Oct 2010 - 19:26

Merci Quierra Smile

Tu peux me mp l'adresse du tuto complet ici ou sur TFA ??

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par quierra le Sam 16 Oct 2010 - 19:42

Je t'envoies un MP ici... Vue que j'y suis Very Happy

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par BiCh0n le Sam 16 Oct 2010 - 19:58

parfait....merci a vous tous et plus précisement a toi quierra
c'est a present parfait...(par contre ca allonge le temps de charge de la page mais cela me me gene gere Very Happy )

petite update a ceux qui vont copier betement les code...une legere erreur c'est glissé dans le code cité plus haut...il manque un 1 a la fin de la ligne

http://illiweb.com/fa/empty.gif" id="i_icon_mini_test1

Encore une fois merci et a bientot pour de nouvelles aventures Mr. Green
Fred

BiCh0n
Nouveau membre

Messages : 16
Inscrit(e) le : 16/07/2010

http://bich0n-dev.com/
BiCh0n a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par Neptunia le Sam 16 Oct 2010 - 20:02

@quierra a écrit:Je t'envoies un MP ici... Vue que j'y suis Very Happy
Thanks

@BiCh0n a écrit:une legere erreur c'est glissé dans le code cité plus haut...il manque un 1 a la fin de la ligne

C'est à cela qu'on reconnait ceux qui font copier/coller de ceux qui comprennent ce qu'ils copient Smile

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recuperer un code pour l'introduire a un .css pour les themes

Message par quierra le Sam 16 Oct 2010 - 20:26

Corrigé ! Merci de l'avoir signalé Smile

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra 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