janv. 20

Code pour un journal intime

0 commentaire

Modifié :  janv. 20

Voici un code pour un journal intime !

 

 

 

Voici le code du Journal intime :

 

<link href="https://fonts.googleapis.com/css?family=Great+Vibes"https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" />  
<center>
	                                                                                
	<div style="width:650px;background-color: #121212 ;border: 3px solid; #7A643D;border-radius:40px;margin:0px;padding-bottom:25px;padding:25px;font-size:12px;font-family: times;text-align:center;color:#858585;"#7A643D;border-radius:40px;margin:0px;padding-bottom:25px;padding:25px;font-size:12px;font-family: times;text-align:center;color:#858585;">
<br />  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />                                            
		<center><div style="width:620px ;box-shadow:0px 0px 9px  #2EA6AA ;border-radius:20px;padding-bottom:4px;padding:4px;font-size:35px;text-shadow:0px 0px 4px #53B8A7;font-family:'Great Vibes',serif;color: #D6491E ;text-align:center;"#2EA6AA ;border-radius:20px;padding-bottom:4px;padding:4px;font-size:35px;text-shadow:0px 0px 4px #53B8A7;font-family:'Great Vibes',serif;color: #D6491E ;text-align:center;">

Journal Intime du Lorem Ipsum

</div></center>
<br /><br />

		<div style="width:300px;border-bottom:1px solid #286668;margin-left:-28px;margin-right:-28px;margin-bottom:-30px;padding:-60px;font-size:27px;text-shadow:0px 0px 4px #black;font-family:'Great Vibes',serif;color:#286668; text-align:center;"#black;font-family:'Great Vibes',serif;color:#286668; text-align:center;">
Prologue
		</div><br />     
                         
		<center><div style="width:500px;height:auto;background-color:#1A1A1A;font-size:12px;font-family: times;text-align:justify;color:#858585;margin-left:15px;margin-top:15px;padding-bottom:15px;padding:15px;overflow:auto;border: 1px solid;border-color:#286668"#1A1A1A;font-size:12px;font-family: times;text-align:justify;color:#858585;margin-left:15px;margin-top:15px;padding-bottom:15px;padding:15px;overflow:auto;border: 1px solid;border-color:#286668">


Mettez ici votre texte. Pensez à remplacer les retours à la ligne par un <br /> dans le texte.


<br />  <br /> </div></center>
<br /><br /> </div></center>

 

Derniers posts
  • Vous n'avez pas d'idées ? Vous avez envie de nous rejoindre mais ne savez pas du tout quel type de personnage faire ? Quoi jouer ? Comment le jouer ? Avec quels buts ? Ce n'est pas un souci, puisque vous pouvez à tout instant choisir de piocher un concept de personnage. C'est simple, un concept est la base d'un personnage. Il comprend une idée générale et un but, mais tout le reste est encore à créer. C'est-à-dire que vous devrez encore lui offrir une vie, des sentiments, des émotions, une apparence, une histoire. Je vous aide pour le concept mais le personnage reste à votre création. Du coup, à la suite de ce message, vous pourrez trouver une liste de concepts. Les noms, âges, apparences, sexes, CM, sont tout à fait adaptables (sauf contre-indication quand c'est important pour le personnage en question). A vous de jouer ? Liste des concepts : (les prénoms sont plutôt à titre indicatif) Simplement invités des mondes : Vanessa (libre) Lana (libre) Appartenant à l'ASG : Jules (libre) Paula (libre) Appartenant aux Cavaliers du Nil : Aleksandre (libre) ... Appartenant à la Secte : Edmonde (libre) ...
  • En tout premier lieu, n'oubliez pas de copier-coller vos textes à côté car le forum a tendance à bugger ! Ce serait dommage de perdre tout votre travail. Ça y est, vous êtes inscrit, vous êtes en phase test, et là, on vous parle de "poster votre fiche". C'est bien beau, mais comment ça marche ? Tout bêtement, ça se passe sur cette catégorie "Personnages". A la suite de ce message, il y a un gros code html un peu illisible. Copiez-le, collez-le dans un document à côté. Remplissez les champs en gras-souligné dans le code (collez votre fiche dedans, en clair). Quand vous avez fini de remplir ce qu'il faut, retournez sur le site. Cliquez sur la rubrique à votre nom, et ensuite, faites "créer un post". Donnez un titre à votre post ("Fiche de Michel" par exemple). Vous pouvez écrire un petit texte à la main avant, si vous le souhaitez. Ensuite, pour poster votre fiche htlm, il s'agit de cliquer sur le petit bouton </>. Ça va vous afficher un rectangle. Le premier icon qui apparait est un petit crayon avec un +. Cliquez dessus. Collez votre html dans la boîte qui s'ouvre. Cliquez sur update. N'oubliez pas d'augmenter la hauteur, en cliquant sur "Height", les flèches verticales. Une hauteur de 1800px devrait être suffisante. Maintenant que vous savez comment faire, à vous de jouer ! <link href=" https://fonts.googleapis.com/css?family=Great+Vibes " rel="stylesheet" /> <center> <div style="width:650px;background-color: #121212 ;border: 3px solid; #7A643D ;border-radius:40px;margin:0px;padding-bottom:25px;padding:25px;font-size:12px;font-family: times;text-align:center;color:#858585;"> <br /> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <center><div style="width:620px ;box-shadow:0px 0px 9px #2EA6AA ;border-radius:20px;padding-bottom:4px;padding:4px;font-size:35px;text-shadow:0px 0px 4px #53B8A7 ;font-family:'Great Vibes',serif;color: #D6491E ;text-align:center;"> Fiche de Prénom </div></center> <br /> <br /> <div style="width:300px;border-bottom:1px solid #286668;margin-left:-28px;margin-right:-28px;margin-bottom:-30px;padding:-60px;font-size:27px;text-shadow:0px 0px 4px #black ;font-family:'Great Vibes',serif;color:#286668; text-align:center;"> Informations générales </div><br /> <center><table> <td> <div style="width:200px;height:150px;background-color:#080300;margin-top:15px;margin-left:15px;"> <img src=" Insérez ici le lien hypertexte d'une image de 200*150px. N'oubliez pas d'encadrer le lien par les petits apostrophes sinon ça ne marchera pas! ";align:left;> </div> </td> <td> <div align="right";> <div style="width:310px;height:150px;background-color: #1A1A1A ;font-size:12px;font-family: times;text-align:justify;color:#858585;margin-left:10px;margin-top:15px;overflow:auto;"> <center> <br /><strong>Nom & Prénom :</strong> Nom & prénom du perso <br /><strong>Surnom :</strong> Surnom du perso <br /><strong>Âge et Date de Naissance :</strong> xx ans, né le xx/xx/xxxx <br /><strong>Date d'inscription :</strong> xx/xx/xxxx <br /><strong>Avatar :</strong> Le nom de l'acteur, artiste, personnage, oeuvre qui représente votre personnage. <br /> </center> </div> </div> </td> </tr> </table></center> <br /><br /> <div style="width:300px;border-bottom:1px solid #286668;margin-left:-28px;margin-right:-28px;margin-bottom:-30px;padding:-60px;font-size:27px;text-shadow:0px 0px 4px #black ;font-family:'Great Vibes',serif;color:#286668; text-align:center;"> Description physique </div><br /> <center><div style="width:500px;height:150px;background-color: #1A1A1A ;font-size:12px;font-family: times;text-align:justify;color:#858585;margin-left:15px;margin-top:15px;padding-bottom:15px;padding:15px;overflow:auto;border: 1px solid;border-color:#286668"> Collez ici votre description physique. <br /> <br /> </div></center> <br /><br /> <div style="width:300px;border-bottom:1px solid #286668;margin-left:-28px;margin-right:-28px;margin-bottom:-30px;padding:-60px;font-size:27px;text-shadow:0px 0px 4px #black ;font-family:'Great Vibes',serif;color:#286668; text-align:center;"> Psychologie </div><br /> <center><div style="width:500px;height:150px;background-color: #1A1A1A ;font-size:12px;font-family: times;text-align:justify;color:#858585;margin-left:15px;margin-top:15px;padding-bottom:15px;padding:15px;overflow:auto;border: 1px solid;border-color:#286668"> Collez ici votre description psychologique. <br /> <br /> </div></center> <br /><br /> <div style="width:300px;border-bottom:1px solid #286668;margin-left:-28px;margin-right:-28px;margin-bottom:-30px;padding:-60px;font-size:27px;text-shadow:0px 0px 4px #black ;font-family:'Great Vibes',serif;color:#286668; text-align:center;"> Histoire </div><br /> <center><div style="width:500px;height:150px;background-color: #1A1A1A ;font-size:12px;font-family: times;text-align:justify;color:#858585;margin-left:15px;margin-top:15px;padding-bottom:15px;padding:15px;overflow:auto;border: 1px solid;border-color:#286668"> Collez ici votre texte d'histoire. <br /> <br /> </div></center> <br /><br /> <div style="width:300px;border-bottom:1px solid #286668;margin-left:-28px;margin-right:-28px;margin-bottom:-30px;padding:-60px;font-size:27px;text-shadow:0px 0px 4px #black ;font-family:'Great Vibes',serif;color:#286668; text-align:center;"> Corpus Mechanica </div><br /> <center><div style="width:500px;height:auto;background-color: #1A1A1A ;font-size:12px;font-family: times;text-align:justify;color:#858585;margin-left:15px;margin-top:15px;padding-bottom:15px;padding:15px;border: 1px solid;border-color:#286668"> <br />☼ Aptitudes <br />AG : x | CONN : x | END : x | FOR : x | PER : x | IMP : x | SAFA : x | BAT : x | CONT : x | VIS : x <br /><br />☼ Spécialités <br />« Spécialité » (APT) •R <br />« Spécialité » (APT) •R <br />« Spécialité » (APT) •R <br />« Spécialité » (APT) •R <br /><br />☼ Atouts <br />« Nom atout » (C/c de la description) •Pts <br />« Nom atout » (C/c de la description) •Pts <br />« Nom atout » (C/c de la description) •Pts <br /> <br /> </div></center><br /> <br /> <center> <img src=" Insérez ici le lien hypertexte d'une image de 650px de large maximum. N'oubliez pas d'encadrer le lien par les petits apostrophes sinon ça ne marchera pas! " /> </center><br /><br /> <center> <em><br /><span style="color: #003366;">« Insérez ici une quote random ! »</span></em> </center> </div> </center>

© Créé par le Faiseur de Mondes le 23 Mars 2016. Lancement du site le 20/08/2018.

Mentions légales et crédits images du site en suivant ce lien : www

This site was designed with the
.com
website builder. Create your website today.
Start Now