:: Administration :: Règlement & Co :: Points importants Voir le sujet précédent Voir le sujet suivant Aller en bas

x Galerie de codes

avatar
Exile
Save the lamas
Messages : 122
Date d'inscription : 02/06/2017
Age : 20
Voir le profil de l'utilisateur
Mar 15 Aoû - 12:03

Petit bottin de codes
par Exile

Galerie
@Exile / Shalynia
Ressources utiles

Bien que le projet soit encore à ses prémisses, Exile a commencé à constituer pour vous une galerie de codes en libre service, à utiliser aussi bien pour vos fiches de relation que pour vos rp. Quelques-un sont personnels, mais la plupart proviennent de sites de libres services anglais, qui ne sont pas forcément connus ou qui comportent trop de codes pour être intéressants. Vous trouverez donc ces codes dans plusieurs galeries thématiques dédiées.

[Le projet est très long mais encore en cours de construction. Plus de 300 codes devraient être proposés au final ; si vous voulez proposer un code ou donner un coup de main, n'hésitez pas !]

Description du projet

Le projet a été créé par Shalynia sur codepen.io. Il sépare les codes entre six différentes galeries : les fiches de relation, les images de relation, les fiches réponses, les fiches de présentation, les signatures et les codes divers. L'ensemble de ces codes est libre de droit, c'est à dire que leurs créateurs autorisent leur réutilisation. Le plus souvent, ils autorisent également la modification légère de leur code (couleurs, formes, etc.) à condition que vous ne retirez pas les crédits.

Les auteurs sont soigneusement crédités sur chaque code, il ne s'agit en aucun cas de me les approprier. Merci de le respecter et de conserver à votre tour le crédit ! Le plagiat, ça tue des lamas.

Liens des galeries

☆ Fiches de relation [8]
☆ Images de relation [7]
☆ Fiches réponse [7]
☆ Fiches de présentation [4]
☆ Signatures [4]
☆ Codes divers[4]

Comment utiliser un code de la galerie ?

Forumactif étant une plateforme très sympathique légèrement capricieuse, vous devez utiliser un compresseur html (je vous propose celui-ci) afin d'importer votre code sur le forum. Vous pouvez précédemment le modifier directement sur codepen.io (le modifier sur votre écran n'apportera pas la modification du code original.) Suite à quoi, vous ouvrez votre compresseur, vous copiez votre html, collez le résultat dans votre page forumactif, puis répétez l'opération avec le css, qui, lui, doit être placé entre les balises suivantes : <*style type="text/css"><*/style> [sans les étoiles]

Votre code devrait alors ressembler à ceci :


Code:
<!-- HTML --> <div id='missytutsig'> <div class='missytutsh1'></div> <div class='missytutsh2'></div> <div class='missytutim'> <img src='http://placehold.it/100' style='border-radius: 100%; object-fit: cover;'> </div> <div class='missytutlinks'> <a href='LIEN'><i class="fa fa-code" aria-hidden="true"></i></a> <a href='LIEN'><i class="fa fa-diamond" aria-hidden="true"></i></a> <a href='LIEN'><i class="fa fa-tachometer" aria-hidden="true"></i></a> <a href='LIEN'><i class="fa fa-star" aria-hidden="true"></i></a></div>

<!-- CSS --> <style type="text/css">#missytutsig { width: 300px; height: 100px; padding: 25px; background: #fff; border: 15px solid #fff; margin: 10px auto; position: relative; overflow: hidden;}#missytutsig br { display: none; }.missytutsh1 { width: 150px; height: 600px; background: #89d6d0; position: absolute; top: -220px; left: -80px; -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg);}.missytutsh2 { width: 150px; height: 600px; background: #db1225; position: absolute; top: -100px; left: 50px; -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg);}.missytutim { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100px; width: 100px; border-radius: 100%; background: #fff; padding: 15px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s;}.missytutim:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg);}.missytutlinks { width: 100px; height: 20px; position: absolute; top: 125px; left: 250px; opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s;}#missytutsig:hover .missytutlinks {opacity: 1;}.missytutlinks a { display: inline-block; float: left; width: 15px; height: 15px; margin-left: 7px; text-align: center; text-decoration: none; font: normal bold 15px/30px calbri; color: #fff; cursor: crosshair;}</style>


Encore une fois, merci de ne pas retirer les crédits ! Ça pourrait tuer des lamas.

Crédits

© Shalynia, présente sur Quorl (staff), Doucereuse Agonie, Insomnia et Exanthrop. Pour toute information ou demande d'aide, vous pouvez me contacter sur le discord Shalynia#7318

Je remercie comme il se doit les forums de Libre-Service utilisés ici, qui font un formidable travail et des formidables codes, à savoir :

☆ Shine
☆ Sonder
☆ .Candyland Couture
☆ Divide
☆ Adoxography (v2)
☆ Caution to the wind
☆ ShadowPlay
☆ We code

Galerie ©Shalynia


Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Q U O R L :: Administration :: Règlement & Co :: Points importants-
Sauter vers: