fond de couleur pour les pages html

[maverickkinai]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : dès son origine
Lien du forum : http://ed92.forumactif.org/

Description du problème

Bonjour, j'ai créé sur notre forum plusieurs pages html le fond est identique à celui du forum, mais j'aurais voulu pouvoir personnaliser le fond des pages hml uniquement en modifiant la couleur.
Est ce possible merci d'avance

[Invité]

Bonjour,

Il vous suffit d'y insérer un style.

Code:

<style>
body{
  background-color:X;
}
</style>

=> Remplacez X par votre couleur de fond. Vous pouvez vous aider de ce tutoriel : Nomination et couleurs

Attention à bien vérifier que vous êtes en mode HTML.
Pensez également à vos modifications.


Cordialement.

[maverickkinai]

Bonjour,

Il vous suffit d'y insérer un style.

Code:

<style>
body{
  background-color:X;
}
</style>

=> Remplacez X par votre couleur de fond. Vous pouvez vous aider de ce tutoriel : Nomination et couleurs

Attention à bien vérifier que vous êtes en mode HTML.
Pensez également à vos modifications.


Cordialement.

Bonjour, merci de votre réponse, à quel endroit dois-je mettre ce code? sur la page css ça ne marche pas , j'ai vérifié, et je suis bien en mode html

[Invité]

Re,

C'est à mettre directement dans le code de la page HTML.
Pour le code HTML, il s'agit du mode d'édition de la page HTML en question. Faites-y attention. (A ne pas être en mode normal.)


Cordialement.

[maverickkinai]

Je dois mal faire qq chose, parce que je n'ai qu'un petit rectangle d'une ligne

[Invité]

Pouvez-vous faire un screenshot ?
https://forum.forumactif.com/t177550-faire-une-capture-d-ecran-screenshot

Cordialement.

[maverickkinai]

Bien sûr et merci de votre aide



cordialement

[Invité]

Quel est le code de la page ? (vous pouvez le mettre entre balises hide si vous le souhaitez)

La page a déjà un fond !


Cordialement.

[maverickkinai]

Bonjour, malheureusement rien ne marche
cordialement

[Invité]

Bonjour,

On ne peut pas reproduire deux fois la balise body.
Voici ce que je propose :

Code:

        <style>
        .contenu {
          background-color:X;
        }
        </style>

Code:

<div class="contenu">CONTENU DE LA PAGE</div>

Pouvez-vous me dire si cela fonctionne.

Amicalement,
Zoch

[maverickkinai]

Merci pour votre aide, je vais essayé, je dois mettre ça dans la page directement?

[Invité]

Où même faire ceci pour faire simple et oui à mettre dans la page concerner.

Code:

<div style="background-color:X;">CONTENU DE LA PAGE</div>

[Invité]

Bonsoir,

Zoch, si. Une couleur prendra cependant le dessus sur l'autre.
Votre technique insère un élément, elle ne concerne pas la page en elle-même.

Je réitère, il faudrait pour vous aider le code actuel de la page.


Cordialement.

[Invité]

Bonsoir,

Zoch, si. Une couleur prendra cependant le dessus sur l'autre.
Votre technique insère un élément, elle ne concerne pas la page en elle-même.

Je réitère, il faudrait pour vous aider le code actuel de la page.


Cordialement.

Hello,

Techniquement, d'après mes connaissances en codage HTML CSS, le mieux est d'ouvrir une balise div en style ou class pour ajouter un font. En dupliquent la balise body vous risque de faire un doublon et déformer la structure du forum en lui même, comprenez-vous ?

Amicalement.

[Invité]

Zoch, essayez par vous-même, vous verrez que cela ne correspond absolument pas au résultat souhaité, à savoir modifier le fond de la page entière.



Cordialement.

[maverickkinai]

Bonsoir, merci pour votre aide effectivement je souhaiterais que toutes les pages html soient avec un fond blanc, la solution proposée avec les balises div marche partiellement .
Kinotto, comment puis-je trouver le code de la page

Cordialement

[Invité]

Bonjour,

Dans Modules > Gestion des pages HTML, cliquez sur modifier le page en question, édition HTML et copiez le code, éventuellement entre balises hide si vous voulez éviter les vols.

Code:

[hide][/hide]

Cordialement.

[maverickkinai]

Merci,mais je crois qu'on va abandonner l'idée, par contre je souhaiterais créer un effet d'ombre sur les catégories du forum et sur les modules du portail, j'ai trouvé plusieurs codes sur le forum,mais aucun ne marche, auriez vous une solution.
Cordialement

[Invité]

Ceci vous sera très utile.
Les ombrages en CSS3

[maverickkinai]

Ceci vous sera très utile.
Les ombrages en CSS3

Merci, je m'en suis servi avec succcès pour certaines ombres,mais pas pour les catégories,je n'y arrive pas

[Invité]

Je voudrais faire des essais de monte côté, pouvez-vous me donner le code HTML et CSS s'il vous plait. Je vous en remercie d'avance.

Zoch

[maverickkinai]

Je voudrais faire des essais de monte côté, pouvez-vous me donner le code HTML et CSS s'il vous plait. Je vous en remercie d'avance.

Zoch

Volià

img {
box-shadow: 8px 8px 12px #aaa;
}

[Invité]

Vous pouvez faire un essai comme ceci :

Code:

<img src="URL DE L'IMAGE" style="box-shadow: 8px 8px 12px #aaa;" alt="" />

Ou ceci :

Code:

<div style="box-shadow: 8px 8px 12px #aaa;">VOTRE CONTENU ICI</div>

Dite moi si un des deux fonctionnes.

Zoch

[maverickkinai]

C'est à rajouter dans la feuille CSS? parce que çane marche pas

[Invité]

Non, à ajouter directement dans le codage de votre page personnalisé ou dans le template de votre forum, vous voulez savoir comment fonctionne les templates ?

[maverickkinai]

Merci beaucoup mais je vais abandonné l'idée
cordialement

[MlleAlys]

Bonjour,
pour les modules, ajoutez le code css suivant à votre feuille de style :

Code:

.module {
  box-shadow: 5px 5px 10px #747474;
}

et pour les catégories, je vous propose le code suivant :

Code:

.forabg {
  box-shadow: 5px 5px 10px #7C7C7C;
  border: none;
  margin-bottom: 10px;
}

qui en plus d'ajouter l'ombre enlève la bordure (qui était invisible en temps normal mais avec l'ombre ça faisait bizarre...) et ajoute une marge sous la catégorie de 10px (pareil sinon l'ombre n'était pas trop visible, mais vous pouvez retirer cette ligne si vous n'en voulait pas ^^)

[maverickkinai]

Merci 1 millions de fois ça marche du tonnerre