Ichigooo !


Partagez | 
 


 « Petite question (adapter un code HTML au forum) »

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


Galad-El
Fraise

avatar

Messages : 709
Date d'inscription : 04/06/2016
Âge : 20

Contact et infos


Message Sujet: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 12:37

Bonjour,
Je fais fort peu de codage donc veuillez m'excuser si ma question vous paraît idiote.

J'ai un petit code HTML (qui marche en tant que tel, donc j'imagine que le code ne contient pas trop d'erreurs) qui ne "marche pas" sur CG (quand j'essaye de copier/coller le code sur le forum, les 3/4 des propriétés CSS se font la malle).
Comment pourrais-je l'adapter pour qu'il fonctionne sur CG tel qu'il fonctionne sur un éditeur HTML normal ?

C'est un code tout simple (de l'HTML, avec un peu de CSS dans les div et c'est tout).
Je sais qu'il faut poster son code dans une Iframe sur un forum test ou quelque chose du style pour les codes "compliqués", mais est-ce que c'est réellement nécessaire pour un code sommaire ? Si oui, comment fait-on ? Et si non, où faut-il mettre le CSS pour que tout s'affiche correctement ?

Merci beaucoup !

•••••••••••••••••••••••••••••••••••••••••••


Un p'tit tour sur ma galerie ?

Merci LadyErria  Ange



Spoiler:
 





Invité

avatar


Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 15:35

Si c'est un code simple il n'est pas necessaire de passer par des iframes
Peux tu envoyer ton code et je regarderai si je peux trouver comment faire pour qu'il marche et t'expliquerai par la meme occasion si je trouve Smile


Galad-El
Fraise

avatar

Messages : 709
Date d'inscription : 04/06/2016
Âge : 20

Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 15:54

D'accord, merci beaucoup ! Voici le code (il est assez moche et pas du tout optimisé, je dois dire, mais il devrait faire l'affire pour ce que je veux) :

Code:
<div style="border-radius: 20px;">
<div style="background: radial-gradient(circle, #a5a5a5, #646464); width: 50%; margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; padding-top: 10px; padding-bottom: 10px; border-top: ridge; border-color: red; box-shadow: 0px 0px 2px #000000;">
<span style="font-family: Times New Roman; color: #ffffff; font-size: 24px; text-shadow: 0px 0px 2px black;"> Examen de Pseudo </span> <br /> <span style="font-family: Times New Roman; color: #ffffff; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5em; font-style: italic;"> Note par Galad-El </span>
</div>
<div style="width: 90%; background: radial-gradient(circle, #a5a5a5, #646464); margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; border-bottom-left-radius: 5px; padding-top: 0px; padding-bottom: 10px; border: ridge; border-color: red; box-shadow: 0px 0px 2px #000000; margin-top: -5px;">
<br />
<span style="font-family: Times New Roman; color: #ffffff; font-style: italic; font-size: 14px;"> DEFINITION DU RANG : <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae. </span></div>

<div style="width: 80%; background-color: #b9b9b9; margin-left: auto; margin-right: auto; box-shadow: 0px 0px 2px #000000; color: #2f2f2f; padding-bottom: 20px;"><br />
<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 1</div>

<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
<br /><br />

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 2</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
<br /><br />

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 3</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
<br /><br />

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 4</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
</div>

<div style="width: 90%; background: radial-gradient(circle, #a5a5a5, #646464); margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; border-bottom-left-radius: 5px; padding-top: 0px; padding-bottom: 10px; border: ridge; border-color: red; box-shadow: 0px 0px 2px #000000; margin-top: -5px;"><br />
<span style="font-family: Times New Roman; color: #ffffff; font-style: italic; font-size: 14px;"> CONCLUSION <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae. </span></div>
</div>

•••••••••••••••••••••••••••••••••••••••••••


Un p'tit tour sur ma galerie ?

Merci LadyErria  Ange



Spoiler:
 





Neyka
Cerise


Un peu plus...
Rôle / Ancien rôle : Actuellement Administratrice
Décris-toi : Vache violette absolument parfaite
Famille et relations : Juh Up
avatar

Féminin
Messages : 2129
Date d'inscription : 02/04/2015
Âge : 15
Logiciel graphique : Photoshop CS6

Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 16:12

Pourrais-tu envoyer un screenshot du rendu souhaité ? o/

•••••••••••••••••••••••••••••••••••••••••••


Anciennement MILKAMIAM

Ancienne Administratrice ◘
Je suis officiellement la soumise d'Asa la BelleGosse du forum,c'est vraiment la meilleure et la plus gentille des admins, je l'aime trop, vive Asa ♥️






Galad-El
Fraise

avatar

Messages : 709
Date d'inscription : 04/06/2016
Âge : 20

Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 16:21

En gros ça ressemble à ça :

Il y a besoin d'un screen complet ?

•••••••••••••••••••••••••••••••••••••••••••


Un p'tit tour sur ma galerie ?

Merci LadyErria  Ange



Spoiler:
 





Anyu
Pomme


Un peu plus...
Rôle / Ancien rôle : Anciennement Animatrice et Ancienne Noteuse
Décris-toi : Moi, c'est Nyu avec un A devant. c: Une fan de graphisme et d'animes. Et une petite étoile prénommée Naos, qui s'est simplement perdue dans la merveilleuse galaxie qu'est celle de CG. *-* ♥
Famille et relations : La team Etoile, of course. *u* /ETOILEPOWAA/
avatar

Féminin
Messages : 6354
Date d'inscription : 05/03/2014
Âge : 20
Logiciel graphique : Photoshop & Illustrator CC 2017

Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 16:26

Quelque chose comme ça ?

Examen de Pseudo

Note par Galad-El

DEFINITION DU RANG :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.


Creation 1


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.


Creation 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.


Creation 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.


Creation 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.

CONCLUSION
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.


Code:
<div style="border-radius: 20px;"><div style="background: radial-gradient(circle, #a5a5a5, #646464); width: 50%; margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; padding-top: 10px; padding-bottom: 10px; border-top: ridge; border-color: red; box-shadow: 0px 0px 2px #000000;"><div style="font-family: Times New Roman; color: #ffffff; font-size: 24px; text-shadow: 0px 0px 2px black;"> Examen de Pseudo </div> <br /> <div style="font-family: Times New Roman; color: #ffffff; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5em; font-style: italic;"> Note par Galad-El </div></div><div style="width: 90%; background: radial-gradient(circle, #a5a5a5, #646464); margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; border-bottom-left-radius: 5px; padding-top: 0px; padding-bottom: 10px; border: ridge; border-color: red; box-shadow: 0px 0px 2px #000000; margin-top: -5px;">
<div style="font-family: Times New Roman; color: #ffffff; font-style: italic; font-size: 14px;"> DEFINITION DU RANG : <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae. </div></div><div style="width: 80%; background-color: #b9b9b9; margin-left: auto; margin-right: auto; box-shadow: 0px 0px 2px #000000; color: #2f2f2f; padding-bottom: 20px;"><br />
<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 1</div>

<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 2</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 3</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 4</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
</div><div style="width: 90%; background: radial-gradient(circle, #a5a5a5, #646464); margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; border-bottom-left-radius: 5px; padding-top: 0px; padding-bottom: 10px; border: ridge; border-color: red; box-shadow: 0px 0px 2px #000000; margin-top: -5px;"><div style="font-family: Times New Roman; color: #ffffff; font-style: italic; font-size: 14px;"> CONCLUSION <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae. </div></div></div>

•••••••••••••••••••••••••••••••••••••••••••



Galad-El
Fraise

avatar

Messages : 709
Date d'inscription : 04/06/2016
Âge : 20

Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 16:31

Ooh, merci Anyu c'est parfait !
Tu as fait comment ? Désolée, je ne suis vraiment pas douée niveau codage...

•••••••••••••••••••••••••••••••••••••••••••


Un p'tit tour sur ma galerie ?

Merci LadyErria  Ange



Spoiler:
 





Anyu
Pomme


Un peu plus...
Rôle / Ancien rôle : Anciennement Animatrice et Ancienne Noteuse
Décris-toi : Moi, c'est Nyu avec un A devant. c: Une fan de graphisme et d'animes. Et une petite étoile prénommée Naos, qui s'est simplement perdue dans la merveilleuse galaxie qu'est celle de CG. *-* ♥
Famille et relations : La team Etoile, of course. *u* /ETOILEPOWAA/
avatar

Féminin
Messages : 6354
Date d'inscription : 05/03/2014
Âge : 20
Logiciel graphique : Photoshop & Illustrator CC 2017

Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 16:35

Il faut enlever les sauts de ligne entre les div (ils ne sont pas pris en compte sur une page HTML mais sur un forum oui).
Je ne sais pas si c'était nécessaire non plus, mais j'ai aussi remplacé les span par des div. Sisi

Je ne suis pas spécialement forte en codage non plus, mais ça relève encore de mon niveau ça ahah. :')

•••••••••••••••••••••••••••••••••••••••••••



Galad-El
Fraise

avatar

Messages : 709
Date d'inscription : 04/06/2016
Âge : 20

Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 16:47

D'accord, j'aurai jamais trouvée toute seule XD
Merci beaucoup !

•••••••••••••••••••••••••••••••••••••••••••


Un p'tit tour sur ma galerie ?

Merci LadyErria  Ange



Spoiler:
 





Neyka
Cerise


Un peu plus...
Rôle / Ancien rôle : Actuellement Administratrice
Décris-toi : Vache violette absolument parfaite
Famille et relations : Juh Up
avatar

Féminin
Messages : 2129
Date d'inscription : 02/04/2015
Âge : 15
Logiciel graphique : Photoshop CS6

Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   Sam 20 Aoû 2016, 18:55

J'archive, merci beaucoup Anyu ! Smile

•••••••••••••••••••••••••••••••••••••••••••


Anciennement MILKAMIAM

Ancienne Administratrice ◘
Je suis officiellement la soumise d'Asa la BelleGosse du forum,c'est vraiment la meilleure et la plus gentille des admins, je l'aime trop, vive Asa ♥️






Contenu sponsorisé




Contact et infos


Message Sujet: Re: Petite question (adapter un code HTML au forum)   

 

Petite question (adapter un code HTML au forum)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Comment insérer une image dans les messages du forum ?
» [Annulée] Demande une page HTML
» [Resolu] Bannière avec lien dans une signature
» Page d'accueil codée
» Code de présentation de fiche RP

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Cocktail Graph' :: Le coin détente :: Archives-