Image background

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

Résolu Image background

Message par Eldoth le Ven 30 Mar 2012 - 20:04

Bonjour à tous,
Malgré le fait que je sois débutant en HTML et CSS, j'ai décidé d’embellir mon forum. Very Happy
Après moult recherche je me décide à poster suite à mon problème pour mon forum en phpBB2 de test avec uniquement un CSS modifié (http://test-rdj.fr-bb.com/):
  • Je souhaiterai savoir si il était possible de placer deux images en background à l'aide du CSS. Pour obtenir quelque chose de ce genre
    Spoiler:
    Je pensais utiliser un CSS comme ceci mais ça ne marche pas et je vois pas comment lui dire qu'il y a deux images différentse en background.
    Code:
    body {
            background-color: #0c0c0e;
            background-image: url("image1");
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: left;
            background-image: url("image2");
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: right;
       }


En tout cas, merci de m'avoir lu et je m'excuse d'avance pour les titres de mes catégories et sous-forums foireux. victoire
En vous remerciant de vos futurs réponses!


Dernière édition par Eldoth le Mar 3 Avr 2012 - 11:04, édité 1 fois

Eldoth
Nouveau membre

Messages : 3
Inscrit(e) le : 30/03/2012

http://test-rdj.fr-bb.com/
Eldoth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image background

Message par Eldoth le Sam 31 Mar 2012 - 23:02

J'up!

Eldoth
Nouveau membre

Messages : 3
Inscrit(e) le : 30/03/2012

http://test-rdj.fr-bb.com/
Eldoth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image background

Message par Matriochka le Dim 1 Avr 2012 - 18:25

Bonsoir,

Il vous est impossible d’ajouter deux fois la même propriété CSS dans votre feuille. La dernière sera prise en compte, l’autre sera oubliée. En CSS, les propriétés inscrites en dernier sont prioritaires.

Vous pouvez ceci-dit créer une seule et même image sur laquelle vous mettriez vos deux fonds. Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image background

Message par Invité le Dim 1 Avr 2012 - 19:15

Par contre au lieu de tes deux propriété parreil tu peux utiliser ce code:
Code:
background: url(LIEN DE L'IMAGE GAUCHE) left no-repeat;
   background: url(LIEN DE L'IMAGE DROITE) right no-repeat;

Et tu change le left et le right comme il te plait Wink!

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image background

Message par Eldoth le Mar 3 Avr 2012 - 11:03

Merci de vos réponses rapides. thumleft

@ Matriochka: c'est bien ce que je pensais... Après ce qui me gênait était les différentes résolutions d'écrans des utilisateurs du forum donc je voulais une méthode à mon goût plus simple et qui m'évitait de passer par un javascript pour adapter l'image en fonction de la résolution d'écran de l'utilisateur. Razz

@Webmestre_pro: merci beaucoup, c'est ce que je recherchais! Very Happy J'ai encore quelques problème en CSS faut croire. scratch

Edit: j'ai faillis oublié la balise "Résolu" !

Eldoth
Nouveau membre

Messages : 3
Inscrit(e) le : 30/03/2012

http://test-rdj.fr-bb.com/
Eldoth 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