• Chance's teaching •

Messages : 70 Date d'inscription : 17/01/2016 Age : 22 Localisation : Catalogne.

Si on veut souiller OG à poster des sujets qui ne sont pas pour le forum, autant bien le faire. :noel:

C bo se ke tu dit. :noel:

Messages : 70 Date d'inscription : 17/01/2016 Age : 22 Localisation : Catalogne.

tavu.

bon du coup
tu veux apprendre à placer une image ?

Du coup je poste ma fiche terminée ici pour remplir mon cours :noel:

Titre du RP ici

Ft. [ton nom] & [ton/tes partenaire(s)]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales efficitur fringilla. Praesent dictum accumsan bibendum. Sed cursus laoreet enim eu dictum. Donec euismod blandit quam vel ornare. Duis posuere sapien sagittis ante egestas, a cursus nisi lobortis. Sed eu volutpat ipsum. Duis vel erat vulputate, egestas lorem a, faucibus eros. Phasellus lobortis nec massa id imperdiet.

Donec ut arcu id neque vehicula eleifend. Donec eleifend quam eget cursus porta. Fusce vitae rhoncus elit. Ut quam ex, viverra mattis lectus ut, rutrum hendrerit nisl. Suspendisse ultrices lacinia ligula, vitae ultricies ex consectetur quis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Curabitur pellentesque venenatis elit auctor pharetra. Pellentesque vitae augue nec nibh dignissim mattis. Fusce pellentesque ultricies odio id sollicitudin. In condimentum neque quis mauris vulputate condimentum. Sed in mollis nisi. Duis at purus neque. Sed ac massa sit amet tortor cursus pharetra eu aliquet nibh. Nullam vehicula nisi sed eros bibendum, ut accumsan mauris volutpat. Proin finibus leo in urna porta, in ultrices massa vestibulum.

Aliquam vel elementum augue, ut maximus tortor. Nulla ut finibus mauris. Pellentesque in lectus ex. Nunc molestie est sed diam dapibus, vitae lobortis eros tristique. Morbi mattis, nisl eu vestibulum egestas, ex lorem viverra tortor, ut fringilla odio massa ac lorem. Maecenas vitae est tellus. Sed semper lacus non odio volutpat placerat elementum eu velit. Aliquam molestie libero ac velit imperdiet aliquam. Fusce ante odio, pharetra eu ornare et, eleifend eu lacus. Vivamus lobortis euismod dictum. Ut blandit consectetur volutpat. Duis auctor rutrum mi quis aliquet. Mauris placerat, elit et bibendum sodales, metus ligula tempor enim, consectetur mattis urna ante quis tortor. Sed eget arcu ac tellus accumsan ornare. Duis semper, tortor quis semper condimentum, lacus velit accumsan ligula, vitae lacinia dui justo ac nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Ut sed semper neque. Etiam sagittis efficitur erat, a semper elit sagittis eu. Phasellus nec libero a orci molestie molestie vitae vel ante. Nam non vestibulum magna, ut laoreet dui. Phasellus eu hendrerit dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris scelerisque pellentesque sodales. Morbi ac ultrices nisi. Pellentesque arcu magna, molestie in eleifend quis, tempor at ipsum. Nulla facilisi. Integer laoreet, neque id facilisis scelerisque, nisl enim dictum lacus, elementum tempor nulla nunc non sapien. Donec accumsan leo eu lectus dapibus, vel egestas mauris consectetur.

Nulla laoreet turpis vitae interdum viverra. Quisque vitae sapien nec eros gravida gravida et at nunc. Nunc eu ex odio. Nam eget quam et arcu posuere mattis rhoncus eget quam. Ut cursus ante at hendrerit elementum. Maecenas quis turpis consequat, dignissim purus at, facilisis sapien. Etiam arcu ante, viverra sed laoreet a, interdum et leo. Ut mi nisl, consectetur nec purus at, blandit tempor dolor. Nunc iaculis lacinia odio, in viverra libero pellentesque non. Suspendisse finibus lacus nisl, eget rutrum orci viverra et.

Ceci est un texte. Je sais que ça n'était pas évident à deviner, c'est pour ça que je le dis.

@Gaïa : oui :DD

J'ai commencé ça :

Code:: <div style="width:600px;height:650px;background-color:#F0F2EB;border-top:3px #FF4242 solid;border-bottom:3px #FF4242 solid;border-right:1px #F0F2EB solid;border-left:1px #FF4242
solid;">
<div style="background-image:url('http://i.imgur.com/3fhrL3B.png');width:200px;height:320px;
margin-top:7px;margin-right:7px;"></div>
</div>

Mais je voudrais la mettre sur la droite et je n'y arrive pas ;-;
Et les bordures des côtés m'ont dit "lol nope" je sais pas pourquoi

Messages : 70 Date d'inscription : 17/01/2016 Age : 22 Localisation : Catalogne.

Qui t'a appris à mettre background-image ? :v
Tu as vu ça sur internet ? C'est le SHEITAN é_è
Tu mets

Code:: <img src="url('http://i.imgur.com/3fhrL3B.png')" />

Code:: <div style="width:600px; height:650px; background-color:#F0F2EB; border-top:3px #FF4242 solid; border-bottom:3px #FF4242 solid; border-right:1px #FF4242 solid; border-left:1px #FF4242 solid;">
</div>

L'une des bordures t'avait dit nope parce que t'avais fait une faute de frappe et t'avais mis un retour à la ligne à la place d'un espace, et l'autre était bien là mais était de la couleur du background du coup on ne pouvait pas la voir.

Nom Prénom

Description.

Code:: <div style="height:200px; width:650px; position: absolute;">
<div style="height:200px; width:450px; background-color: #ffffff; padding:3px;">
<div style="color:#000; font-family: 'Playfair Display', serif; text-transform:uppercase; size:18px; letter-spacing:3px;">Nom Prénom</div>
<div style="color:#000; margin-top:3px; height:100px; width:380px; overflow:auto; text-align:justify;">Description.</div>
</div>
<div style="height:200px; width:200px; border-radius:75px; background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRFXEJRmgOzwKMYb7bHWUIEXGA_uRcPRNKRW7igfcaeLBORYy-w'); margin-left:550px;"></div>
</div>

Messages : 70 Date d'inscription : 17/01/2016 Age : 22 Localisation : Catalogne.

Nom Prénom

Description.

Nom Prénom

Description.

42%

14:23

Nom du contact

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit quam, condimentum vitae tristique sit amet, iaculis in nulla. Suspendisse facilisis rhoncus tellus nec laoreet. Curabitur vel nulla ornare neque fermentum mollis vitae quis ante. Curabitur vestibulum libero at sapien euismod varius. Praesent mauris enim, facilisis ut mi vitae, convallis vehicula odio.

8:06 le 26/11/2017

Donec laoreet, velit et lobortis pellentesque, quam elit elementum neque, eu faucibus orci arcu non justo. Maecenas eleifend tellus quis leo semper aliquet. Curabitur quam ex, faucibus at risus ut, efficitur posuere eros. Suspendisse ac maximus magna. Curabitur risus lorem, placerat quis eros sed, blandit pretium enim. Morbi nec nibh venenatis, venenatis elit maximus, maximus risus. Maecenas pellentesque quam eget velit dignissim consectetur.

5:54 le 27/11/2017

Codage par @Chance sur Ocean Home

Code:: <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<div style="height:560px; width:320px;background-image: url('http://image.noelshack.com/fichiers/2017/47/7/1511690767-telephone-maquette-1.png'); border-radius: 10px; color:#fff;">

<div style="width:298px; height:20px; background-color:#1da1bc; margin-top:2px; margin-left:11px; margin-right:11px;">

<img src="http://image.noelshack.com/fichiers/2017/47/7/1511691752-message-icone-21-13.png" style="height:13px; width:21px; margin-top:-32px; margin-left:4px;" alt="icone_message" />

<img src="http://image.noelshack.com/fichiers/2017/47/7/1511694505-sonicone20-15.png" style="height:15px; width:20px; margin-top:-52px; margin-left:180px;" alt="icone_son" />

<div style="font-family: 'Roboto', sans-serif; margin-left:215px; margin-top:-70px; opacity:0.8; font-size:11px;">42%</div>

<img src="http://image.noelshack.com/fichiers/2017/47/7/1511697279-batterieicone7-17.png" style="height:17px; width:7px; margin-top:-55px; margin-left:240px;" alt="icone_batterie" />

<div style="font-family: 'Roboto', sans-serif; margin-left:260px; margin-top:-73px; opacity:0.8; font-size:11px;">14:23</div>
</div>

<div style="width:298px; height:40px; background-color:#83c6d4; margin-top:-36px; margin-left:11px; margin-right:11px;">

<img src="http://image.noelshack.com/fichiers/2017/47/7/1511698587-flecheicone35-18.png" style="height:18px; width:35px; margin-top:-25px; margin-left:4px;" alt="icone_fleche" />

<div style="font-family: 'Roboto', sans-serif; text-align:center; font-size:18px; margin-top:-42px;">Nom du contact</div>

<img src="http://image.noelshack.com/fichiers/2017/47/7/1511697279-telephoneicone20-31.png" style="height:31px; width:20px; margin-top:-63px; margin-left:245px;" alt="icone_téléphone" />

<img src="http://image.noelshack.com/fichiers/2017/47/7/1511698587-troisronds8-26.png" style="height:26px; width:8px; margin-top:-75px; margin-left:282px;" alt="icone_options" />
</div>

<div style="width:298px; height:400px; background-color:#fff; overflow:auto; margin-left:11px; margin-right:11px; margin-top:-40px;">

<div style="width:180px; height:auto; background-color:#1ec6e9; margin-top:-28px; margin-right:15px; margin-left:95px;">
<div style="font-family: 'Roboto', sans-serif; font-size:11px; margin-left:3px; margin-right:3px; margin-top:-14px; margin-bottom:-36px; text-align:center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit quam, condimentum vitae tristique sit amet, iaculis in nulla. Suspendisse facilisis rhoncus tellus nec laoreet. Curabitur vel nulla ornare neque fermentum mollis vitae quis ante. Curabitur vestibulum libero at sapien euismod varius. Praesent mauris enim, facilisis ut mi vitae, convallis vehicula odio. </div>

<div style="font-family: 'Roboto', sans-serif; font-size:9px; color:#000000; opacity:0.6; text-align:right; margin-bottom:-36px; margin-right:10px;"> 8:06 le 26/11/2017</div>
</div>

<div style="width:180px; height:auto; background-color:#dbeef2; margin-right:111px; margin-left:7px; margin-top:-20px;">
<div style="font-family: 'Roboto', sans-serif; font-size:11px; margin-left-right:3px; margin-top:-14px; margin-bottom:-36px; text-align:center; color:#8a8a8a;">Donec laoreet, velit et lobortis pellentesque, quam elit elementum neque, eu faucibus orci arcu non justo. Maecenas eleifend tellus quis leo semper aliquet. Curabitur quam ex, faucibus at risus ut, efficitur posuere eros. Suspendisse ac maximus magna. Curabitur risus lorem, placerat quis eros sed, blandit pretium enim. Morbi nec nibh venenatis, venenatis elit maximus, maximus risus. Maecenas pellentesque quam eget velit dignissim consectetur. </div>

<div style="font-family: 'Roboto', sans-serif; font-size:9px; color:#000000; opacity:0.6; text-align:left; margin-bottom:-36px; margin-left:3px;"> 5:54 le 27/11/2017</div>
</div>

</div>
</div>
<div style="font-family: 'Roboto', sans-serif; font-size:9px; color:#000;opacity:0.8; text-align:center; margin-top:-15px; margin-left:-575px;">Codage par @Chance sur Ocean Home</div>