Accueil
Dernières images
Rechercher
S'enregistrer
Connexion
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forumEclat de Saphir
Invité
Invité
Dim 3 Mai 2015 - 1:02
Bonjouuuuur!! ('Fin bonsoir)
Type de bordures du gros bloc: Solid
Couleur du gros bloc ou image de fond: Un ébène ou une nuit étoilée.
Schéma sur Paint pour montrer l'organisation de la fiche: J'ai pas paint c'est grave? x)
Bordure arrondie à: Je sais pas à combien mais arrondie!
Détails: C'est pour une fiche de rp
Autre?: Fait comme tu le sent je suis sur que ce sera magnifique :cheers:
Type de bordures du gros bloc: Solid
Couleur du gros bloc ou image de fond: Un ébène ou une nuit étoilée.
Schéma sur Paint pour montrer l'organisation de la fiche: J'ai pas paint c'est grave? x)
Bordure arrondie à: Je sais pas à combien mais arrondie!
Détails: C'est pour une fiche de rp
Autre?: Fait comme tu le sent je suis sur que ce sera magnifique :cheers:
Invité
Invité
Dim 3 Mai 2015 - 1:35
Coucou mon petit Saphy 
Non je ne commande pas, ce n'est qu'une astuce.
Au lieu d'écrire du Texte ou Test en répétition, tu peux générer du faux texte ici : http://fr.lipsum.com/
:3
Non je ne commande pas, ce n'est qu'une astuce.
Au lieu d'écrire du Texte ou Test en répétition, tu peux générer du faux texte ici : http://fr.lipsum.com/
:3
Invité
Invité
Dim 3 Mai 2015 - 8:51
merci saph' c'est spendide!!!
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou
Messages : 958Eclat de Saphir
Lun 4 Mai 2015 - 2:22
Merci Snowy :p
Poussy, voilà ton cadeau ^-^. j'ai passé un bon moment Parce que le code a décidé de me troller
J'espère qu'il te plaira :p.
Ps: Pour la marge dans les blocs, pas possible d'en mettre, ça fait bug la barre de défilement :/. J'te laisse arranger ton texte comme tu veux, tu sais faire après :p.
Aperçu :
Codage par Saphy
Ebony, je m'occupe de ta fiche^^.
Poussy, voilà ton cadeau ^-^. j'ai passé un bon moment Parce que le code a décidé de me troller
J'espère qu'il te plaira :p. Ps: Pour la marge dans les blocs, pas possible d'en mettre, ça fait bug la barre de défilement :/. J'te laisse arranger ton texte comme tu veux, tu sais faire après :p.
- Code:
<div style="background-color: #990099;box-shadow: 0px 0px 10px 0px #000000; width:550px; height:850px;"><div style=" background-color: #ffccff;padding:5px; border-color: #556133; border-width: 1px 0px; border-style: solid; -webkit-box-shadow: 0px 0px 3px 0px #000000; /-moz-box-shadow: 0px 0px 3px 0px #000000; box-shadow: 0px 0px 3px 0px #000000; text-align: center; font-family: Miniver; font-size: 30px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; text-align: center; color: #353632; ">[i]Nom de l'atelier[/i]</div><img src="http://i19.servimg.com/u/f19/19/12/35/19/sans_t31.jpg"></img><table style=""><td><div style="background-color: #FFE8FF; width: 257px; height:210px; margin-left:8px;"><div style=" background-color: #ffccff; padding:5px; border-color: #556133; border-width: 1px 0px; border-style: solid; -webkit-box-shadow: 0px 0px 3px 0px #000000; /-moz-box-shadow: 0px 0px 3px 0px #000000; box-shadow: 0px 0px 3px 0px #000000; text-align: center; font-family: Miniver; font-size: 25px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; text-align: center; color: #353632; ">Présentation de l'atelier</div><div style="overflow:auto; width: 257px; height: 182px; ">ICI.</div></div></td>
<td><div style="background-color: #FFE8FF; width: 257px; height:210px; margin-left:8px;"><div style=" background-color: #ffccff;padding:5px; border-color: #556133; border-width: 1px 0px; border-style: solid; -webkit-box-shadow: 0px 0px 3px 0px #000000; /-moz-box-shadow: 0px 0px 3px 0px #000000; box-shadow: 0px 0px 3px 0px #000000; text-align: center; font-family: Miniver; font-size: 25px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; text-align: center; color: #353632; ">Moi et le Graphisme</div><div style="overflow:auto; width: 257px; height: 182px; ">ICI.</div></div></td>
</table>
<div style="background-color: #FFE8FF; width: 526px; height:210px; margin-left:12px;"><div style=" background-color: #ffccff;padding:5px; border-color: #556133; border-width: 1px 0px; border-style: solid; -webkit-box-shadow: 0px 0px 3px 0px #000000; /-moz-box-shadow: 0px 0px 3px 0px #000000; box-shadow: 0px 0px 3px 0px #000000; text-align: center; font-family: Miniver; font-size: 30px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; text-align: center; color: #353632; ">Règlement</div><div style="overflow:auto; width: 526px; height: 182px; ">ICI.</div></div>
<div style="background-color: #FFE8FF; width: 526px; height:210px;margin-left:12px;"><div style=" background-color: #ffccff;padding:5px; border-color: #556133; border-width: 1px 0px; border-style: solid; -webkit-box-shadow: 0px 0px 3px 0px #000000; /-moz-box-shadow: 0px 0px 3px 0px #000000; box-shadow: 0px 0px 3px 0px #000000; text-align: center; font-family: Miniver; font-size: 30px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; text-align: center; color: #353632; ">Formulaire</div><div style="overflow:auto; width: 526px; height: 182px; ">ICI.</div></div>
</div><center>[font=Trebuchet MS][size=9][color=#0000ff]Codage par Saphy[/color][/size][/font]</center>
Aperçu :
Nom de l'atelier
Présentation de l'atelier Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper quam vel auctor efficitur. In volutpat ornare tempus. Nullam egestas tortor sit amet sapien maximus varius. Mauris ut elit pharetra, dignissim purus et, sollicitudin ante. Proin gravida nunc non felis ultrices finibus. Vestibulum vel efficitur eros, vitae dignissim purus. Etiam quis ligula quis ipsum iaculis mollis. Nulla pretium nibh arcu. Vivamus pretium, turpis in malesuada ornare, dui ipsum vehicula dui, sed sollicitudin risus est et nulla. Fusce vel elit vel arcu fringilla mollis sed imperdiet tortor. Vestibulum suscipit ac arcu congue feugiat. Cras sed commodo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam convallis diam a maximus tempus. Mauris vulputate aliquam tellus, at maximus purus pulvinar in. Cras sit amet commodo ipsum. Maecenas nec pretium tellus, ut varius ligula. Morbi varius tempor elit ac pulvinar. Quisque ac vestibulum tortor. | Moi et le Graphisme Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper quam vel auctor efficitur. In volutpat ornare tempus. Nullam egestas tortor sit amet sapien maximus varius. Mauris ut elit pharetra, dignissim purus et, sollicitudin ante. Proin gravida nunc non felis ultrices finibus. Vestibulum vel efficitur eros, vitae dignissim purus. Etiam quis ligula quis ipsum iaculis mollis. Nulla pretium nibh arcu. Vivamus pretium, turpis in malesuada ornare, dui ipsum vehicula dui, sed sollicitudin risus est et nulla. Fusce vel elit vel arcu fringilla mollis sed imperdiet tortor. Vestibulum suscipit ac arcu congue feugiat. Cras sed commodo risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam convallis diam a maximus tempus. Mauris vulputate aliquam tellus, at maximus purus pulvinar in. Cras sit amet commodo ipsum. Maecenas nec pretium tellus, ut varius ligula. Morbi varius tempor elit ac pulvinar. Quisque ac vestibulum tortor. |
Règlement
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis orci vel varius sodales. Nulla sed est libero. Duis mollis est ac libero laoreet, ut sodales tellus tincidunt. Nulla a tristique nunc. Sed vel leo lorem. Curabitur molestie dui et convallis viverra. Proin a lacinia nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque quis orci ultrices, ullamcorper eros vel, pulvinar tellus. Donec dapibus euismod tellus id sagittis. Curabitur non risus rhoncus, vehicula metus vitae, cursus lorem. Nunc elementum at lectus eu vehicula.
Vestibulum massa nunc, rhoncus ac maximus nec, hendrerit ac leo. Suspendisse ut porta nisl. Donec ac sem magna. Ut eget lacinia tortor, a condimentum eros. Quisque nibh diam, dapibus non laoreet id, viverra in neque. Ut ac mi quis massa commodo aliquet. Pellentesque pulvinar bibendum lectus nec venenatis.
Nam sed urna sed lectus dictum facilisis. Cras in orci in leo auctor pharetra in nec ipsum. Nunc eget lacus vel sapien vestibulum porttitor quis eu arcu. Proin vitae egestas ante. Aliquam id malesuada nunc. Integer massa sapien, aliquet fringilla dolor nec, elementum viverra libero. Nunc at aliquam ex. Nullam porttitor, ligula eget cursus mattis, enim sapien mattis nisi, sed bibendum ipsum nisl porta tellus.
Donec fermentum ante vel magna condimentum, nec eleifend elit faucibus. Morbi tincidunt urna turpis, non pulvinar diam maximus ac. Sed malesuada felis ut aliquam gravida. Nunc in molestie justo. Praesent risus odio, laoreet nec justo quis, aliquet finibus tellus. Nunc id ornare nisi. Mauris at lectus pulvinar, ornare urna in, pulvinar nisl. Curabitur semper fringilla justo non tristique. Nam interdum non dolor vitae laoreet. Praesent elementum varius erat, quis gravida felis consectetur eu. Donec eget diam faucibus, tempor diam et, consequat est. Curabitur semper ante eget lobortis lobortis. Praesent maximus vehicula magna sit amet condimentum. Nunc dui quam, bibendum eu turpis nec, malesuada efficitur nisl. Proin lacinia, enim tristique ullamcorper vehicula, ante dui viverra ante, venenatis blandit arcu ex nec nisi.
Vestibulum massa nunc, rhoncus ac maximus nec, hendrerit ac leo. Suspendisse ut porta nisl. Donec ac sem magna. Ut eget lacinia tortor, a condimentum eros. Quisque nibh diam, dapibus non laoreet id, viverra in neque. Ut ac mi quis massa commodo aliquet. Pellentesque pulvinar bibendum lectus nec venenatis.
Nam sed urna sed lectus dictum facilisis. Cras in orci in leo auctor pharetra in nec ipsum. Nunc eget lacus vel sapien vestibulum porttitor quis eu arcu. Proin vitae egestas ante. Aliquam id malesuada nunc. Integer massa sapien, aliquet fringilla dolor nec, elementum viverra libero. Nunc at aliquam ex. Nullam porttitor, ligula eget cursus mattis, enim sapien mattis nisi, sed bibendum ipsum nisl porta tellus.
Donec fermentum ante vel magna condimentum, nec eleifend elit faucibus. Morbi tincidunt urna turpis, non pulvinar diam maximus ac. Sed malesuada felis ut aliquam gravida. Nunc in molestie justo. Praesent risus odio, laoreet nec justo quis, aliquet finibus tellus. Nunc id ornare nisi. Mauris at lectus pulvinar, ornare urna in, pulvinar nisl. Curabitur semper fringilla justo non tristique. Nam interdum non dolor vitae laoreet. Praesent elementum varius erat, quis gravida felis consectetur eu. Donec eget diam faucibus, tempor diam et, consequat est. Curabitur semper ante eget lobortis lobortis. Praesent maximus vehicula magna sit amet condimentum. Nunc dui quam, bibendum eu turpis nec, malesuada efficitur nisl. Proin lacinia, enim tristique ullamcorper vehicula, ante dui viverra ante, venenatis blandit arcu ex nec nisi.
Formulaire
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis orci vel varius sodales. Nulla sed est libero. Duis mollis est ac libero laoreet, ut sodales tellus tincidunt. Nulla a tristique nunc. Sed vel leo lorem. Curabitur molestie dui et convallis viverra. Proin a lacinia nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque quis orci ultrices, ullamcorper eros vel, pulvinar tellus. Donec dapibus euismod tellus id sagittis. Curabitur non risus rhoncus, vehicula metus vitae, cursus lorem. Nunc elementum at lectus eu vehicula.
Vestibulum massa nunc, rhoncus ac maximus nec, hendrerit ac leo. Suspendisse ut porta nisl. Donec ac sem magna. Ut eget lacinia tortor, a condimentum eros. Quisque nibh diam, dapibus non laoreet id, viverra in neque. Ut ac mi quis massa commodo aliquet. Pellentesque pulvinar bibendum lectus nec venenatis.
Nam sed urna sed lectus dictum facilisis. Cras in orci in leo auctor pharetra in nec ipsum. Nunc eget lacus vel sapien vestibulum porttitor quis eu arcu. Proin vitae egestas ante. Aliquam id malesuada nunc. Integer massa sapien, aliquet fringilla dolor nec, elementum viverra libero. Nunc at aliquam ex. Nullam porttitor, ligula eget cursus mattis, enim sapien mattis nisi, sed bibendum ipsum nisl porta tellus.
Donec fermentum ante vel magna condimentum, nec eleifend elit faucibus. Morbi tincidunt urna turpis, non pulvinar diam maximus ac. Sed malesuada felis ut aliquam gravida. Nunc in molestie justo. Praesent risus odio, laoreet nec justo quis, aliquet finibus tellus. Nunc id ornare nisi. Mauris at lectus pulvinar, ornare urna in, pulvinar nisl. Curabitur semper fringilla justo non tristique. Nam interdum non dolor vitae laoreet. Praesent elementum varius erat, quis gravida felis consectetur eu. Donec eget diam faucibus, tempor diam et, consequat est. Curabitur semper ante eget lobortis lobortis. Praesent maximus vehicula magna sit amet condimentum. Nunc dui quam, bibendum eu turpis nec, malesuada efficitur nisl. Proin lacinia, enim tristique ullamcorper vehicula, ante dui viverra ante, venenatis blandit arcu ex nec nisi.
Vestibulum massa nunc, rhoncus ac maximus nec, hendrerit ac leo. Suspendisse ut porta nisl. Donec ac sem magna. Ut eget lacinia tortor, a condimentum eros. Quisque nibh diam, dapibus non laoreet id, viverra in neque. Ut ac mi quis massa commodo aliquet. Pellentesque pulvinar bibendum lectus nec venenatis.
Nam sed urna sed lectus dictum facilisis. Cras in orci in leo auctor pharetra in nec ipsum. Nunc eget lacus vel sapien vestibulum porttitor quis eu arcu. Proin vitae egestas ante. Aliquam id malesuada nunc. Integer massa sapien, aliquet fringilla dolor nec, elementum viverra libero. Nunc at aliquam ex. Nullam porttitor, ligula eget cursus mattis, enim sapien mattis nisi, sed bibendum ipsum nisl porta tellus.
Donec fermentum ante vel magna condimentum, nec eleifend elit faucibus. Morbi tincidunt urna turpis, non pulvinar diam maximus ac. Sed malesuada felis ut aliquam gravida. Nunc in molestie justo. Praesent risus odio, laoreet nec justo quis, aliquet finibus tellus. Nunc id ornare nisi. Mauris at lectus pulvinar, ornare urna in, pulvinar nisl. Curabitur semper fringilla justo non tristique. Nam interdum non dolor vitae laoreet. Praesent elementum varius erat, quis gravida felis consectetur eu. Donec eget diam faucibus, tempor diam et, consequat est. Curabitur semper ante eget lobortis lobortis. Praesent maximus vehicula magna sit amet condimentum. Nunc dui quam, bibendum eu turpis nec, malesuada efficitur nisl. Proin lacinia, enim tristique ullamcorper vehicula, ante dui viverra ante, venenatis blandit arcu ex nec nisi.
Ebony, je m'occupe de ta fiche^^.
Vétéran
Puf/Surnom : Nounou / Poussy Messages : 660Pétale de Poussière
Lun 4 Mai 2015 - 20:35
Wouuahhh *.* C'est magnifique :D Merciiiiiiiiiiii
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou Messages : 958Eclat de Saphir
Lun 4 Mai 2015 - 20:37
De rien ♥ C'est avec plaisir :p
Expert des lieux
Puf/Surnom : Snowy Messages : 436Chats Célestes
Mar 5 Mai 2015 - 19:38
hé oui encore et encore moi mais pour ce que je veux tu es le meilleur....
Type de bordures du gros bloc: solid
Couleur du gros bloc ou image de fond: bleu ciel ou clair tu vois
Schéma sur Paint pour montrer l'organisation de la fiche: cette fois-ci je le met.... xD
Détails: euh....
Autre?: bonne chance et merci encore je pense que cette fois-ci c'est la derniere commande pour toi enfin a par si tu me demande ;)
Type de bordures du gros bloc: solid
Couleur du gros bloc ou image de fond: bleu ciel ou clair tu vois
Schéma sur Paint pour montrer l'organisation de la fiche: cette fois-ci je le met.... xD
- Schema:
Détails: euh....
Autre?: bonne chance et merci encore je pense que cette fois-ci c'est la derniere commande pour toi enfin a par si tu me demande ;)
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou Messages : 958Eclat de Saphir
Ven 8 Mai 2015 - 18:45
Impossible de lire ce que tu as mis sur le dessin, c'est beaucoup trop petit :x
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou Messages : 958Eclat de Saphir
Sam 9 Mai 2015 - 2:57
Commande d'Ebony :
Aperçu :
Codage par Saphy
- Code:
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'><center><div style="background-image: url(http://suri.morkitu.org/images/ciel-etoile.jpg); width: 550px; height: 467px; border: 5px solid #000000; border-radius:100px; ">
<div style="font-size: 24px; font-family: Playball; color: #FFFFFF;">[i]Titre[/i]</div>
<div style="text-align: right; letter-spacing: 1px; color: #CCCCFF; font-size: 11px; font-family: Trebuchet MS; padding: 0px 2px;"><i>Avec machin</i></div>
<div style="width: 550px; height: 230px; letter-spacing: 1px; color: #CCCCFF; font-size: 18px; font-family: Playball; overflow: auto;">Ici</div>
</div></center><center>[font=Trebuchet MS][size=9][color=#0000ff]Codage par Saphy[/color][/size][/font]</center>
Aperçu :
Promenade au clair de lune
Avec machin
Le petit chat se promenait dans la clairière quand tout à coup, un rugissement lui glaça le sang, tétanisé, il eu juste le temps de journée la tête et voir deux yeux rouges sang brillants d'une haine sanguinaire le fixer. Un renard! Il s'approchait en écumant, bientôt deux autres sortirent, le petit chat n'avait d'autre issue que la fuite. Ses poursuivants étaient rapide, mais il réussi à monter dans un arbre de justesse et resta sur la branche du matin au soir, depuis il se jura de ne plus sortir seul du camp temps qu'il n'aura pas fini sa formation.
Le petit chat se promenait dans la clairière quand tout à coup, un rugissement lui glaça le sang, tétanisé, il eu juste le temps de journée la tête et voir deux yeux rouges sang brillants d'une haine sanguinaire le fixer. Un renard! Il s'approchait en écumant, bientôt deux autres sortirent, le petit chat n'avait d'autre issue que la fuite. Ses poursuivants étaient rapide, mais il réussi à monter dans un arbre de justesse et resta sur la branche du matin au soir, depuis il se jura de ne plus sortir seul du camp temps qu'il n'aura pas fini sa formation.
Le petit chat se promenait dans la clairière quand tout à coup, un rugissement lui glaça le sang, tétanisé, il eu juste le temps de journée la tête et voir deux yeux rouges sang brillants d'une haine sanguinaire le fixer. Un renard! Il s'approchait en écumant, bientôt deux autres sortirent, le petit chat n'avait d'autre issue que la fuite. Ses poursuivants étaient rapide, mais il réussi à monter dans un arbre de justesse et resta sur la branche du matin au soir, depuis il se jura de ne plus sortir seul du camp temps qu'il n'aura pas fini sa formation.
Invité
Invité
Sam 9 Mai 2015 - 12:13
en haut présentation de l'atelier en dessous reglement et en bas codes et tu peux rajouter une case avec exemples ?
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou Messages : 958Eclat de Saphir
Sam 9 Mai 2015 - 13:45
Yep, je mets tout à la suite?
Invité
Invité
Sam 9 Mai 2015 - 14:18
tu peux ;)
Invité
Invité
Dim 10 Mai 2015 - 15:39
Merci ^^
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou Messages : 958Eclat de Saphir
Dim 10 Mai 2015 - 17:34
Fini Snowy ;)
Aperçu:
Codage par Saphy
- Code:
<center><div style="background-color: #6699ff; width: 500px; height: 829px; border: 5px solid #6666ff; border-radius: 10px;"><div style="background-color: #66ccff; width: 450px; height: 200px; border-left: 5px solid #6666ff; border-right: 5px solid #6666ff; border-bottom: 5px solid #6666ff;"><div style=" background-color: #99ffff;padding:5px; border-color: #556133; border-width: 1px 0px; border-style: solid; -webkit-box-shadow: 0px 0px 3px 0px #000000; /-moz-box-shadow: 0px 0px 3px 0px #000000; box-shadow: 0px 0px 3px 0px #000000; text-align: center; font-family: Miniver; font-size: 30px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; text-align: center; color: #353632; ">Présentation de l'atelier</div><div style="height: 172px; width: auto; overflow: auto;">Ici</div></div>
<div style="background-color: #66ccff; width: auto; height: 200px; border-top: 5px solid #6666ff; "><div style=" background-color: #99ffff;padding:5px; border-color: #556133; border-width: 1px 0px; border-style: solid; -webkit-box-shadow: 0px 0px 3px 0px #000000; /-moz-box-shadow: 0px 0px 3px 0px #000000; box-shadow: 0px 0px 3px 0px #000000; text-align: center; font-family: Miniver; font-size: 30px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; text-align: center; color: #353632; ">Règlement</div><div style="height: 172px; width: auto; overflow: auto;">Ici</div></div><div style="background-color: #66ccff; width: auto; height: 200px;"><div style=" background-color: #99ffff;padding:5px; border-color: #556133; border-width: 1px 0px; border-style: solid; -webkit-box-shadow: 0px 0px 3px 0px #000000; /-moz-box-shadow: 0px 0px 3px 0px #000000; box-shadow: 0px 0px 3px 0px #000000; text-align: center; font-family: Miniver; font-size: 30px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; text-align: center; color: #353632; ">Code</div><div style="height: 172px; width: auto; overflow: auto;">Ici</div></div><div style="background-color: #66ccff; width: auto; height: 200px; border-radius: 0px 0px 5px 5px; "><div style=" background-color: #99ffff;padding:5px; border-color: #556133; border-width: 1px 0px; border-style: solid; -webkit-box-shadow: 0px 0px 3px 0px #000000; /-moz-box-shadow: 0px 0px 3px 0px #000000; box-shadow: 0px 0px 3px 0px #000000; text-align: center; font-family: Miniver; font-size: 30px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; text-align: center; color: #353632; ">Exemples</div><div style="height: 172px; width: auto; overflow: auto;">Ici</div></div>
</div></center><center>[font=Trebuchet MS][size=9][color=#0000ff]Codage par Saphy[/color][/size][/font]</center>
Aperçu:
Présentation de l'atelier
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo cursus massa, vitae vehicula neque ultrices sit amet. Mauris eu lacus velit. Nam magna tortor, porta id cursus id, elementum faucibus lectus. Ut sed arcu eu elit sagittis accumsan placerat quis dolor. Praesent tincidunt felis ex, vel vulputate sapien congue eu. Suspendisse potenti. Vestibulum et velit a mauris aliquet sagittis. Sed ultricies lacus at porttitor convallis. Nullam maximus venenatis velit non dictum. Maecenas non tincidunt ipsum. Nulla sem dui, auctor nec nibh et, laoreet sodales erat.
Aenean at sapien non dui vehicula dictum. Donec iaculis erat dolor, at tincidunt elit luctus ut. Praesent porta enim non imperdiet congue. Vestibulum finibus urna vitae eros vulputate tristique. Fusce pellentesque, lacus vitae tincidunt condimentum, turpis dui porttitor felis, non sodales dolor est mollis urna. Vivamus cursus sem sed sem hendrerit gravida in non mi. Integer fermentum egestas lorem, ullamcorper gravida lectus euismod a. Vestibulum elementum ipsum a metus consectetur, vel sagittis tortor porttitor. Proin efficitur vehicula nulla ut laoreet. Quisque odio odio, tempus eget tempus feugiat, suscipit et ex. Etiam ornare sapien sed nunc consectetur lobortis. Nullam tempus augue vitae mauris feugiat placerat. Praesent laoreet erat et lorem condimentum euismod. Aliquam erat volutpat. Duis fermentum lorem ac eros varius, eu luctus libero vestibulum.
Aenean at sapien non dui vehicula dictum. Donec iaculis erat dolor, at tincidunt elit luctus ut. Praesent porta enim non imperdiet congue. Vestibulum finibus urna vitae eros vulputate tristique. Fusce pellentesque, lacus vitae tincidunt condimentum, turpis dui porttitor felis, non sodales dolor est mollis urna. Vivamus cursus sem sed sem hendrerit gravida in non mi. Integer fermentum egestas lorem, ullamcorper gravida lectus euismod a. Vestibulum elementum ipsum a metus consectetur, vel sagittis tortor porttitor. Proin efficitur vehicula nulla ut laoreet. Quisque odio odio, tempus eget tempus feugiat, suscipit et ex. Etiam ornare sapien sed nunc consectetur lobortis. Nullam tempus augue vitae mauris feugiat placerat. Praesent laoreet erat et lorem condimentum euismod. Aliquam erat volutpat. Duis fermentum lorem ac eros varius, eu luctus libero vestibulum.
Règlement
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo cursus massa, vitae vehicula neque ultrices sit amet. Mauris eu lacus velit. Nam magna tortor, porta id cursus id, elementum faucibus lectus. Ut sed arcu eu elit sagittis accumsan placerat quis dolor. Praesent tincidunt felis ex, vel vulputate sapien congue eu. Suspendisse potenti. Vestibulum et velit a mauris aliquet sagittis. Sed ultricies lacus at porttitor convallis. Nullam maximus venenatis velit non dictum. Maecenas non tincidunt ipsum. Nulla sem dui, auctor nec nibh et, laoreet sodales erat.
Aenean at sapien non dui vehicula dictum. Donec iaculis erat dolor, at tincidunt elit luctus ut. Praesent porta enim non imperdiet congue. Vestibulum finibus urna vitae eros vulputate tristique. Fusce pellentesque, lacus vitae tincidunt condimentum, turpis dui porttitor felis, non sodales dolor est mollis urna. Vivamus cursus sem sed sem hendrerit gravida in non mi. Integer fermentum egestas lorem, ullamcorper gravida lectus euismod a. Vestibulum elementum ipsum a metus consectetur, vel sagittis tortor porttitor. Proin efficitur vehicula nulla ut laoreet. Quisque odio odio, tempus eget tempus feugiat, suscipit et ex. Etiam ornare sapien sed nunc consectetur lobortis. Nullam tempus augue vitae mauris feugiat placerat. Praesent laoreet erat et lorem condimentum euismod. Aliquam erat volutpat. Duis fermentum lorem ac eros varius, eu luctus libero vestibulum.
Aenean at sapien non dui vehicula dictum. Donec iaculis erat dolor, at tincidunt elit luctus ut. Praesent porta enim non imperdiet congue. Vestibulum finibus urna vitae eros vulputate tristique. Fusce pellentesque, lacus vitae tincidunt condimentum, turpis dui porttitor felis, non sodales dolor est mollis urna. Vivamus cursus sem sed sem hendrerit gravida in non mi. Integer fermentum egestas lorem, ullamcorper gravida lectus euismod a. Vestibulum elementum ipsum a metus consectetur, vel sagittis tortor porttitor. Proin efficitur vehicula nulla ut laoreet. Quisque odio odio, tempus eget tempus feugiat, suscipit et ex. Etiam ornare sapien sed nunc consectetur lobortis. Nullam tempus augue vitae mauris feugiat placerat. Praesent laoreet erat et lorem condimentum euismod. Aliquam erat volutpat. Duis fermentum lorem ac eros varius, eu luctus libero vestibulum.
Code
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo cursus massa, vitae vehicula neque ultrices sit amet. Mauris eu lacus velit. Nam magna tortor, porta id cursus id, elementum faucibus lectus. Ut sed arcu eu elit sagittis accumsan placerat quis dolor. Praesent tincidunt felis ex, vel vulputate sapien congue eu. Suspendisse potenti. Vestibulum et velit a mauris aliquet sagittis. Sed ultricies lacus at porttitor convallis. Nullam maximus venenatis velit non dictum. Maecenas non tincidunt ipsum. Nulla sem dui, auctor nec nibh et, laoreet sodales erat.
Aenean at sapien non dui vehicula dictum. Donec iaculis erat dolor, at tincidunt elit luctus ut. Praesent porta enim non imperdiet congue. Vestibulum finibus urna vitae eros vulputate tristique. Fusce pellentesque, lacus vitae tincidunt condimentum, turpis dui porttitor felis, non sodales dolor est mollis urna. Vivamus cursus sem sed sem hendrerit gravida in non mi. Integer fermentum egestas lorem, ullamcorper gravida lectus euismod a. Vestibulum elementum ipsum a metus consectetur, vel sagittis tortor porttitor. Proin efficitur vehicula nulla ut laoreet. Quisque odio odio, tempus eget tempus feugiat, suscipit et ex. Etiam ornare sapien sed nunc consectetur lobortis. Nullam tempus augue vitae mauris feugiat placerat. Praesent laoreet erat et lorem condimentum euismod. Aliquam erat volutpat. Duis fermentum lorem ac eros varius, eu luctus libero vestibulum.
Aenean at sapien non dui vehicula dictum. Donec iaculis erat dolor, at tincidunt elit luctus ut. Praesent porta enim non imperdiet congue. Vestibulum finibus urna vitae eros vulputate tristique. Fusce pellentesque, lacus vitae tincidunt condimentum, turpis dui porttitor felis, non sodales dolor est mollis urna. Vivamus cursus sem sed sem hendrerit gravida in non mi. Integer fermentum egestas lorem, ullamcorper gravida lectus euismod a. Vestibulum elementum ipsum a metus consectetur, vel sagittis tortor porttitor. Proin efficitur vehicula nulla ut laoreet. Quisque odio odio, tempus eget tempus feugiat, suscipit et ex. Etiam ornare sapien sed nunc consectetur lobortis. Nullam tempus augue vitae mauris feugiat placerat. Praesent laoreet erat et lorem condimentum euismod. Aliquam erat volutpat. Duis fermentum lorem ac eros varius, eu luctus libero vestibulum.
Exemples
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo cursus massa, vitae vehicula neque ultrices sit amet. Mauris eu lacus velit. Nam magna tortor, porta id cursus id, elementum faucibus lectus. Ut sed arcu eu elit sagittis accumsan placerat quis dolor. Praesent tincidunt felis ex, vel vulputate sapien congue eu. Suspendisse potenti. Vestibulum et velit a mauris aliquet sagittis. Sed ultricies lacus at porttitor convallis. Nullam maximus venenatis velit non dictum. Maecenas non tincidunt ipsum. Nulla sem dui, auctor nec nibh et, laoreet sodales erat.
Aenean at sapien non dui vehicula dictum. Donec iaculis erat dolor, at tincidunt elit luctus ut. Praesent porta enim non imperdiet congue. Vestibulum finibus urna vitae eros vulputate tristique. Fusce pellentesque, lacus vitae tincidunt condimentum, turpis dui porttitor felis, non sodales dolor est mollis urna. Vivamus cursus sem sed sem hendrerit gravida in non mi. Integer fermentum egestas lorem, ullamcorper gravida lectus euismod a. Vestibulum elementum ipsum a metus consectetur, vel sagittis tortor porttitor. Proin efficitur vehicula nulla ut laoreet. Quisque odio odio, tempus eget tempus feugiat, suscipit et ex. Etiam ornare sapien sed nunc consectetur lobortis. Nullam tempus augue vitae mauris feugiat placerat. Praesent laoreet erat et lorem condimentum euismod. Aliquam erat volutpat. Duis fermentum lorem ac eros varius, eu luctus libero vestibulum.
Aenean at sapien non dui vehicula dictum. Donec iaculis erat dolor, at tincidunt elit luctus ut. Praesent porta enim non imperdiet congue. Vestibulum finibus urna vitae eros vulputate tristique. Fusce pellentesque, lacus vitae tincidunt condimentum, turpis dui porttitor felis, non sodales dolor est mollis urna. Vivamus cursus sem sed sem hendrerit gravida in non mi. Integer fermentum egestas lorem, ullamcorper gravida lectus euismod a. Vestibulum elementum ipsum a metus consectetur, vel sagittis tortor porttitor. Proin efficitur vehicula nulla ut laoreet. Quisque odio odio, tempus eget tempus feugiat, suscipit et ex. Etiam ornare sapien sed nunc consectetur lobortis. Nullam tempus augue vitae mauris feugiat placerat. Praesent laoreet erat et lorem condimentum euismod. Aliquam erat volutpat. Duis fermentum lorem ac eros varius, eu luctus libero vestibulum.
Invité
Invité
Dim 10 Mai 2015 - 20:28
Merci c'est juste magnifique !
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou Messages : 958Eclat de Saphir
Dim 10 Mai 2015 - 22:38
De rien :D
Invité
Invité
Mer 20 Mai 2015 - 14:46
BONJOUUUR 
Type de bordures du gros bloc: Double
Couleur du gros bloc ou image de fond: http://ekladata.com/X4MX6tXKPyEjW212RsRW24ILB9o.png
Couleur d'ambiance: Ben, des couleurs assez claire x')
Schéma sur Paint pour montrer l'organisation de la fiche (pour les ateliers): Je te le passe sur Skype si ça te dérange pas
Bordure arrondie à: 25 !
Barre défilante: Ouiii
Détails: Euuh aucun ! :o
Autre?: Tu sais, pour changer la police d'écriture, si t'y arrive j'aimerai bien avoir "Xionnara" que tu trouve sur dafont (je sais pas si c'ets possible heiin)
PIS MERCII !
Type de bordures du gros bloc: Double
Couleur du gros bloc ou image de fond: http://ekladata.com/X4MX6tXKPyEjW212RsRW24ILB9o.png
Couleur d'ambiance: Ben, des couleurs assez claire x')
Schéma sur Paint pour montrer l'organisation de la fiche (pour les ateliers): Je te le passe sur Skype si ça te dérange pas
Bordure arrondie à: 25 !
Barre défilante: Ouiii
Détails: Euuh aucun ! :o
Autre?: Tu sais, pour changer la police d'écriture, si t'y arrive j'aimerai bien avoir "Xionnara" que tu trouve sur dafont (je sais pas si c'ets possible heiin)
PIS MERCII !
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou Messages : 958Eclat de Saphir
Mer 20 Mai 2015 - 18:45
Yep possible, mets moi le liens ici :p
Invité
Invité
Mer 20 Mai 2015 - 18:53
Quels lien?
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou Messages : 958Eclat de Saphir
Mer 20 Mai 2015 - 18:58
De la police d'écriture^^
Jeune aventurier
Puf/Surnom : Eterny Messages : 148Lune Eternelle
Mer 20 Mai 2015 - 20:06
En faite, c'est Xiomara !
Tiens: http://www.dafont.com/fr/xiomara.font
Ou après j'ai celui là aussi qui est bien: http://www.dafont.com/fr/birds-of-paradise.font
Tiens: http://www.dafont.com/fr/xiomara.font
Ou après j'ai celui là aussi qui est bien: http://www.dafont.com/fr/birds-of-paradise.font
Jeune recrue
Puf/Surnom : Lumy / Luminou Messages : 62Griffe de Lumière
Dim 24 Mai 2015 - 23:06
Ce serait pour une commande, merci d'avance !!
Type de bordures du gros bloc: ridge
Couleur du gros bloc ou image de fond: http://static.zerochan.net/Envy.%28FMA%29.full.730096.jpg
Couleur d'ambiance: rouge et noir
Schéma sur Paint pour montrer l'organisation de la fiche (pour les ateliers): pas doué..
Bordure arrondie à: border-radius: 10px
Barre défilante: non c'est bon
Détails: https://ancientlightshop.files.wordpress.com/2012/06/triple-moon-pent.png juste s'il était possible de rajouter un truc comme ça s'il te plait
Autre?: ben vu que l'image de fond est blanche, si tu pouvais noircir en fondu les coins sans trop altérer le centre ce serait cool, merci
Type de bordures du gros bloc: ridge
Couleur du gros bloc ou image de fond: http://static.zerochan.net/Envy.%28FMA%29.full.730096.jpg
Couleur d'ambiance: rouge et noir
Schéma sur Paint pour montrer l'organisation de la fiche (pour les ateliers): pas doué..
Bordure arrondie à: border-radius: 10px
Barre défilante: non c'est bon
Détails: https://ancientlightshop.files.wordpress.com/2012/06/triple-moon-pent.png juste s'il était possible de rajouter un truc comme ça s'il te plait
Autre?: ben vu que l'image de fond est blanche, si tu pouvais noircir en fondu les coins sans trop altérer le centre ce serait cool, merci
Vétéran
Puf/Surnom : Lutti-Saphy-Saphou Messages : 958Eclat de Saphir
Lun 25 Mai 2015 - 6:43
Voilà Eterny
Aperçu:
Codage par Saphy
Je m'en occupe Lumy Par contre pour ce type d'image, la barre défilante est obligatoire, sinon l'image se duplique en portion^^.
- Code:
<link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
<div style="background-image: url(http://i19.servimg.com/u/f19/19/12/35/19/sans_t33.jpg); height: 450px; width: 600px; border: 5px double #B2B2CC; border-radius: 25%; font-family: Tangerine; color: #9494B8; "><div style="font-size: 48px;">
[center][b]Promenade au clair de lune[/b][/center]
</div>
[right]<div style="width: 120px; text-align:center; letter-spacing: 1px; color: #CCCCFF; font-size: 11px; font-family: Trebuchet MS; padding: 0px 0px; margin-right: 70px;"><i>Truc & Truc</i></div>[/right]
<div style="width: 300px; height: 285px; margin-left: 35px; overflow: auto; font-size: 25px; color: #B8B8E6; font-family: Tangerine;">[b]Le petit chat se promenait dans la clairière quand tout à coup, un rugissement lui glaça le sang, tétanisé, il eu juste le temps de journée la tête et voir deux yeux rouges sang brillants d'une haine sanguinaire le fixer. Un renard! Il s'approchait en écumant, bientôt deux autres sortirent, le petit chat n'avait d'autre issue que la fuite. Ses poursuivants étaient rapide, mais il réussi à monter dans un arbre de justesse et resta sur la branche du matin au soir, depuis il se jura de ne plus sortir seul du camp temps qu'il n'aura pas fini sa formation.
Le petit chat se promenait dans la clairière quand tout à coup, un rugissement lui glaça le sang, tétanisé, il eu juste le temps de journée la tête et voir deux yeux rouges sang brillants d'une haine sanguinaire le fixer. Un renard! Il s'approchait en écumant, bientôt deux autres sortirent, le petit chat n'avait d'autre issue que la fuite. Ses poursuivants étaient rapide, mais il réussi à monter dans un arbre de justesse et resta sur la branche du matin au soir, depuis il se jura de ne plus sortir seul du camp temps qu'il n'aura pas fini sa formation.[/b]</div>
</div><center>[font=Trebuchet MS][size=9][color=#0000ff]Codage par Saphy[/color][/size][/font]</center>
Aperçu:
Promenade au clair de lune
Truc & Truc
Le petit chat se promenait dans la clairière quand tout à coup, un rugissement lui glaça le sang, tétanisé, il eu juste le temps de journée la tête et voir deux yeux rouges sang brillants d'une haine sanguinaire le fixer. Un renard! Il s'approchait en écumant, bientôt deux autres sortirent, le petit chat n'avait d'autre issue que la fuite. Ses poursuivants étaient rapide, mais il réussi à monter dans un arbre de justesse et resta sur la branche du matin au soir, depuis il se jura de ne plus sortir seul du camp temps qu'il n'aura pas fini sa formation.
Le petit chat se promenait dans la clairière quand tout à coup, un rugissement lui glaça le sang, tétanisé, il eu juste le temps de journée la tête et voir deux yeux rouges sang brillants d'une haine sanguinaire le fixer. Un renard! Il s'approchait en écumant, bientôt deux autres sortirent, le petit chat n'avait d'autre issue que la fuite. Ses poursuivants étaient rapide, mais il réussi à monter dans un arbre de justesse et resta sur la branche du matin au soir, depuis il se jura de ne plus sortir seul du camp temps qu'il n'aura pas fini sa formation.
Le petit chat se promenait dans la clairière quand tout à coup, un rugissement lui glaça le sang, tétanisé, il eu juste le temps de journée la tête et voir deux yeux rouges sang brillants d'une haine sanguinaire le fixer. Un renard! Il s'approchait en écumant, bientôt deux autres sortirent, le petit chat n'avait d'autre issue que la fuite. Ses poursuivants étaient rapide, mais il réussi à monter dans un arbre de justesse et resta sur la branche du matin au soir, depuis il se jura de ne plus sortir seul du camp temps qu'il n'aura pas fini sa formation.
Je m'en occupe Lumy
Par contre pour ce type d'image, la barre défilante est obligatoire, sinon l'image se duplique en portion^^.Invité
Invité
Lun 25 Mai 2015 - 12:03
Marchiii Saphyyy ! Crow bow !
Jeune recrue
Puf/Surnom : Lumy / Luminou Messages : 62Griffe de Lumière
Lun 25 Mai 2015 - 17:01
Ok merci ^^'
Par contre ça veut dire quoi :
-imagine ?
-portion ?
Comment on fait une barre défilante ??
Par contre ça veut dire quoi :
-imagine ?
-portion ?
Comment on fait une barre défilante ??
Contenu sponsorisé
|
|
|