Centrage bannière forum

[Oxtran]

Bonsoir,

Je souhaiterai centrer ma bannière forum (la photo) de façon à équilibrer voir casser l'espace entre ma barre de navigation et le tableau un peu plus bas.

Screenshot:

Auriez-vous une idée ?

Voici ma template index_body :

index_body:

Merci d'avance.

[Oxtran]

Up!

[Oxtran]

Up!

[Lixyr]

Bonsoir,

Votre forum n'est pas accessible, nous ne voyons pas la bannière. Pouvez-vous arranger cela pour que nous puissions vous aider ?

[Oxtran]

Bonsoir,

Votre forum n'est pas accessible, nous ne voyons pas la bannière. Pouvez-vous arranger cela pour que nous puissions vous aider ?

C'est fait.

[MlleAlys]

Bonjour,
L'espace au dessus de votre image correspond au bandeau de la pub. Vous pouvez acheter un package pour ne plus avoir de publicité.

[Oxtran]

Merci pour votre réponse.

Auriez-vous une solution à m'apporter concernant l'espace entre mon copyright et mon footer ?

Screen:

[MlleAlys]

Idem ^^ :

[Oxtran]

Idem ^^ :

Décidément, haha merci encore.

Une dernière chose, je viens tout juste de fusionner la toolbar avec ma barre de navigation en modifiant la template overhall_header et un ajout dans le css que voici :

CSS:

Cependant, j'aimerai obtenir les éléments de ma barre de navigation centré sur le fond marron (que l'espace soit le même en haut et en bas) et qu'ils soient centrés par rapport au tableau, auriez-vous une idée? Merci d'avance.

[MlleAlys]

Localisez le code suivant :

Code:

#nav_bar_1 {
  left: -70px;
  position: relative;
  top: -25px!important;
  z-index: 20003!important;
  margin: auto;
}

Remplacez-le par :

Code:

#nav_bar_1 {
  top: 0;
  position: absolute;
  left: 70px;
  right: 70px;
  line-height: 30px;
  z-index: 20003!important;
}

[Oxtran]

Localisez le code suivant :

Code:

#nav_bar_1 {
  left: -70px;
  position: relative;
  top: -25px!important;
  z-index: 20003!important;
  margin: auto;
}

Remplacez-le par :

Code:

#nav_bar_1 {
  top: 0;
  position: absolute;
  left: 70px;
  right: 70px;
  line-height: 30px;
  z-index: 20003!important;
}

Top, merci beaucoup!

En ajoutant une border et un ombrage au css précédent, j'ai un petit soucis de barre de défilement qui apparait en bas de page horizontalement, savez-vous de quoi cela peut provenir?

CSS concerné:

CSS:

Je retrouve aussi ce soucis en ouvrant l'onglet des notifications.

[MlleAlys]

La largeur de la barre de navigation est déjà à 100% de celle de l'écran, en ajoutant une bordure de chaque côté, vous la faites dépasser de l'écran, d'où la barre de défilement.
Vous pouvez mettre une bordure au dessus et au dessous si vous le souhaitez, évitez les côtés :

border-width: 1px 0px;

[Oxtran]

La largeur de la barre de navigation est déjà à 100% de celle de l'écran, en ajoutant une bordure de chaque côté, vous la faites dépasser de l'écran, d'où la barre de défilement.
Vous pouvez mettre une bordure au dessus et au dessous si vous le souhaitez, évitez les côtés :

border-width: 1px 0px;

Super merci! Avant de passer le sujet en résolu, savez-vous s'il est possible de modifier l'aspect visuel du cadre de notifcations ?

[MlleAlys]

Oui c'est possible, tout dépend de ce que vous souhaitez.

[Oxtran]

Oui c'est possible, tout dépend de ce que vous souhaitez.

Principalement changer les couleurs.

[MlleAlys]

Code:

/*notifications*/

#fa_toolbar #fa_right #notif_list li {
  background: black; /*fond*/
  color: white; /*texte*/
}

#fa_toolbar #fa_right #notif_list li .contentText a {
  color: red !important; /*liens*/
}

#fa_toolbar #fa_right #notif_list li.unread {
  background: brown; /*fond non lues*/
  color: yellow; /*text non lues*/
}

[Oxtran]

Code:

/*notifications*/

#fa_toolbar #fa_right #notif_list li {
  background: black; /*fond*/
  color: white; /*texte*/
}

#fa_toolbar #fa_right #notif_list li .contentText a {
  color: red !important; /*liens*/
}

#fa_toolbar #fa_right #notif_list li.unread {
  background: brown; /*fond non lues*/
  color: yellow; /*text non lues*/
}

Un grand merci à vous, je passe le sujet en résolu. Passez une bonne fin de soirée!