Le Deal du moment : -29%
PC portable – MEDION 15,6″ FHD Intel i7 ...
Voir le deal
499.99 €

Modèle et explications
Voir le sujet précédent Voir le sujet suivant Aller en bas

 :: La Magie de Noël :: Calendrier de l'avent
Admin
Admin
Messages : 27
Date d'inscription : 25/09/2017
Age : 26
Localisation : dtc
Admin
https://alicelechat.kanak.fr
MessageSujet: Modèle et explications Modèle et explications EmptyMar 14 Nov - 19:52
Calendrier de l'avent
Parce qu'on vous aime, on a voulu vous gâter

Enfin en décembre! Et qui dit décembre, dit marché de Noël avec son odeur de marron grillé dans l'air tandis que l'on déguste un vin chaud tout en se réchauffant les mains! Le feu de cheminée avec toute notre famille autour, qui contemple le sapin les yeux brillants. Les cadeaux, au pied de ce dernier, déposé par le Père Noël. Le repas de famille, avec le chapon farci au foie gras et ses patates tandis que tonton Roger encore bourré fait des blagues un peu grasses. Mais avant cela, il y a le calendrier de l'avent. Ce fameux calendrier qui nous permet de patienter avant Noël! Le staff a donc pensé que, pour les enfants sages et les méchants enfants que vous êtes, pour vous faire oublier la dure vie que mènent vos personnages, nous avons mit en place, exprès pour vous, un calendrier de l'avent spécial Badlands!

Et là, je vous vois ENCORE arriver: "Comment ça marche :stp: ?" Ne vous en faites pas, je suis là pour vous guider Wink ! Tout d'abord, le staff vous invite à créer un nouveau sujet que vous nommerez: "Nom + Prénom Calendrier 2017" puis, vous n'aurez plus qu'à copier le code ci-dessous et envoyer:
Code:
[center]<style>.present:hover .present__bauble {display: inline-block; transform-origin: 50% 0; animation: shake .7s;}</style> <style>@keyframes shake { 0% { transform: rotate(0deg); } 20% { transform: rotate(-20deg); } 40% { transform: rotate(20deg); } 60% { transform: rotate(-10deg); } 80% { transform: rotate(10deg); } 100% { transform: rotate(0deg); }}</style><div class="calendar"><center><div class="lalala">Calendrier de l'avent</div><article class="present"><div class="present__pane"><div class="present__date">1</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 1ER JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN IMAGE DU 1ER JOUR --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">2</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 2EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">3</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 3EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE DU 3EME JOUR --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">4</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 4EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">5</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 5EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">6</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 6EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">7</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 7EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">8</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 8EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">9</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 9EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">10</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 10EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">11</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 11EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">12</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 12EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">13</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 13EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">14</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 14EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">15</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 15EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">16</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 16EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">17</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 17EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">18</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 18EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">19</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 19EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">20</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 20EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">21</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 21EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">22</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 22EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">23</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 23EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article><article class="present"><div class="present__pane"><div class="present__date">24</div></div><div class="present__content"><div class="present__bauble"><!-- URL IMAGE DU 24EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE --></div></div> </article>

 </center></div>[/center]

Une fois par jour, vous pourrez alors tirer une fois le dé du calendrier de l'avent (vous avez de 00.01a.m à 11.59p.m pour le lancer) à la suite de votre calendrier, là vous recevrez un lot, il vous suffira alors de copier/coller l'url dans la case correspondante au jour du tirage!
Vous avez jeté un œil au codage? J'avoue vous avoir gâté à ce niveau là aussi et pour ceux qui ne sachent pas lire les lignes interminables de code, on se perd vite! Mais pas de panique! J'ai pensé à vous les enfants! J'ai intégré des annotations pour que vous puissiez vous repérer par rapport au jour. Voici un exemple:
Code:
<!-- URL IMAGE DU 8EME JOUR --><div style="background-image:url(https://78.media.tumblr.com/0edba4c573184769f4b95c24b0a5e904/tumblr_ozdwdsI1GU1wyl9pdo5_r1_250.png)" class="boulle"/><!-- FIN URL IMAGE -->
Il vous suffira simplement de remplacer l'url de l'image présente par celle de votre lot.

Pourquoi ne pas l'intégrer directement dans la fiche de suivi?
Avouez, je vous ai devancé :y: ! C'est simple, déjà parce qu'on voulait vraiment vous donner l'impression d'avoir un vrai calendrier, pas vrai que c'est plus sympa quand même?
La deuxième raison est pour nous simplifier la tâche, grâce à cela, vous pouvez répertorier vos gains tandis que nous, nous pouvons passer dans vos fiches voir ce que vous avez gagner (pour vous donner les points gagnés par exemple).
Et troisièmement, parce que jamais deux sans trois, vous pouvez voir quel jour vous avez oublié de tirer votre dé.
Et en bonus: Vous serez vraiment gâté et certains de vos lots ne vous plairons peut être pas, du coup, cela vous permettra de trier les items que vous souhaitez conserver ♥️ Après Noël sera aussi publié la liste de tous les items que vous auriez pu avoir avec leur description et ainsi vous aider à faire votre sélection de ceux que vous souhaitez conserver dans votre inventaire ou non!

Si je ne l'ai pas fait et que je souhaite me rattraper?
Vous ai-je encore devancé? La légende raconte que certains m'appelle Madame Irma #tmtctoiquimelis Wink ! Rien de plus simple, vous pouvez vous rattraper en achetant votre lancé manquant. Il vous suffit de nous contacter via mp, à cela, nous vous retirerons 40 points, le prix d'un lancer manquant, et vous pourrez ensuite  lancer votre dé. 40 points vous parait trop? Et si je vous dis que la valeur des lots sont compris entre 1 et 600 points? C'est Noël, nous sommes d'humeur généreuses :y: !

J'ai un soucis avec le codage?
Si vous avez un bug, si vous l'avez déformé sans le faire exprêt et que vous avez vérifié que les balises soient bien fermées, que vous ne comprennez pas l'origine du bug? Contactez Kim Myung Ki ou Seo Kyung Hong, nous vous aiderons dès que possible ♥️ !
Revenir en haut Aller en bas
Admin
Admin
Messages : 27
Date d'inscription : 25/09/2017
Age : 26
Localisation : dtc
Admin
https://alicelechat.kanak.fr
MessageSujet: Re: Modèle et explications Modèle et explications EmptyMar 14 Nov - 20:16

Aperçu du calendrier:

Calendrier de l'avent
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24


Revenir en haut Aller en bas
Modèle et explications
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
. :: La Magie de Noël :: Calendrier de l'avent-
Sauter vers: