AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez
 

 Petite fiche pour des awards

Aller en bas 
Petite fiche pour des awards - Lun 19 Nov - 18:39
Alexis S. Graves

Le type du code : D'après les possibilités d'écrite dans les règles de la section. Une fiche un peu spéciale, qui pourrait s'apparenter à une fiche de liens mais spécifiquement pour des Awards, en fait, j'imaginais un code sur lequel on aurait une première "page" où on pourrait mettre par exemple : "le personnage le plus charismatique est... " Et quand on passe la souris dessus, on a l'avatar du personnage. Je ne sais pas si je suis claire Neutral
Le schéma: obligatoire. Designé ou fait à la main/paint. en fait ce qui m'a donné cette idée c'est ce code, mais du coup il faudrait "l'inverser" dans le sens que l'avatar est visible quand on passe sue le texte, ou alors, deux images, et que ça pivote avec en deuxième l'avatar du perso.

Spoiler:
 
Acceptez-vous que le code soit mis en LS sur AK ? Vous avez le droit de dire non, mais le partage c'est beau ! Je peux également le poster en LS à retardement, genre dans 1 ou 2 mois pour que vous gardiez l'exclusivité pour votre MAJ et ensuite, quand il n'est plus utilisé, le laisser à la disposition d'autres Smile Oui bien sur
Les éléments : Textes/url/couleur/images/police ... N'hésitez pas à écrire vos dimensions et tout ce qui m'aidera à intégrer. du coup à dimensions d'avatar 200x320 px mais en plusieurs colonnes/lignes etc... Pour les couleurs, on a un forum assez sombre, donc rester dans ces teintes.
Un lien vers votre forum/site/Autre: http://partis-temporus.forumactif.org/
Autre chose? J'espère avoir été claire et merci beaucoup en avance si quelqu'un se penche dessus ! Petite fiche pour des awards 4272616568

fiche réalisée par laxy

Re: Petite fiche pour des awards - Mer 21 Nov - 13:00
Hey !!
Merci de passer commande chez nous, je crois que je visualise ce que tu veux ! J'ai besoin juste de 2 précisions :
- tu as besoin d'avoir le nom en plus de l'image de l'avatar sur la face "cachée" qui apparait ?
- tu veux pouvoir cliquer dessus pour aller voir le profil ou non ?

C'est juste pour que je sache comment construire le code, ça dépend de ce que tu as envie Petite fiche pour des awards 2626982500
Voir le profil de l'utilisateur
Jamy
Jamy
Codeuse
merci - Jeu 22 Nov - 20:17
Coucou ! Merci pour ta réponse !!

Ce serait pas mal si le nom apparaît en plus oui mais si ça te demande beaucoup de taf supplémentaire, ce n'est pas indispensable.

Pour le lien vers le profil non ce ne sera pas nécessaire.

Merci encore ! Petite fiche pour des awards 2618360875
Re: Petite fiche pour des awards - Mar 27 Nov - 18:28
Et voici pour toi !!
J'espère tu passeras le voir, j'ai oublié de te proposer de t'ouvrir un channel dans notre discord ... excuses moi !

Du coup, le code CSS, à mettre dans ta feuille CSS du panneau admin :

Code:
 .award{
      display: inline-block;
      margin: 5px;
      width:200px;
      height:320px;
      background: #121212;
      position:relative;
      cursor:pointer;
    }
   
    .intitulé{
      font-family: 'Sedgwick Ave Display', cursive;
      font-size: 21px;
      color: #4D315E;
      padding: 100px 0 0;
      text-align:center;
      overflow:hidden;
      height:100px;
    }
   
    .resultat{
      opacity:0;
      transition: 2s;
      height:120px;
    }
   
    .award:hover .resultat{
      opacity:1;
      transition: 1s;
    }
    .resultat img{
      display: bloc;
      width:200px;
      height:320px;
      position: absolute;
      top:0;
      left:0;
    }
   
    .resultat p{
      background: #121212;
      position: absolute;
      bottom:-35px;
      left:0;
      width:200px;
      height:45px;
      text-align:center;
      font-family: 'Rouge Script';
      font-size: 35px;
      color: #265E65;
    }

J'ai repris les couleurs & polices du design, mais j'ai vu que vous allez changer Petite fiche pour des awards 704839591 Du coup, je te laisse faire les modifications pour ton nouveau thème ! Petite fiche pour des awards 3522390538

Les boites se mettent cote à cote si tu fais pas de retour à la ligne dans l'éditeur de texte de FA Wink
Code:
<div class="award"><div class="intitulé">le personnage <br/>le plus charismatique<br/>...</div><div class="resultat"><img src="https://78.media.tumblr.com/0f92dc8b4eed98a82a9458599e85ab80/tumblr_nx7ixwHe7O1qiiwoqo2_250.png" /><p>Yumi Fujiwara</p></div></div>


& bien sur, tu me dis si ça va pas, si tu veux modifier un truc ou quoi ! Petite fiche pour des awards 1359412293

Petite fiche pour des awards 3846790547
Voir le profil de l'utilisateur
Jamy
Jamy
Codeuse
Merci - Jeu 29 Nov - 13:12
Je transmets à l'équipe et on voit si ça marche ! Merci beaucoup pour le temps passé sur cette demande !
Re: Petite fiche pour des awards - Jeu 29 Nov - 15:29
Super ! N'hésites pas à venir me solliciter directement sur le discord si y'a un souci urgent pour avant votre MAJ, ça serait dommage de pas pouvoir annoncer vos award en grande pompe Wink
Voir le profil de l'utilisateur
Jamy
Jamy
Codeuse
Code award - Jeu 6 Déc - 18:16
Coucou !

Nous avons tenté de mettre ton code en place mais malheureusement le CSS ne fonctionne pas, je ne sais pas si tu peux nous indiquer une subtilité que nous aurions manquée ? Merci encore !
Re: Petite fiche pour des awards - Jeu 6 Déc - 18:33
C'est à dire ? Comment ça, le CSS ne fonctionne pas ? Le hover ne fonctionne pas ? Ou carrément la mise en place des éléments ? Je peux avoir un accès sur votre test ? I love you
Voir le profil de l'utilisateur
Jamy
Jamy
Codeuse
awards - Jeu 6 Déc - 20:15
Je fais le facteur car ce n'est pas moi qui m'occupe du codage interne au forum Razz Le CSS n'est sûrement pas bon d'après elle car quand l'admin a mis le code dans le CSS, ça fait comme si y avait pas de code css, c'est assez surprenant qu'il ne passe pas alors qu'on en a déjà beaucoup de base.
Elle va regarder un peu plus demain, je lui ai donné l'adresse de ce topic, elle te dira mieux que moi, merci en tous cas !
Re: Petite fiche pour des awards - Lun 17 Déc - 10:31
Du coup, ça a été réglé le problème? Je peux archiver ? Smile
Voir le profil de l'utilisateur
Jamy
Jamy
Codeuse
Re: Petite fiche pour des awards -
 
Petite fiche pour des awards
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Une petite aide pour ma fiche technique please
» Je suis sur que j'ai une petite place pour toi -Lena-
» Heike Dar Vendel [FINI]
» Tout et n'importe quoi ! "Floodez moi"
» Y aurait-il une petite place pour moi, ici?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Avada Kedagraph :: Les commandes :: Commande de codes :: Commandes terminées-
Sauter vers: