rajouter des icones de navigation sous labarre de navigation
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
rajouter des icones de navigation sous labarre de navigation
par nono71230 Lun 14 Jan 2013 - 10:19
bonjour a tous,
sur mon forum http://pecheurnature.forumactif.org/ , j ai créer une barre de navigation entièrement en css
Je souhaiterais savoir comment faire pour rajouter 4 icones liens sous cette barre et non a coté des boutons de cette barre.Un peu comme sur ce forum ou c'est ecris " suivez l'actualité de forumactiff"
Merci a tous,
EDIT: j ai peut être une piste:
sa serait peut être possible en javascript et il suffirait ensuite d'y placer(un peu comme les flêches haut et bas
le probleme c est que je ne connais rien a ce code,merci
sur mon forum http://pecheurnature.forumactif.org/ , j ai créer une barre de navigation entièrement en css
Je souhaiterais savoir comment faire pour rajouter 4 icones liens sous cette barre et non a coté des boutons de cette barre.Un peu comme sur ce forum ou c'est ecris " suivez l'actualité de forumactiff"
- Spoiler:
- Code:
/* barre navigation*/
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/accuei10.png'); /*image si la souris ne survole pas*/
width: 101px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/acueil10.png'); /*image si la souris survole*/
}
/*IMAGE PORTAIL*/
#i_icon_mini_portal{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/portai10.png'); /*image si la souris ne survole pas*/
width: 95px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_portal:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/portai11.png'); /*image si la souris survole*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/recher10.png'); /*image si la souris ne survole pas*/
width: 135px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/recher11.png'); /*image si la souris survole*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/membre10.png'); /*image si la souris ne survole pas*/
width:105px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/membre11.png'); /*image si la souris survole*/
}
/*IMAGE GROUPES*/
#i_icon_mini_groups{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/groupe11.png'); /*image si la souris ne survole pas*/
width: 104px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_groups:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/groupe10.png'); /*image si la souris survole*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/profil10.png'); /*image si la souris ne survole pas*/
width: 80px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/profil11.png'); /*image si la souris survole*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/mp_noi10.png'); /*image si la souris ne survole pas*/
width:60px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/mp_ver10.png'); /*image si la souris survole*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/newsmp10.png'); /*image si la souris ne survole pas*/
width:60px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/newsmp11.png'); /*image si la souris survole*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/offnoi10.png'); /*image si la souris ne survole pas*/
width: 60px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/offver10.png'); /*image si la souris survole*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/sinscr10.png'); /*image si la souris ne survole pas*/
width: 140px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/sinscr11.png'); /*image si la souris survole*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/onnoir10.png'); /*image si la souris ne survole pas*/
width: 60px; /*Largeur de l'image*/
height: 48px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url('http://i11.servimg.com/u/f11/16/83/75/85/onvert10.png'); /*image si la souris survole*/
}
Merci a tous,
EDIT: j ai peut être une piste:
sa serait peut être possible en javascript et il suffirait ensuite d'y placer(un peu comme les flêches haut et bas
le probleme c est que je ne connais rien a ce code,merci
nono71230 a été remercié(e) par l'auteur de ce sujet.
- 0Réputation du message : 100% (1 vote)
Re: rajouter des icones de navigation sous labarre de navigation
par nono71230 Lun 14 Jan 2013 - 13:17
c'est bon, je suis content de moi,lol
j ai réussit a bidouiller le code haut et bas du forum et sa marche nickel
voici la soluce:
pour le css
pour le java
voila, si sa peut aider quelqu'un
j ai réussit a bidouiller le code haut et bas du forum et sa marche nickel
voici la soluce:
pour le css
- Code:
.navigationr {
top: 300px;
left: 5px; /* remplacez left par right pour afficher les boutons à droite */
position: absolute;
z-index: ;
}
pour le java
- Code:
$(function(){
$("body").append('<div class="navigationr"><a href="http://pecheurnature.forumactif.org/h12-accueil-fiches-pratiques"><img src="http://i11.servimg.com/u/f11/16/83/75/85/fiches10.png" alt="Fiches pratiques" /></a>
<a href="http://www.mappemonde.net/carte/pecheur-nature/France.html"><img src="http://i11.servimg.com/u/f11/16/83/75/85/geomem10.png" alt="Géolocalisation" /></a>
<a href="http://pecheurnature.forumactif.org/contact"><img src="http://i11.servimg.com/u/f11/16/83/75/85/contac10.png" alt="Contact" /></a></div>');
});
voila, si sa peut aider quelqu'un
nono71230 a été remercié(e) par l'auteur de ce sujet.
Sujets similaires
» Rajouter des icônes de message
» Alligner icônes messages et icônes sous forum
» Problèmes icônes de navigation
» Rajouter des bouton dans la barre de navigation
» Rajouter un lien Récompenses dans la barre de navigation
» Alligner icônes messages et icônes sous forum
» Problèmes icônes de navigation
» Rajouter des bouton dans la barre de navigation
» Rajouter un lien Récompenses dans la barre de navigation
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