Image en fond de forum : bordure et espace

[Ancients]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://nsp-d3.forumofficiel.com/

Description du problème

Bonjour, sur la capture d'écran vous pouvez voir un bout d'image (pour l'exemple) utilisé en fond.

Le problème est que l'image de fond arrive exactement où le forum se termine (haut à gauche) ; ce n'est pas très esthétique).

J'aimerai que l'image de fond puisse dépasser un peu et pouvoir gérer cela.

Merci à vous

[◦Jay◦]

Bonjour Ancients, je ne comprends pas complètement votre question. Vous souhaitez abaisser le fond de votre forum ? (je le trouve superbe )

Essayez comme suit:

Code:

#video-background{margin-top:90px;}

Vous pouvez modifier la hauteur (90px)

Bien à vous.

[Ancients]

Je parle de cette partie la :



l'image de fond (marron) arrive au bord du cadre du forum. Même niveau que la date/heure etc.

J'aimerai que l'espace entre l'image de fond et le forum soit plus grand.

Merci pour votre aide

[◦Jay◦]

Ah, d'accord, comme ceci :

Code:

div#main-content{
background-size:100%;
padding:5px;}

Si vous souhaitez que l'image se répète dans la hauteur (je vous conseillerai de refaire l'image pour qu'elle puisse s'imbriquer correctement) mettez le code comme ceci :

Code:

div#main-content{
background-size:100%;
padding:5px;
background-repeat:repeat;
}

Bien à vous.

[◦Jay◦]

J'ai retravaillé votre image, vous pouvez par exemple remplacer votre code par :

Code:

div#main-content{
background-image:url(http://image.noelshack.com/fichiers/2016/09/1457014560-image2.png);
background-size:100%;
background-repeat:repeat;
padding:5px;
border:1px solid #000;
}

[Ancients]

Je n'ai pas encore essayé votre code, un problème / bug viens d'arriver.

En modifiant seulement :

Code:

div#main-content

Tout d'un coup l'affichage a cessé de fonctionner normalement, voila ce qu'il se passe :





Voici mon CSS actuel pour :

Code:

div#main-content {
    background: url('http://i84.servimg.com/u/f84/19/42/85/35/exempl11.png')
    background-repeat: no-repeat;
    background-size:100%;
    padding:5px;
    background-repeat:repeat;
}

et

Code:

.post {
    background-color: #12110f;
    opacity: 0.9!important;
}

Je n'y comprends plus rien.

[◦Jay◦]

Qu'entendez-vous par "Tout d'un coup l'affichage a cessé de fonctionner normalement" ? Vous ne voulez pas de fond dans les sujets ?

[Ancients]

Non l'image de fond est assignée normalement à la partie "contenu" du forum. L'image ne devrait pas être dans les "posts".

Il n'y a pas d'image en background dans le CSS.

Tout marchait bien, j'essayais des paramètres dans

Code:

div#main-content {
    background: url('http://i84.servimg.com/u/f84/19/42/85/35/exempl11.png')
    background-repeat: no-repeat;
    background-size:100%;
    padding:5px;
    background-repeat:repeat;
}

J'ai modifié la taille de mon forum de 65% à 60% et c'est en validant que j'ai observé ce que vous voyez sur les screenshots plus haut.

[◦Jay◦]

Et bien si, c'est normal.

[Ancients]

Cela fait longtemps que je n'ai pas dormi mais je ne suis pas encore fou (les screenshots le prouvent)

En effet Chrome a planté en observant que ça fonctionnait bien sur Safari.

J'ai donc effacé les données de navigation sur Chrome et tout est ok.

Votre code marche très bien, merci beaucoup pour l'image!

Bien à vous.