Formulaire de fiches
Le grand chef
Messages : 2201
LES FORMULAIRES
PARCE QUE CODER C'EST FUN
Spoiler: pas trop en vrai, c'est à en perdre les cheveux
01 LES FORMULAIRES
Comme c'est un forum comme au bon vieux temps, on ne met pas de formulaire de fiche de lien à disposition. Tout est libre pour vous, que ce soit une fiche de lien, ou juste une fiche de rp pour celleux qui aiment pas en faire parce qu'iels ne la mettent pas à jour. Vous pouvez faire:- une playist,
- un journal
- une fiche de lien
- une fiche de rp
- etc
02 CODES EN LS
Il y a à disposition les forums qui proposent du codage en libre service. Nous vous le partageons comme ça vous ne pataugez pas en recherche.- Bazzart: faut avoir un compte, bien que le forum soit fermé il y a quelques fiches en libre accès.
- Code Cosmo: la personne propose tout un panel de code possible, mais faites attention à bien lire les consignes jusqu'au bout pour mieux convertir le code HTML et CSS. Il y a un outil qui aidera à cela !
- CCCrush: pas besoin d'inscription pour pouvoir piocher dans les codes, vous pouvez trouver votre bonheur !
- Epicode, mais il faut s'inscrire et se présenter avant de pouvoir accéder aux codes libre-service.
- Agora: pas besoin d'inscription pour pouvoir piocher dans les codes, vous pouvez trouver votre bonheur !
- Pub rpg Design: faut être inscrit pour accéder à leurs codes en libre service !
- etc. N'hésitez pas si vous avez un autre forum qui propose en libre service pour que l'on puisse mettre à jour la fiche !
03 POUR CEUX QUI ONT LA FLEMME
Si vous n'aimez pas chercher, je vous ai sélectionné une fiche de lien au hasard que vous pouvez trouver à la suite du poste !
FORMULAIRE CRÉÉ PAR ICE AND FIRE. (2022)
Le grand chef
Messages : 2201
Titre du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
Titre du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
Titre du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
Titre du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
Titre du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
Titre du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
Titre du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
Pseudo du membre
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt.
Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt.
Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt.
- Code:
<div class="a0"><div class="ae"></div><div class="af"></div>
<div class="im0"><img src="https://zupimages.net/up/20/08/1ier.png" class="im" /></div><!--
--><div class="ag"><span class="pza">Titre du lien - </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
<span class="pza">Titre du lien - </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
<span class="pza">Titre du lien - </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.
<span class="pza">Titre du lien - </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.</div><!--
--><div class="ah"><span class="tt">Pseudo du membre</span></div><!--
--><div class="cr"><a class="cra" href="https://agora-ls.forumactif.com/" target="_blank">Agora</a></div><!--
--><div class="tio">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt.
Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. </div>
</div>
<style>@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400|Bebas+Neue&display=swap'); .a0 {width: 565px; height: 500px; margin: auto; overflow: hidden; line-height: 15px;} .ae {background-color: #EEEEEE; width: 165px; height: 500px;} .af {background-color: #979797; width: 398px; height: 500px; position: relative; top: -500px; left: 165px;} .im0 {width: 290px; padding: 15px; background-color: #979797; border: 1px solid #FFF; position: relative; top: -920px; left: 15px;} .im {border: 10px solid #FFF;} .ag {background-color: #FFF; width: 175px; height: 302px; overflow: auto; padding: 10px; position: relative; top: -1242px; left: 351px; font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-color: #404040; line-height: 13px;} .ag::-webkit-scrollbar {width: 2px; height: 10px; background-color: #EEEEEE;} .ag::-webkit-scrollbar-track {background-color: #EEEEEE;} .ag::-webkit-scrollbar-thumb {background-color: #FFF; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .ah {font-family: 'Bebas Neue', cursive; color: #FFF; position: relative; top: -1600px; left: 193px;} .tt {font-size: 48px;} .cr {font-family: 'Barlow Condensed', sans-serif; font-size: 10px; position: relative; top: -1210px; left: 500px; color: #FFF;} .tio {width: 250px; height: 250px; background-color: #FFF; overflow: auto; padding: 10px; font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-color: #404040; line-height: 13px; position: relative; top: -1568px; left: 41px; opacity: 0; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear;} .tio:hover {opacity: 1; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear;} .tio::-webkit-scrollbar {width: 2px; height: 10px; background-color: #EEEEEE;} .tio::-webkit-scrollbar-track {background-color: #EEEEEE;} .tio::-webkit-scrollbar-thumb {background-color: #FFF; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .pza {font-family: 'Bebas Neue', cursive; font-size: 14px; display: block; color: #404040;} a.cra{color: #fff; opacity: 0.7; font-size: 12px;} a.cra:hover{color: #fff; opacity: 1}</style>
|
|