Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Ven 24 Sep 2021 - 15:10

2 résultats trouvés pour navstrip

Barre d'adresse forum/catégorie/sujet "Navstrip"

A. Philippe a écrit:Ah bon ... c'est à ce point là  Crying or Very sad  dois-je aller chercher la chaine et le boulet  Embarassed


Non, mais comme il y a plusieurs questions, je préfère répondre à une à la fois. ^^

Oui, vous pouvez changer la couleur du triangle. Soit via un logiciel, soit en demandant à notre super graphiste : service de créations graphiques.
Ensuite, il suffit de modifier le lien ici :

#navstrip li {
background: url(https://2img.net/i/fa/invision/nav.gif) no-repeat left 50%;
padding-left: 15px;
}


Ensuite, pour le background qui est trop grand par rapport à l'écran, voici comment faire :

- remplacez

Code:
#navstrip {
    background-image: url(https://i.servimg.com/u/f62/19/80/82/59/dnav-a16.png);
    background-repeat: no-repeat;
    font-size: 20px;
    margin: 20px 0;
    padding: 9px;
}


par

Code:
#navstrip {
    background: url(https://i.servimg.com/u/f62/19/80/82/59/dnav-a16.png) no-repeat 0% 0% / 100% 100%;
    font-size: 20px;
    margin: 20px 0;
    padding: 9px;
}


Concrètement, j'ai modifié le CSS pour ajouter un élément au background : les 100 % disent que l'image doit faire 100% de la largeur et 100 % de la hauteur, respectivement. Donc ça prend 100% de la largeur de son contenant, et non pas plus.

Mais pour ce qui est des liens, je pense qu'il serait judicieux de les réduire, car ils sont actuellement d'une taille de 20px.

Donc je vous conseille ensuite :

- de modifier cette partie :

#navstrip {
background: url(https://i.servimg.com/u/f62/19/80/82/59/dnav-a16.png) no-repeat 0% 0% / 100% 100%;
font-size: 20px;
margin: 20px 0;
padding: 9px;
}


en mettant 15px au lieu de 20px

- et de rajouter celle-ci :

Code:
#navstrip a span {
    font-size: 15px;
}
par Lixyr
le Jeu 28 Déc 2017 - 14:21
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Barre d'adresse forum/catégorie/sujet "Navstrip"
Réponses: 11
Vues: 1680

Différents codes CSS pour Invision

Barre de navigation :

Couleur du texte, par extension mise en forme de celui-ci:
#submenu ul li a {
color: #EE0030;
}


Modifie le fond au survol du curseur sur un élément de la barre de navigation:
#submenu ul li a:hover {
background-color: #EE0030;
}


Modifie la barre sous la barre de navigation : (contenant "Connecté sous { USERNAME }, etc..)
#userlinks {
background-color: #EE0030;
border-bottom: 1px solid #cadceb;
}


Même chose pour les invités :
#userlinks.not-connected {
background-color: #EE0030;
border-bottom: 1px solid #cadceb;
}


Modifie la couleur de l'intitulé dans le récapitulatif de page :
#navstrip {
color: #EE0030;
}


Modifie la couleur de fond de la barre de navigation :
#submenu {
background-color: #EE0030;
}


Bien à vous
par Hagel
le Mer 29 Avr 2009 - 11:05
 
Rechercher dans: Trucs et astuces
Sujet: Différents codes CSS pour Invision
Réponses: 13
Vues: 18144

Revenir en haut

Sauter vers: