Plusieurs Header

résolu Plusieurs Header

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
Plusieurs Header

résolu Plusieurs Header

Catégorie Catégorie Questions & Aides
Titre du sujet Titre du sujet Plusieurs Header
Auteur de la discussion Auteur de la discussion Smallville
Date de début Date de début
Réponses Réponses 13
Affichages Affichages 1 199
Réaction Réaction 0
Dernier message par Dernier message par laurent68
Smallville

Smallville

Membre suprême

Donateur
Réputation: 79%
Discussions
64
Messages
516
Solutions
32
J'aime
173
Points
73
173 73 32 516
Solution
laurent68
kilroy a dit:
Alors ça, ça m’intéresse grandement.....PAr contre je vois pas du tout ce qu'il faut modifier dans le code pour que cela change le background....
Disons que j'ai 10 background à ma disposition, et que je voudrais qu'il change soit :

1/ Lorsqu'un user se connecte au fofo, et si l'user se deco et se reco le background change

ou alors (et c'est surement plus simple)

2/Une fois par tranche de 24 h

Par avance, énorme merci (doublé d'un bisou mouillé) :)
Cliquez pour agrandir...
Il faut changer les liens et les % du keyframes
@keyframes bgChange { 0%,49.99% , 100% { background: url(http://demo.qodeinteractive.com/central/wp-content/uploads/2013/05/header.jpg);
Trier par date Trier par votes
moi j'arrive a te faire ceci:
ea60c2ce8abc2c12d3a73666b69097ce.gif

65a168493ec352b4884e73c751085e86.gif


tu peux choisir le durée a ta convenace la j'ai mis tout les 10 sec
[automerge]1545571921[/automerge]
cela depand de ta version xenforo utilisée aussi la realiser sur xenforo2.1
 
Upvote 0 Downvote
Pour xenforo 1 extra.css:

Code: 
#header {
animation-name:bgChange;
animation-duration:10s;
animation-timing-function:linear;
animation-iteration-count: infinite;
animation-play-state: running;
}

@keyframes bgChange {
0%,49.99% , 100% {
background: url(http://demo.qodeinteractive.com/central/wp-content/uploads/2013/05/header.jpg);
}
50%, 99.99%{
background: url(http://www.ariva.com.ph/wp-content/uploads/2015/10/HALLOWEEN-HEADER-2015.png);
}
}

PS : Change animation-duration:10s; en temps désirer

Pour xenforo 2 extra.less:

Code: 
.p-header {
animation-name:bgChange;
animation-duration:10s;
animation-timing-function:linear;
animation-iteration-count: infinite;
animation-play-state: running;
}
@keyframes bgChange {
0%,49.99% , 100% {
background: url(http://demo.qodeinteractive.com/central/wp-content/uploads/2013/05/header.jpg);
}
50%, 99.99%{
background: url(http://www.ariva.com.ph/wp-content/uploads/2015/10/HALLOWEEN-HEADER-2015.png);
}
}
 
Upvote 0 Downvote
laurent68 a dit:
Tu peux aussi t'en servir pour changer l'image de font de ton forum (body) ;)
Cliquez pour agrandir...


Alors ça, ça m’intéresse grandement.....PAr contre je vois pas du tout ce qu'il faut modifier dans le code pour que cela change le background....
Disons que j'ai 10 background à ma disposition, et que je voudrais qu'il change soit :

1/ Lorsqu'un user se connecte au fofo, et si l'user se deco et se reco le background change

ou alors (et c'est surement plus simple)

2/Une fois par tranche de 24 h

Par avance, énorme merci (doublé d'un bisou mouillé) :)
 
Upvote 0 Downvote
kilroy a dit:
Alors ça, ça m’intéresse grandement.....PAr contre je vois pas du tout ce qu'il faut modifier dans le code pour que cela change le background....
Disons que j'ai 10 background à ma disposition, et que je voudrais qu'il change soit :

1/ Lorsqu'un user se connecte au fofo, et si l'user se deco et se reco le background change

ou alors (et c'est surement plus simple)

2/Une fois par tranche de 24 h

Par avance, énorme merci (doublé d'un bisou mouillé) :)
Cliquez pour agrandir...
Il faut changer les liens et les % du keyframes
@keyframes bgChange { 0%,49.99% , 100% { background: url(http://demo.qodeinteractive.com/central/wp-content/uploads/2013/05/header.jpg);
 
Upvote 0 Downvote
Solution
Vous devez vous connecter
ou vous inscrire pour répondre ici.
Contenu similaire Les plus vues Voir plus

À propos de nous

Societyfrenchmodding est une communauté Francophone de libres discussions à propos des jeux, xenforo, modding et actualités ...etc

Statistiques en ligne

Membres en ligne
0
Visiteurs en ligne
17
Total de visiteurs
17
Nombre total incluant les visiteurs cachés.

Partager cette page

Restez connecté

Retour
Haut Bas