Fond aléatoire
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Fond aléatoire
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 : Fond aléatoire
Lien du forum : http://ed92.forumactif.org/
Description du problème
Bonjour je souhaiterais créer un entete avec une image aléatoire.Actuellement le fond de mon forum est régi par la css et l'image de fond de forum dans le PA--> Gestion des images est invisible.
Voici le code qui gère le fond du forum, je souhaiterais créer uniquement une image aléatoire en remplacement de la première Url, tout en conservant le design actuel.
body {
background-image: url("https://nsm08.casimages.com/img/2015/04/29//15042912024311954313216956.jpg"), url("https://nsm08.casimages.com/img/2015/05/03//15050301022311954313230469.png");
background-position: top center, center;
background-repeat: no-repeat, repeat-y;
}
En insérant ce code dans la css et en mettant une image invisible dans la première url du code body, j'arrive presque à la solution mais la duxième url du body ne marche plus: .ban1 { background-image: url('https://nsm08.casimages.com/img/2015/04/29//15042912024311954313216956.jpg'); }
.ban2 { background-image: url('https://nsm08.casimages.com/img/2015/05/02//15050208545111954313229020.png'); }
.ban3 { background-image: url('https://nsm08.casimages.com/img/2015/05/08//15050806151011954313248328.jpg'); }
Dernière édition par maverickkinai le Jeu 21 Mai 2015 - 15:53, édité 1 fois
Re: Fond aléatoire
Bonjour , peut-on savoir quelles sont les images aléatoires en question pour votre fond ?
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Fond aléatoire
Essayez avec le code suivant :
- Code:
$(function() {
var a = [
"http://i19.servimg.com/u/f19/15/71/54/28/15042910.jpg",
"http://i19.servimg.com/u/f19/15/71/54/28/15050210.jpg",
"http://i19.servimg.com/u/f19/15/71/54/28/swd_fo10.jpg",
"http://i19.servimg.com/u/f19/15/71/54/28/15051710.jpg"
];
$("body").css("background-image",'url("'+a[Math.floor(Math.random() * a.length)]+'"),url("http://nsm08.casimages.com/img/2015/05/03//15050301022311954313230469.png")')
});
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Fond aléatoire
Bonjour,malheureusement aucunes images ne s'affichent
Re: Fond aléatoire
Bonjour, le script fonctionne pourtant: voir.
puis-je avoir le code CSS que vous utilisez pour le moment ?
puis-je avoir le code CSS que vous utilisez pour le moment ?
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Fond aléatoire
no_way a écrit:Bonjour, le script fonctionne pourtant: voir.
puis-je avoir le code CSS que vous utilisez pour le moment ?
Effectivement, c'est bizarre, les images me paraissent plus petite?
Bien sûr, voici ma css:
.table-title, .table-title h2 {
color: #FFFFFF;
display: inline;
font-size: 1.1em;
font-weight : bold;
}.postprofile {width:17%}
.postbody {width:80%}
#search-box {display: none;}
.forabg {
box-shadow: 2px 2px 5px #727272;
border: none;
margin-bottom: 10px;
}
.forumbg {
box-shadow: 2px 2px 5px #727272;
border: none;
margin-bottom: 10px;
}
.module {
box-shadow: 2px 2px 5px #727272;
border: none;
margin-bottom: 0px;
}
.portal .module {
margin-bottom: 10px;
}
div.panel.introduction {
background: #f5f5f5;
}
.h3 {color:#6A3CB9;}
.module .h3 {
border: none;
}
.navbar ul{
border-bottom:none;
}
ul.forums dd {
border: none;
}
.forabg {
margin-bottom: 25px;
}
.forumbg {
margin-bottom: 25px;
}
.signature_div img {
max-height:100px;
max-width:400px;
}
body {
background-image: url("https://nsm08.casimages.com/img/2015/05/17//15051711214811954313274993.jpg"), url("https://nsm08.casimages.com/img/2015/05/03//15050301022311954313230469.png");
background-position: top center, center;
background-repeat: no-repeat, repeat-y;
}
J'ai supprimé les dernières lignes de code body/background,pour le remplacer par votre code, mais peut être à tord
Re: Fond aléatoire
Les images sont plus petites car vous les avez hébergé via servimg et j'imagine que le redimensionnement de l'image était à "800px pour les forums" au lieu de "non".les images me paraissent plus petite?
Hébergez à nouveau vos images et cette fois-ci sans redimensionnement puis indiquez moi leur URL
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Fond aléatoire
Super voici le nouveau javascript:
- Code:
$(function() {
var a = [
"http://nsm08.casimages.com/img/2015/05/17/15051711214811954313274993.jpg",
"http://nsm08.casimages.com/img/2015/04/29/15042912024311954313216956.jpg",
"http://nsm08.casimages.com/img/2015/05/17/15051711214811954313274993.jpg",
"http://nsm08.casimages.com/img/2015/05/02/15050208545111954313229020.png",
"http://nsm08.casimages.com/img/2015/05/20/15052012084311954313283564.jpg"
];
$("body").css("background-image",'url("'+a[Math.floor(Math.random() * a.length)]+'"),url("http://nsm08.casimages.com/img/2015/05/03/15050301022311954313230469.png")')
});
- Code:
body {
background-image: url("http://nsm08.casimages.com/img/2015/05/17//15051711214811954313274993.jpg"), url("http://nsm08.casimages.com/img/2015/05/03//15050301022311954313230469.png");
background-position: top center, center;
background-repeat: no-repeat, repeat-y;
}
- Code:
body {
background-image: url("http://nsm08.casimages.com/img/2015/05/17//15051711214811954313274993.jpg"), url("http://nsm08.casimages.com/img/2015/05/03/15050301022311954313230469.png");
background-position: top center, center;
background-repeat: no-repeat, repeat-y;
}
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Fond aléatoire
Franchement MERCIIIIII !!! ça marche d"enfer,c'est tout à fait le résultat espéré ! MERCI !
Sujets similaires
» Fond aléatoire
» Fond aléatoire ou défilant
» Probleme avec le header de fond aléatoire
» Bannière aléatoire de fond
» Fond QEEL aléatoire
» Fond aléatoire ou défilant
» Probleme avec le header de fond aléatoire
» Bannière aléatoire de fond
» Fond QEEL aléatoire
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum