CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! | | | Background répétitif & Headers aléatoires, en fond de page. |  |
|  //admin*île 
{ Membre }
 Messages : 15
 |
J'ai un petit soucis ; en fait on m'a trouvé un code en réponse à une question il y a quelques semaines sur FA {icii} ; et le code en lui-même est parfait, il me permet de mettre un "header en fond de page" en bannière aléatoire {plusieurs headers qui changent aléatoirement à chaque actualisation}. Mais moi je cherche à mettre en même temps un background pour le fond du forum qui se répète jusqu'en bas. J'arrive à le faire avec le script ci dessous et en remplissant mon css ainsi.
- Code:
-
<script type=text/javascript> var banListe=['1','2','3']; document.write('<body class=ban' + banListe[Math.floor(Math.random()*banListe.length)] +'>'); </script> © by somewhere.
- Code:
-
.ban1 { background-image: url('http://i30.tinypic.com/166myc0.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 1300;
height: 765;}
.ban2 { background-image: url('http://i29.tinypic.com/16pfud.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 1300;
height: 765;}
.fond2{
background-image: url('http://i26.tinypic.com/2193qz7.jpg');
background-position: top center;
background-repeat: repeat;
width: 1500;
height: 153;
} "fond2" est une class que j'ai placé dans mon template 'overall_header_new'. Mon problème, c'est que du coup, mon image "fond2" cache les images "ban1" et "ban2", alors que ça devrait être le contraire. Auriez-vous une solution à me proposer ? J'espère être clair dans ma demande, mercii d'avance de votre aide dans tous les cas ♥
Sinan voicii l'adresse de mon forum.
| | |
| | | | Ikø' 
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Bonjouuur~ Essaie en ajoutant - Code:
-
z-index: 10; À ban1 et ban2, et par exemple eehm - Code:
-
z-index: 1; À fond2~ z-index est sensé donner l'ordre de certains éléments. Si le z-index est plus haut, l'élément devrait être au dessus. Je ne sais pas si ça va marcher par contre~ | | |
| | | | //admin*île
{ Membre }
Messages : 15
| Bonjouur Ikø' &&' mercii beaucoup de ta proposition (: J'ai tenté ce que tu m'as dit, cependant sans aucun résultat malheureusement 
| | |
| | | | VPeybernes
{ Membre actif }
 Messages : 563
| Bonjour. L'application de 2 background simultané sur un même élément n'est pas possible.
Serai il possible de savoir comment vous avez appliquer vos background dans votre document ? | | |
| | | | Luna Arcana
{ Membre }
Messages : 194
| Bonjour !
Votre problème est-il résolu ? | | |
| | | | //admin*île
{ Membre }
Messages : 15
| VPeybernes, il me semble que c'est possible, puisque j'ai réussi à le faire, c'est ce que j'ai en ce moment. J'ai donné le codage de ma manoeuvre dans mon permier post (: Si il faut que je sois plus clair, je peux répéter, je comprendrais  Pour faire simple, j'arrive à utiliser le code de "deux backgrounds (un header en fond de page & un backgroud répétitif en dessous)" et le code de "header aléatoires en fond de page", ceux-ci séparément donc, mais je n'arrive pas à les assembler pour faire les deux en même temps *.*
Luna, hélas nan toujours pas  | | |
| | | | VPeybernes
{ Membre actif }
Messages : 563
| - //admin*île a écrit:
J'ai un petit soucis ; en fait on m'a trouvé un code en réponse à une question il y a quelques semaines sur FA {icii} ; et le code en lui-même est parfait, il me permet de mettre un "header en fond de page" en bannière aléatoire {plusieurs headers qui changent aléatoirement à chaque actualisation}. Mais moi je cherche à mettre en même temps un background pour le fond du forum qui se répète jusqu'en bas. J'arrive à le faire avec le script ci dessous et en remplissant mon css ainsi.
- Code:
-
<script type=text/javascript> var banListe=['1','2','3']; document.write('<body class=ban' + banListe[Math.floor(Math.random()*banListe.length)] +'>'); </script> © by somewhere.
- Code:
-
.ban1 { background-image: url('http://i30.tinypic.com/166myc0.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 1300;
height: 765;}
.ban2 { background-image: url('http://i29.tinypic.com/16pfud.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 1300;
height: 765;}
.fond2{
background-image: url('http://i26.tinypic.com/2193qz7.jpg');
background-position: top center;
background-repeat: repeat;
width: 1500;
height: 153;
} "fond2" est une class que j'ai placé dans mon template 'overall_header_new'. Mon problème, c'est que du coup, mon image "fond2" cache les images "ban1" et "ban2", alors que ça devrait être le contraire. Auriez-vous une solution à me proposer ? J'espère être clair dans ma demande, mercii d'avance de votre aide dans tous les cas ♥
Sinan voicii l'adresse de mon forum.
Il semblerai que non, tu n'as pas réussi. - Citation :
- Pour faire simple, j'arrive à utiliser le code de "deux backgrounds (un header en fond de page & un backgroud répétitif en dessous)" et le code de "header aléatoires en fond de page", ceux-ci séparément donc, mais je n'arrive pas à les assembler pour faire les deux en même temps *.*
Puisque : - Citation :
- L'application de 2 background simultané sur un même élément n'est pas possible.
Et au vu de ça : - Code:
-
<script type=text/javascript> var banListe=['1','2','3']; document.write('<body class=ban' + banListe[Math.floor(Math.random()*banListe.length)] +'>'); </script> Qui est une aberration, il va falloir revoir tout le système je pense. | | |
| | | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône  en éditant votre 1er post.
| | |
| | | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.
Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
| | |
| | | | Contenu sponsorisé
| | | | | | | Background répétitif & Headers aléatoires, en fond de page. | |
|
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
