Image en fond de forum : bordure et espace

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image en fond de forum : bordure et espace

Message par Ancients le Jeu 3 Mar 2016 - 8:30

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


Dernière édition par Ancients le Jeu 3 Mar 2016 - 16:45, édité 1 fois

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de forum : bordure et espace

Message par ◦Jay◦ le Jeu 3 Mar 2016 - 14:30

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

Essayez comme suit:

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

Vous pouvez modifier la hauteur (90px)

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2528
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de forum : bordure et espace

Message par Ancients le Jeu 3 Mar 2016 - 14:54

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

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de forum : bordure et espace

Message par ◦Jay◦ le Jeu 3 Mar 2016 - 15:04

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◦
Créactif
Créactif

Masculin
Messages : 2528
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de forum : bordure et espace

Message par ◦Jay◦ le Jeu 3 Mar 2016 - 15:18

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;
}



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2528
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de forum : bordure et espace

Message par Ancients le Jeu 3 Mar 2016 - 16:05

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.

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de forum : bordure et espace

Message par ◦Jay◦ le Jeu 3 Mar 2016 - 16:10

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



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2528
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de forum : bordure et espace

Message par Ancients le Jeu 3 Mar 2016 - 16:15

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.

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de forum : bordure et espace

Message par ◦Jay◦ le Jeu 3 Mar 2016 - 16:19

Et bien si, c'est normal. scratch



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2528
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de forum : bordure et espace

Message par Ancients le Jeu 3 Mar 2016 - 16:34

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

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.

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum