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 - 14:23

3 résultats trouvés pour cadceb

Modifications multiples de la Barre de navigation

Bonjour Momie0,

@Momie0 a écrit:- Supprimer à droite, ligne inférieure l'option "Rechercher".
Tag cadceb sur Forum gratuit : Le forum des forums actifs Option10


Panneau d'Administration → Affichage → Couleurs & Images → Couleurs - Feuille de style CSS


Insérez le code :

Code:
.search-box, #search-box {
display: none;
}


Cliquez sur le bouton VALIDER pour enregistrer les modifications.

@Momie0 a écrit:- Réduire la barre de navigation en une seule ligne.


Panneau d'Administration → Affichage → Couleurs & Images → Couleurs - Feuille de style CSS


Insérez le code :

Code:
ul.navlinks {
border-bottom: none;
}


Cliquez sur le bouton VALIDER pour enregistrer les modifications.

Cela permettra de retirer la ligne blanche pour avoir un résultat plus ergonomique.

@Momie0 a écrit:- Centrer tous les boutons éxistants d'origine dans la ligne par le milieu.
Tag cadceb sur Forum gratuit : Le forum des forums actifs Bouton11


Panneau d'Administration → Affichage → Page d'accueil → Entête et Navigation :


Tag cadceb sur Forum gratuit : Le forum des forums actifs 07-08-12

N'oubliez pas de cliquer sur le bouton :enreg: pour sauvegarder vos modifications.

@Momie0 a écrit:- Diminuer la barre de navigation dans sa largeur.


Avec les modifications opérées plus haut, elle aura une largeur convenable. Toutefois, si vous souhaitez encore la réduire :

Panneau d'Administration → Affichage → Couleurs & Images → Couleurs - Feuille de style CSS


Insérez le code :

Code:
.navbar {
height: 25px;
}


Il faut changer la valeur 25 par la largeur souhaitée.

Cliquez sur le bouton VALIDER pour enregistrer les modifications.

- Et pour finir, comment changer la couleur de fond.

Panneau d'Administration → Affichage → Couleurs & Images → Couleurs - Feuille de style CSS


Insérez le code :

Code:
.navbar {
background-color: #cadceb;
}


Il faut changer la valeur #cadceb par le code couleur souhaité. Par exemple, vous pouvez vous rendre sur ce site [ici] pour trouver une belle couleur !

Cliquez sur le bouton VALIDER pour enregistrer les modifications.

Bonne journée.
Bipo.
par Bipo
le Mar 7 Aoû 2018 - 13:14
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifications multiples de la Barre de navigation
Réponses: 8
Vues: 457

Réduire colonne DERNIER MESSAGE sur l'index.

@Milouze14 a écrit:Hello Electro0007,

RainyHalloween, ce style s'appliquera sur l'ensemble du fofo  Wink .


il suffit de mettre ce style (tout au début ) dans le template concerné :
Code:

<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
</style>


a++


Bonjour Milouze14,

Étrange car il me fait le même problème qu'avec le code de Rainyhalloween Crying or Very sad Il doit y avoir un autre code qui interfaire ... peut -être dans le css.

Voici le code css :
CSS:
/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */

dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
width: 225px;
position: relative!important;
top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
height:16px;
height:1rem;
}
#navMP>a{
display:inline-block;
padding-left:.75em;
padding-right:.75em;
font-size:1.2em;
line-height:1.2em;
color:#000000;
background:#ffffff;
text-decoration:none !important;
border:1px solid #aaa;
}
#navMP>a:hover{
color:#ffffff;
background:#000000;
text-decoration:none !important;
}
#navMP-precedent{
float:left;
border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
float:right;
border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
content:"Précédent";
}
#navMP-suivant::before{
content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

div.post.online .postprofile:before
{
content: url(https://i.servimg.com/u/f11/19/78/33/65/vert-u10.png);
}
div.post .postprofile:before
{
content: url(https://i.servimg.com/u/f11/19/78/33/65/rouge-10.png);
left: 0px;
position: relative;
right: 0;
top: 0px;
z-index: 2;
}

/* ******************sert à aligner les titres réponses, vues et derniers messages******************* */

.topiclist.topics li.header dd.posts {
padding-left: 112px;
}

/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

ul.topics .M14_li dd.dterm{padding-left:0px;}
/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}

/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}

/*On decale du haut l image de participation et icone de message*/

.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}

form#quick_reply div#textarea_content {
width: 750px !important;
height: 225px !important;

}

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */

.postprofile {
width: 16%;
}

/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */

.postbody
{
clear: both;
color: #000000;
float: right;
line-height: 1.48em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width: 83%;
}

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */

.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */

blockquote blockquote {background-color: #CADCEB;}

/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */

/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */

dd.posts, dd.topics, dd.views {
width: 6%!important;
}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */

#smiley-box {float: left;}
#textarea_content_1{float:right;
margin-top: 2px;}
par Electro0007
le Lun 4 Déc 2017 - 15:07
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Réduire colonne DERNIER MESSAGE sur l'index.
Réponses: 14
Vues: 1736

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: