Mise en forme des messages : petite aide !

Voir le sujet précédent Voir le sujet suivant Aller en bas

Tetsuko
Masutā ♕ マスター
Messages : 709
Date d'inscription : 04/02/2016
Age : 21
Localisation : Paris
Voir le profil de l'utilisateur http://nihon-ga-suki.forumactif.org

Mise en forme des messages : petite aide !

Message par Tetsuko le Mer 4 Mai - 20:17

Parfois le forum n'offre pas des possibilités de mises en pages très propre, c'est pourquoi je vous ai préparé quelques petits bout de code pour faire une mise en page un peu plus propre sur le fofo pour ceux qui en ont envie ! 


Explication : Vous trouverez un aperçu du code et en dessous le code en lui même.
Pour les balises < img src=" le lien ici " > il faudra mettre le lien de l'image entre les " " Smile Si vous avez des questions, demandez moi sur le slack ! happy


Les Titres :


Titre 1


Titre 2


Titre 3



Code:

[h2]Titre 1[/h2]
[h3]Titre 2[/h3]
[h4]Titre 3[/h4]


Messages :




Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.



Code:

<div class="info_02 jaune">
<i class="fa fa-info-circle" aria-hidden="true"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.</p></div>



Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.



Code:

<div class="info_02 red">
<i class="fa fa-exclamation-circle" aria-hidden="true"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.</p></div>



Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.



Code:

<div class="info_02 blue">
<i class="fa fa-check-circle" aria-hidden="true"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.</p></div>



Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.



Code:

<div class="info_02 red">
<i class="fa fa-times-circle" aria-hidden="true"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.</p></div>



Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.



Code:

<div class="info_02 blue">
<i class="fa fa-question-circle" aria-hidden="true"></i>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.</p></div>

Messages (ancienne mise en forme):


Spoiler:




  Message important
 
 

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga totam officiis nesciunt, dolor placeat similique voluptates perspiciatis consectetur! Ut repellendus, veritatis sint a quo impedit blanditiis natus facilis vitae porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum facilis omnis sunt, deserunt cum cumque delectus sed officiis, nulla in, molestiae atque illo doloremque voluptate voluptas consectetur iusto, voluptatibus doloribus.


 


Code:

<div class="important">

  <strong><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Message important</strong>
  
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga totam officiis nesciunt, dolor placeat similique voluptates perspiciatis consectetur! Ut repellendus, veritatis sint a quo impedit blanditiis natus facilis vitae porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum facilis omnis sunt, deserunt cum cumque delectus sed officiis, nulla in, molestiae atque illo doloremque voluptate voluptas consectetur iusto, voluptatibus doloribus.</p>
  
</div>




  Message
 
 

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga totam officiis nesciunt, dolor placeat similique voluptates perspiciatis consectetur! Ut repellendus, veritatis sint a quo impedit blanditiis natus facilis vitae porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum facilis omnis sunt, deserunt cum cumque delectus sed officiis, nulla in, molestiae atque illo doloremque voluptate voluptas consectetur iusto, voluptatibus doloribus.


 



Code:

<div class="infos">

  <strong><i class="fa fa-comment" aria-hidden="true"></i> Message</strong>
  
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga totam officiis nesciunt, dolor placeat similique voluptates perspiciatis consectetur! Ut repellendus, veritatis sint a quo impedit blanditiis natus facilis vitae porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum facilis omnis sunt, deserunt cum cumque delectus sed officiis, nulla in, molestiae atque illo doloremque voluptate voluptas consectetur iusto, voluptatibus doloribus.</p>
  
</div>



  Note
 
 

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga totam officiis nesciunt, dolor placeat similique voluptates perspiciatis consectetur! Ut repellendus, veritatis sint a quo impedit blanditiis natus facilis vitae porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum facilis omnis sunt, deserunt cum cumque delectus sed officiis, nulla in, molestiae atque illo doloremque voluptate voluptas consectetur iusto, voluptatibus doloribus.


 



Code:

<div class="notes">

  <strong><i class="fa fa-sticky-note" aria-hidden="true"></i> Note</strong>
  
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga totam officiis nesciunt, dolor placeat similique voluptates perspiciatis consectetur! Ut repellendus, veritatis sint a quo impedit blanditiis natus facilis vitae porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum facilis omnis sunt, deserunt cum cumque delectus sed officiis, nulla in, molestiae atque illo doloremque voluptate voluptas consectetur iusto, voluptatibus doloribus.</p>
  
</div>



Citation:



 

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.



Code:
<div class="info_02 blue">
<i class="fa fa-quote-left" aria-hidden="true"></i> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, et, recusandae. Fuga consequuntur est, quisquam excepturi eaque provident laudantium veritatis blanditiis eveniet. Ex, magni sunt ratione, ipsam voluptas officiis eum.</p></div>



Ancien mise en forme :

Spoiler:



Auteur de la citation

Le texte ici. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod modi quisquam nulla, facilis reiciendis? Est nihil iure laboriosam amet impedit! Porro nesciunt ratione, expedita quas, delectus enim aut corporis fugiat.





Code:


<div class="cit">
<i class="fa fa-quote-left" aria-hidden="true"></i> <span class="author">Auteur de la citation</span>
<p>Le texte ici. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod modi quisquam nulla, facilis reiciendis? Est nihil iure laboriosam amet impedit! Porro nesciunt ratione, expedita quas, delectus enim aut corporis fugiat.</p>
<div style="clear:both"></div>
</div>




Liste




Une liste (exemple utilisé pour un règlement)
 

     
  • Etape 1 : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, sunt expedita dolorum accusamus, quidem error magni repellendus repellat dolorem voluptatibus reprehenderit sequi omnis consequuntur, minus labore! Consequuntur laudantium, ad quidem.

  •  
  • Etape 2 : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, sunt expedita dolorum accusamus, quidem error magni repellendus repellat dolorem voluptatibus reprehenderit sequi omnis consequuntur, minus labore! Consequuntur laudantium, ad quidem.

  •  
  • Etape 3 : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, sunt expedita dolorum accusamus, quidem error magni repellendus repellat dolorem voluptatibus reprehenderit sequi omnis consequuntur, minus labore! Consequuntur laudantium, ad quidem.


 


Code:

<div class="liste">
<strong>Une liste (exemple utilisé pour un règlement)</strong>
  
 <ul>
   <li><strong>Etape 1 </strong>: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, sunt expedita dolorum accusamus, quidem error magni repellendus repellat dolorem voluptatibus reprehenderit sequi omnis consequuntur, minus labore! Consequuntur laudantium, ad quidem. </li>
   <li><strong>Etape 2 </strong>: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, sunt expedita dolorum accusamus, quidem error magni repellendus repellat dolorem voluptatibus reprehenderit sequi omnis consequuntur, minus labore! Consequuntur laudantium, ad quidem. </li>
   <li><strong>Etape 3 </strong>: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, sunt expedita dolorum accusamus, quidem error magni repellendus repellat dolorem voluptatibus reprehenderit sequi omnis consequuntur, minus labore! Consequuntur laudantium, ad quidem. </li>
 </ul>
  
</div>


D'autres à venir ...


Dernière édition par Tetsuko le Sam 28 Mai - 16:35, édité 20 fois

Revenir en haut Aller en bas

Tetsuko
Masutā ♕ マスター
Messages : 709
Date d'inscription : 04/02/2016
Age : 21
Localisation : Paris
Voir le profil de l'utilisateur http://nihon-ga-suki.forumactif.org

Re: Mise en forme des messages : petite aide !

Message par Tetsuko le Mer 4 Mai - 20:58

Texte sous trois colonnes




 

 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
 

   

 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
 

   

 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
 

 


Code:

<div class="trois-col">

  <div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
  </div>
    <div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
  </div>
    <div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
  </div>
  
</div>


Texte sous deux colonnes




 

 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi.
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur tempora voluptatibus repudiandae, tempore ratione nemo expedita architecto quos repellendus eligendi numquam magni, non. Molestias vel quaerat, ab. Cumque, dolores, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis nisi excepturi ducimus assumenda dolore. Deserunt eaque obcaecati doloremque qui animi totam necessitatibus minima soluta, autem rem, deleniti nam facilis? Omnis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam error aperiam eos provident nisi dignissimos, rerum, veniam facilis tempore recusandae itaque, tenetur iste similique modi quod. Dolores ad, in eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id eligendi alias sapiente provident aspernatur soluta recusandae maxime nam odio itaque, neque perferendis laborum rem error, libero sint accusantium, cumque vitae. consequatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos quis ab id, aliquam est neque velit saepe voluptas ad ducimus! Sint, veritatis neque. Laudantium natus, aut delectus excepturi mollitia assumenda.
 

 
   

 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab blanditiis iste doloremque iure quas magnam voluptate, expedita? Numquam quae atque nostrum vel et aspernatur, sed, laboriosam nulla dignissimos veniam velit.
 

   
 


Code:

<div class="deux-col">

  <div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur tempora voluptatibus repudiandae, tempore ratione nemo expedita architecto quos repellendus eligendi numquam magni, non. Molestias vel quaerat, ab. Cumque, dolores, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis nisi excepturi ducimus assumenda dolore. Deserunt eaque obcaecati doloremque qui animi totam necessitatibus minima soluta, autem rem, deleniti nam facilis? Omnis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam error aperiam eos provident nisi dignissimos, rerum, veniam facilis tempore recusandae itaque, tenetur iste similique modi quod. Dolores ad, in eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id eligendi alias sapiente provident aspernatur soluta recusandae maxime nam odio itaque, neque perferendis laborum rem error, libero sint accusantium, cumque vitae. consequatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos quis ab id, aliquam est neque velit saepe voluptas ad ducimus! Sint, veritatis neque. Laudantium natus, aut delectus excepturi mollitia assumenda.
  </div>
  
    <div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ab rem nihil excepturi non dicta est illo quam, cumque fugit magnam odit animi nulla deleniti iusto numquam, nisi doloribus labore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab blanditiis iste doloremque iure quas magnam voluptate, expedita? Numquam quae atque nostrum vel et aspernatur, sed, laboriosam nulla dignissimos veniam velit.
  </div>
    
  
</div>


Images sous deux colonnes



[Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image]


Attention ! Il ne faut pas mettre d'espaces ni de retour à la ligne entre les < img > sinon ça ne va pas fonctionner Sad

Code:
<div class="deux-col inline"><img src="http://fs02.androidpit.info/a/b0/0f/how-to-draw-manga-b00fd8-h900.jpg" alt="" /><img src="http://fs02.androidpit.info/a/b0/0f/how-to-draw-manga-b00fd8-h900.jpg" alt="" /></div>


[Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image]


Code:


<div class="trois-col inline"><img src="http://fs02.androidpit.info/a/b0/0f/how-to-draw-manga-b00fd8-h900.jpg" alt="" /><img src="http://fs02.androidpit.info/a/b0/0f/how-to-draw-manga-b00fd8-h900.jpg" alt="" /><img src="http://fs02.androidpit.info/a/b0/0f/how-to-draw-manga-b00fd8-h900.jpg" alt="" /></div>


Dernière édition par Tetsuko le Jeu 5 Mai - 21:45, édité 4 fois

Revenir en haut Aller en bas

Tetsuko
Masutā ♕ マスター
Messages : 709
Date d'inscription : 04/02/2016
Age : 21
Localisation : Paris
Voir le profil de l'utilisateur http://nihon-ga-suki.forumactif.org

Re: Mise en forme des messages : petite aide !

Message par Tetsuko le Sam 28 Mai - 16:22

Hello !

Mise à jour de la mise en forme des messages ! love

Revenir en haut Aller en bas

Saikiro
Masutā minarai ♔ マスター見習い
Messages : 206
Date d'inscription : 05/02/2016
Age : 21
Localisation : Paris
Voir le profil de l'utilisateur http://www.clementbelliot.fr

Re: Mise en forme des messages : petite aide !

Message par Saikiro le Dim 12 Juin - 11:13

Note : Ceci n'est pas un standard mais une aide pour ceux qui ne savent pas coder et qui voudraient avoir une mise en forme pré-faite pour écrire des critiques. Vous êtes donc parfaitement libres de faire ce que vous voulez tant que c'est lisible et que le contenu est présent Razz

Fiche critique v2


Nom de l'anime
   

       Informations
     
  • Nombre d'épisode : 12
  • Dates de parution : Printemps 2014 (Avril 2014 - Juin 2014)
  • Studio : studio
  • Source : Manga
  • Où le trouver : VOSTFR : [Vous devez être inscrit et connecté pour voir ce lien]

   

Synopsis


ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici



[Vous devez être inscrit et connecté pour voir cette image]

ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici



[Vous devez être inscrit et connecté pour voir cette image]


      Trailer
 


Mon avis


ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici   


   
[Vous devez être inscrit et connecté pour voir cette image]
Le mot de la fin


Code:
<div class="critique"><div class="header" style="background-image:url(https://sociorocketnewsen.files.wordpress.com/2014/04/gm-3.png?w=580&h=362)"></div>
<strong class="title">Nom de l'anime</strong>
   <div class="info_02 jaune">
       <strong><i class="fa fa-info-circle" aria-hidden="true"></i>Informations</strong>
      <ul><li><span>Nombre d'épisode : </span>12</li><li><span>Dates de parution : </span>Printemps 2014 (Avril 2014 - Juin 2014)</li><li><span>Studio : </span>studio</li><li><span>Source : </span>Manga</li><li><span>Où le trouver : </span> VOSTFR : <a href="http://neko-san.fr/anime/isshuukan-friends" target="_blank">Texte du lien</a></li></ul></div>
   <h3>Synopsis</h3>
<p>ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici
</p>

<img class="big-image" src="https://sociorocketnewsen.files.wordpress.com/2014/04/gm-3.png?w=580&h=362" alt="" />

<p>ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici
</p>

<img class="big-image" src="https://sociorocketnewsen.files.wordpress.com/2014/04/gm-3.png?w=580&h=362" alt="" />

<div class="info_02 blue">
      <strong><i class="fa fa-play-circle" aria-hidden="true"></i>Trailer</strong>
[center][youtube]dQw4w9WgXcQ[/youtube][/center]
  </div>

<h3>Mon avis</h3>
<p>ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici ton texte ici   </p>
   
<img src="https://sociorocketnewsen.files.wordpress.com/2014/04/gm-3.png?w=580&h=362" alt="" class="big-image">
[center][i]Le mot de la fin [/i][/center]
</div>

Revenir en haut Aller en bas

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum