Avada KedagraphConnexion

descriptionPetite fiche pour des awards

more_horiz
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 :
intitulé
abstract.
patronyme
intitulé
abstract.
patronyme

intitulé
abstract.
patronyme
intitulé
abstract.
patronyme

carnavage

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 !

fiche réalisée par laxy

descriptionRe: Petite fiche pour des awards

more_horiz
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

descriptionmerci

more_horiz
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 !

descriptionRe: Petite fiche pour des awards

more_horiz
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 Du coup, je te laisse faire les modifications pour ton nouveau thème !

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 !

descriptionMerci

more_horiz
Je transmets à l'équipe et on voit si ça marche ! Merci beaucoup pour le temps passé sur cette demande !

descriptionRe: Petite fiche pour des awards

more_horiz
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

descriptionCode award

more_horiz
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 !

descriptionRe: Petite fiche pour des awards

more_horiz
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

descriptionawards

more_horiz
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 !

descriptionRe: Petite fiche pour des awards

more_horiz
reply Répondre avec l'éditeur complet.
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum