Des codes, des codes et des amis !
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Multiple boîtes avec scroll

Aller en bas 
AuteurMessage
Aeva
Admin pantouflarde
avatar

Messages : 49
Date d'inscription : 22/04/2014

Feuille de personnage
Personnages:
PersonnagesXPXP
Perso 1
Perso 2

Experience: 0

MessageSujet: Multiple boîtes avec scroll   Mar 18 Juil - 16:13





NOM DU PERSO
Son surnom




Résumé


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec dui arcu. Ut non libero quis nibh convallis varius. Ut lorem sapien, ultrices nec purus eget, lacinia imperdiet eros. Nullam pulvinar lorem ut est imperdiet consequat.

Nom [⋯]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "Sympa, je l'aime bien." ?



Nom [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?



Nom [⋯]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "Sympa, je l'aime bien." ?



Nom [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?



Nom [⋯]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "Sympa, je l'aime bien." ?



Nom [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?

RPs

RPs finits !

Titre du RP avec Machin
Un autre titre avec Bidule chouette
Titre un peu plus long avec Truc
Un exemple avec Truc-muche
Poésie titresque avec Chose
L'inspiration vient à manquer avec Truc-chose
Illustration avec Machin-Chose
Court titre avec Bidule truc

RPs en cours !

MotTitre avec Muchemuche.
Lien ici avec Le loup
Lien ici avec ???



Le HTML de la fiche:
 
La balise style pour le CSS:
 


Dernière édition par Aeva le Mar 6 Fév - 11:14, édité 5 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://aevalabs.forumactif.org
Aeva
Admin pantouflarde
avatar

Messages : 49
Date d'inscription : 22/04/2014

Feuille de personnage
Personnages:
PersonnagesXPXP
Perso 1
Perso 2

Experience: 0

MessageSujet: Re: Multiple boîtes avec scroll   Ven 19 Jan - 15:54




NOM DU PERSO
Son surnom




Résumé


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec dui arcu. Ut non libero quis nibh convallis varius. Ut lorem sapien, ultrices nec purus eget, lacinia imperdiet eros. Nullam pulvinar lorem ut est imperdiet consequat.

Nom [⋯]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "Sympa, je l'aime bien." ?



Nom [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?



Nom [⋯]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "Sympa, je l'aime bien." ?



Nom [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?



Nom [⋯]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "Sympa, je l'aime bien." ?



Nom [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?

RPs

RPs finits !

Titre du RP avec Machin
Un autre titre avec Bidule chouette
Titre un peu plus long avec Truc
Un exemple avec Truc-muche
Poésie titresque avec Chose
L'inspiration vient à manquer avec Truc-chose
Illustration avec Machin-Chose
Court titre avec Bidule truc

RPs en cours !

MotTitre avec Muchemuche.
Lien ici avec Le loup
Lien ici avec ???



Le code HTML de la fiche:
 
La balise style pour le CSS:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://aevalabs.forumactif.org
Aeva
Admin pantouflarde
avatar

Messages : 49
Date d'inscription : 22/04/2014

Feuille de personnage
Personnages:
PersonnagesXPXP
Perso 1
Perso 2

Experience: 0

MessageSujet: Re: Multiple boîtes avec scroll   Mar 6 Fév - 11:15



NOM DU PERSO
Son surnom




Résumé


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec dui arcu. Ut non libero quis nibh convallis varius. Ut lorem sapien, ultrices nec purus eget, lacinia imperdiet eros. Nullam pulvinar lorem ut est imperdiet consequat.

Nom [++ ♥️]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "Sympa, je l'aime bien." ?



Nom [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?



Nom [++ ♥️]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "Sympa, je l'aime bien." ?



Nom [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?



Nom [++ ♥️]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "Sympa, je l'aime bien." ?



Nom [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?

RPs

RPs finits !

Titre du RP avec Machin
Un autre titre avec Bidule chouette
Titre un peu plus long avec Truc
Un exemple avec Truc-muche
Poésie titresque avec Chose
L'inspiration vient à manquer avec Truc-chose
Illustration avec Machin-Chose
Court titre avec Bidule truc

RPs en cours !

MotTitre avec Muchemuche.
Lien ici avec Le loup
Lien ici avec ???





Code:
<center><img src="http://therealrpm.com/Images/Image_600x30.png" class="Aeva-image-hautfiche"><div class="AEVA-repertoire-invisibel"><div class="AEVA-repertoire-boite1">
   
<div class="AEVA-repertoire-titre1">NOM DU PERSO</div><div align="right"><div class="AEVA-repertoire-kaka">Son surnom</div></div><br>
<img src="https://cdn.dribbble.com/users/64965/screenshots/1640990/pastel_background.jpg" width="440" height="200">

<blockquote><div class="AEVA-repertoire-kaka">Résumé</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec dui arcu. Ut non libero quis nibh convallis varius. Ut lorem sapien, ultrices nec purus eget, lacinia imperdiet eros. Nullam pulvinar lorem ut est imperdiet consequat.</blockquote>
    </div><!--------------><div class="AEVA-repertoire-boite2"><img src="https://orig00.deviantart.net/ee08/f/2009/073/e/d/free_red_panda_icon_100x100_by_supertuffpinkpuff.png" align="right" hspace="5"><br>[b]Nom[/b] [++ ♥️]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "[i]Sympa, je l'aime bien.[/i]" ?
<br>
<img src="https://orig00.deviantart.net/ee08/f/2009/073/e/d/free_red_panda_icon_100x100_by_supertuffpinkpuff.png" align="right" hspace="5"><br>[b]Nom[/b] [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?
<br>
<img src="https://orig00.deviantart.net/ee08/f/2009/073/e/d/free_red_panda_icon_100x100_by_supertuffpinkpuff.png" align="right" hspace="5"><br>[b]Nom[/b] [++ ♥️]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "[i]Sympa, je l'aime bien.[/i]" ?
<br>
<img src="https://orig00.deviantart.net/ee08/f/2009/073/e/d/free_red_panda_icon_100x100_by_supertuffpinkpuff.png" align="right" hspace="5"><br>[b]Nom[/b] [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?
<br>
<img src="https://orig00.deviantart.net/ee08/f/2009/073/e/d/free_red_panda_icon_100x100_by_supertuffpinkpuff.png" align="right" hspace="5"><br>[b]Nom[/b] [++ ♥️]
Avis sur le loup en quelques mots, potentiellement même une citation du loup comme "[i]Sympa, je l'aime bien.[/i]" ?
<br>
<img src="https://orig00.deviantart.net/ee08/f/2009/073/e/d/free_red_panda_icon_100x100_by_supertuffpinkpuff.png" align="right" hspace="5"><br>[b]Nom[/b] [⋯]
Avis neutre sur le loup en quelques mots, le ressenti général ou la progression depuis leur première rencontre ?</div> <div class="AEVA-repertoire-boite4"><img src="https://cdn.dribbble.com/users/64965/screenshots/1640990/pastel_background.jpg">
    </div><!-------------><div class="AEVA-repertoire-boite3"><div class="AEVA-repertoire-kaka"><span style="margin-left:15px;">RPs</span></div> <center>
<div class="Aeva-colonne"><div><p>[b]RPs finits ![/b]

<a href="#">Titre du RP</a> avec Machin
<a href="#">Un autre titre</a> avec Bidule chouette
<a href="#">Titre un peu plus long</a> avec Truc
<a href="#">Un exemple</a> avec Truc-muche
<a href="#">Poésie titresque</a> avec Chose
<a href="#">L'inspiration vient à manquer</a> avec Truc-chose
<a href="#">Illustration</a> avec Machin-Chose
<a href="#">Court titre</a> avec Bidule truc</p></div><div><p>[b]RPs en cours ![/b]

<a href="#">MotTitre</a> avec Muchemuche.
<a href="#">Lien ici</a> avec Le loup
<a href="#">Lien ici</a> avec ???</p></div></center></div></div></center>

<style type="text/css"> .AEVA-repertoire-invisibel {line-height:13px;font-family:arial;font-size:12px;width:730px;height:auto;background:transparent;text-align:left;} .AEVA-repertoire-invisibel ::-webkit-scrollbar {background: #CDCDCD;width: 4px;border-radius: 5px 5px 5px 5px;} .AEVA-repertoire-invisibel ::-webkit-scrollbar-thumb {background: #FFF;border-radius: 5px 5px 5px 5px;} .AEVA-repertoire-boite1 {width:440px;height:530px; background: #f2f2f0;border-top:5px solid #b8d0cd;padding:0px;display:inline-block;vertical-align:top;}  .AEVA-repertoire-boite2 {width:260px; height:500px; background: url("https://data.whicdn.com/images/210525807/large.jpg");padding:15px;display:inline-block;overflow:auto;vertical-align:top;border-top:5px solid #b8d0cd;} .AEVA-repertoire-boite3 {width:600px; height:150px; background: #ede3ee;padding:15px;display:inline-block;vertical-align:top;border-bottom:5px solid #b8d0cd;} .AEVA-repertoire-boite4 {border-bottom: 5px solid #b8d0cd;width:100px;height:180px;padding:0px;overflow: hidden;background:#336699;display:inline-block;vertical-align:top;} .AEVA-repertoire-titre1 {font-size:65px;font-style:italic;text-shadow: 1px 1px 3px #000;letter-spacing:2px;color:#000;transition: ease 1s;margin-top:-40px;margin-right:70px;float:right;font-family: 'Bigelow Rules', cursive;} .AEVA-repertoire-titre1:hover {letter-spacing:6px;} .AEVA-repertoire-kaka {font-size:40px;font-style:italic;text-shadow: 1px 1px 3px #000;letter-spacing:1px;transition: ease 1s;font-family: 'Smythe', cursive;margin-right:12px;} .AEVA-repertoire-kaka:hover {letter-spacing:3px;} .Aeva-colonne {width:590px;height:130px;} .Aeva-colonne div {display:inline-block;overflow:auto;width:295px;height:110px;} .Aeva-colonne p {padding:10px;text-align:justify;} .Aeva-image-hautfiche {margin-bottom:-100px}</style>
<link href="https://fonts.googleapis.com/css?family=Bigelow+Rules|Smythe" rel="stylesheet">
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://aevalabs.forumactif.org
Contenu sponsorisé




MessageSujet: Re: Multiple boîtes avec scroll   

Revenir en haut Aller en bas
 
Multiple boîtes avec scroll
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Gros Mek avec CFK et Krameur
» Avec ce projet, Alexis pourra donner 100,000 emplois permanents aux Haitiens
» Une Danse avec l'Ange Démoniaque, Nyx Hela
» perdu avec sa veste [PUBLIC]
» Truck terminé! C'est un Véhicule volé avec Obuzier! Kaboum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Aeva's labs :: ★ Les codes libres d'utilisation. :: Fiches de répertoire.-
Sauter vers: