| Jeu 29 Nov - 11:00 | | Salut les copains !
Comme d'habitude, j'ai eu une idée un peu con, et ce serait cool d'en faire un p'tit sujet Imaginons un instant que nos personnages aient un compte Tinder... Quelles photos mettraient-ils ? Quels textes ajouteraient-ils à leur profil ? Feraient-ils les fautes, 3000000 smileys, ce genre de choses ?
Et vous ? Enfin, vos personnages ? Next-ils le profil que vous voyez ? Ou bien vous le matchez ? N'hésitez pas à le dire ! Qui sait ? Peut-être que ça donnera naissance à quelque chose
Pour la présentation du profil Tinder, déjà, j'sais plus à quoi ressemble un profil Tinder Et en plus, j'ai pas trouvé de codage qui y correspondent. Du coup comme on est comme chez papi mamie, on va bidouiller. Et j'vous propose ce moodboard codé par Azuriel pour les photos, et on écrit le texte du profil à la one again à bistoufly. Promis, si je tombe sur mieux, je vous le dis Le codage du moodboard est là, mais hésitez pas à aller remercier la créatrice sur PRD ! :D ENJOY !
- Code:
-
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"> <style>.imgblock{height:150px; width:150px; padding:10px; border: 1px solid #D8D8D8; background-color:#fff; overflow:hidden;} .imgblock img{max-width: 150px; clip: rect(0px,150px,150px,0px); position: absolute;} .overbis{height:150px; width:150px; overflow:hidden;} .titremood{text-transform:uppercase; font-size:24px; text-align:center; font-weight:bold; font-family: 'Oswald', sans-serif; color:#959595; letter-spacing:2px;} .credit{font-size:9px;}</style> <center><div class="titremood">Titre</div> <table><tr><td><div class="imgblock"><div class="overbis"><img src="https://78.media.tumblr.com/8cf0ee125ee393a33c64094d384bf751/tumblr_o1yg5lQ7UG1txdtmyo1_1280.jpg" /></div></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/a0/c3/c6/a0c3c63ab554b2604d0c978a597950ef.jpg" /></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/0f/fa/0b/0ffa0b4c4ac2c2a9390c48843ed4ed10.jpg" /></div></td></tr><tr><td><div class="imgblock"><div class="overbis"><img src="https://78.media.tumblr.com/8cf0ee125ee393a33c64094d384bf751/tumblr_o1yg5lQ7UG1txdtmyo1_1280.jpg" /></div></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/a0/c3/c6/a0c3c63ab554b2604d0c978a597950ef.jpg" /></div></td><td><div class="imgblock"><img src="https://i.pinimg.com/564x/0f/fa/0b/0ffa0b4c4ac2c2a9390c48843ed4ed10.jpg" /></div></td></tr></table> <div class="credits">code par .nyx</div></center> |
|