Le p'tit atelier-papillon de Sun V.2 (codages & textes)
J'ai fait les 5 suivantes, tu me dis si ça te convient ces couleurs du coup x)
http://sun-and-kayl.forumactif.com/t53-pour-spirit#128
> Moony j'attends ton retour pour le nom, par contre j'ai pas encore commencé ton qeel Mais ça viendra
> Swan du coup le code :
- Code:
<link href="https://www.aht.li/3311915/FicheSun_swan1.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Charmonman|Cinzel" rel="stylesheet"><div class="cygne1"><h1>TITRE ICI</h1><h2>FEAT ICI</h2><hr /><p>LE TEXTE ICI</p><span>(c) Sun for Swan only</span></div>
J'aime bien Avalanche du Léopard, Léopard de l'Avalanche, Avalanche Embrumée, Avalanche Brumeuse et Eclat de l'Avalanche
Du coup pas besoin de plus je vais faire un sondage.
Pour le Qeel sorry je savaias pas quoi prendre xD et je me suis dis que comme c'était complexe :hum:
'Fin bref t'as le temps, merci d'avance
> Spirit :
Aquaman clair
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet"><div class="spirit_rp"><p style="background: #83BEC4; color: #2D241F;">FEAT ICI</p><img src="https://giffiles.alphacoders.com/207/207293.gif"/><h1 style="font-family: 'Shadows Into Light', cursive; color: #83BEC4; line-height: 41px;">TITRE ICI</h1><p style="background: #D6EFE7; color: #2D241F;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
Yeux bleus
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=BenchNine" rel="stylesheet"><div class="spirit_rp"><p style="background: #336BA5; color: #F4F2F3;">FEAT ICI</p><img src="https://i.giphy.com/media/UTtRtVRLDw6aI/giphy.webp"/><h1 style="font-family: 'BenchNine', sans-serif; color: #326BBB;">TITRE ICI</h1><p style="background: #336BA5; color: #B0CFDC;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
I don't wanna die
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet"><div class="spirit_rp"><p style="background: #053639; color: #ACAC00;">FEAT ICI</p><img src="https://78.media.tumblr.com/63a8af76fb05b8e76f1d968aac341099/tumblr_p776hqIDEl1so18vqo1_540.gif"/><h1 style="font-family: 'Libre Baskerville', serif; color: #1E5B6C;">TITRE ICI</h1><p style="background: #053639; color: #ACAC00;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
Les yeux de vampire
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Sedgwick+Ave" rel="stylesheet"><div class="spirit_rp"><p style="background: #030643; color: #F7EFEA;">FEAT ICI</p><img src="https://78.media.tumblr.com/11c4f26c5cafa9a0af0f26b382f847f7/tumblr_nvcswtgAuf1ufe64so1_500.gif"/><h1 style="font-family: 'Sedgwick Ave', cursive; color: #291135;">TITRE ICI</h1><p style="background: #00001C; color: #F7EFEA;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
Les vagues
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet"><div class="spirit_rp"><p style="background: #234551; color: #8BB6C6;">FEAT ICI</p><img src="https://giffiles.alphacoders.com/207/207316.gif"/><h1 style="font-family: 'Yanone Kaffeesatz', sans-serif; color: #8BB6C6;">TITRE ICI</h1><p style="background: #234551; color: #8BB6C6;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
Et le reste arrivera euh, dès que possible, bientôt j'espère uhu
Tu me dis si c'est tout bon x)
Il y a juste le 10 que je n'ai pas pu faire, parce que le lien de ton gif ne fonctionne pas :/ Fin, j'peux pas voir : "We're sorry - this content is not available in your territory."
• Moony, j'vais m'y mettre
Encore un Aquaman
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"><div class="spirit_rp"><p style="background: #0F2251; color: #8BB6C6;">FEAT ICI</p><img src="https://data.whicdn.com/images/298917786/original.gif"/><h1 style="font-family: 'Varela Round', sans-serif; color: #4584B2;">TITRE ICI</h1><p style="background: #0F2251; color: #8BB6C6;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
Le Roi Lion
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=EB+Garamond" rel="stylesheet"><div class="spirit_rp"><p style="background: #8C2001; color: #DF7D27; float: right; position: relative; margin-bottom: -100px; border-radius: 15px 0px 0px 15px; text-align: right;">FEAT ICI</p><img src="https://i.giphy.com/media/ofXHXj7CLI8Ew/giphy.webp"/><h1 style="font-family: 'EB Garamond', serif; color: #BA7430; margin-bottom: 15px;">TITRE ICI</h1><p style="background: #8C2001; color: #DF7D27;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
Simba et son père
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet"><div class="spirit_rp"><p style="background: #000042; color: #C49AD4;">FEAT ICI</p><img src="https://media.giphy.com/media/SJ2dvianRaKje/giphy.gif"/><h1 style="font-family: 'Amatic SC', cursive; color: #B05300;">TITRE ICI</h1><p style="background: #000042; color: #C49AD4;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
Simba et Nala
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Ranga" rel="stylesheet"><div class="spirit_rp"><p style="background: #736EC1; color: #352834;">FEAT ICI</p><img src="https://ohmy.disney.com/wp-content/uploads/sites/25/2014/02/The-Lion-King-romance-scene.gif"/><h1 style="font-family: 'Ranga', cursive; color: #9B6AB1;">TITRE ICI</h1><p style="background: #736EC1; color: #352834;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
Encore Simba et son père
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet"><div class="spirit_rp"><p style="background: #002C48; color: #CCCCCC;">FEAT ICI</p><img src="https://66.media.tumblr.com/tumblr_lyklks4juR1qghkx5o1_500.gif"/><h1 style="font-family: 'Lora', serif; color: #003E66;">TITRE ICI</h1><p style="background: #000E34; color: #CCCCCC;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
Daenerys et Khal Drogo
- Code:
<link href="https://www.aht.li/3309442/Fiches_rp_Spirit.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Ranga" rel="stylesheet"><div class="spirit_rp"><p style="background: #583112; color: #AB9379;">FEAT ICI</p><img src="https://img-s1.onedio.com/id-5b02cdc17d39c0d7146a2222/rev-0/raw/s-258ccb57f5aafcba07324257954ef7fc13d3aa64.gif"/><h1 style="font-family: 'Ranga', cursive; color: #AB9379;">TITRE ICI</h1><p style="background: #1A0500; color: #AB9379;">TEXTE ICI</p><span>(c) Sun for Spirit only</span></div>
- Code:
<link href="https://www.aht.li/3315206/Fiche_Kayu_spider.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet"><div class="kayuspider"><img src="https://www.zupimages.net/up/18/49/h3dv.jpg"/><h1>TITRE ICI</h1><h2>FEAT ICI</h2><hr /><p>TEXTE ICI</p><span>(c) Sun for Kayl only </span></div>
Exemples de fiches récentes :
https://codepen.io/lenakin-sunny/full/vwPzgG
https://codepen.io/lenakin-sunny/full/YbgJbO
https://codepen.io/lenakin-sunny/full/QRoYxe
https://codepen.io/lenakin-sunny/full/NZrKBL
https://codepen.io/lenakin-sunny/full/MMmmeK
https://codepen.io/lenakin-sunny/full/zVEYyR
NON c'est pour Vulcain
• Bordures arrondies ? Non
• Ombres ? (texte et/ou fiche entière) : Peut-être, comme toujours, titre & 1 1 0px
• Éventuelles images (de fond, en hover/slide ou autre, OBLIGATOIRES si vous en voulez, sous spoiler) : https://zupimages.net/up/19/26/2puc.jpg
• Polices d'écriture : Titre : Gloria Hallelujah (& feat), texte euh classique, n'importe quoi /meurt/ Roboto c'est bien
• Place pour un feat ? J'aime bien les Feat
• Barre défilante ? Euh pas a priori
• Ambiance : Whut °^° Je veux qu'on ressente de la peur mêlée à de la joie parce qu'il est vivant et qu'il a peur
• Schéma (facultatif) : https://i.gyazo.com/78f44830342e99a710453c087040761a.png toujours un schéma
• Délai (pressé, normal, non-urgent) : Non-urgent
• Forum où vous compter l'utiliser (liens éventuels par mp) : ICI (oui ici)
• Autre (des éléments en plus ?) : Un bisou please **
Je prends et voici : https://codepen.io/lenakin-sunny/pen/pXWxXM J'ai pris le parti de mettre plutôt les ombres à 2pixels, pour qu'elles soient bien visibles, mais on peut remettre à 1 si tu préfères
Et si tu veux que je refasse ma fiche d'atelier tu peux me faire une maquette
// OUVERT //
Du coup voilà ta maquette de nouvelle fiche d'atelier **
Fond global : #f4f4f4
Fond des blocs blanc : #fff
Fond du menu : #329ab0
Fond des "boutons", couleur des sous-titre, Ombre du titre principal : #1b6e80
Fond des blocs gris : #ededed
Fond scrollbar & couleur des "titres" dans les blocs blancs (gris foncé) : #7a7a7a
• Schéma (obligatoire, au pire description très précise) : https://zupimages.net/up/19/26/u4ni.png
Formus : https://i.gyazo.com/00177a0d8de1fb32b20efd91483ebf50.png
• Bordures arrondies ? 3px sur les blocs blancs, les "boutons" du menu & les "boutons" dans la présentation des trucs
• Éventuelles images (de fond, en hover/slide ou autre, OBLIGATOIRES si vous en voulez, sous spoiler) : https://zupimages.net/up/19/26/i4be.png
• Polices d'écriture : J'ai mis Roboto parce que grosse flemme, mais fais toi plaisir
• Barre défilante ? Sur les blocs gris
• Délai (pressé, normal, non-urgent) : Normal
• Forum où vous compter l'utiliser (liens éventuels par mp) : Bah sur la page 1 de ce truc °°
• Autre (des éléments en plus ?) : alors :
> Menu sticky en haut, qui reste lorsqu'on descend, pour une navigation + fluide.
> Boutons = liens en ID qui renvoient + bas dans la page.
> Y a des ombres blanches sur les sous-titres (ceux en bleu foncé), et une ombre bleu foncé sur le gros-titre en haut
> Je crois que c'est tout °^° Hésite pas si t'as des questions
Voilà amuse-toi bien
Moi et mes futurs clients te remerciont *meurt*
Ah et d'ailleurs faudrait peut-être que je te file le code de la fiche précédente, je reviens tout de suite (j'éditerai)
Voilà :
Un titre ici, qui peut être long, genre 3 lignes
Avec Hidoï crachant la Lave
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nisl risus, posuere a condimentum id, consectetur id enim. Nulla facilisi. Integer a urna pellentesque, vulputate purus a, luctus lectus. Praesent dictum nibh a ex sollicitudin, in pharetra sapien congue. Aenean libero nulla, porta eu aliquet at, suscipit vitae arcu. Quisque euismod, lectus vel rhoncus faucibus, neque arcu venenatis enim, non hendrerit eros tellus vel felis. Quisque molestie cursus neque vitae pulvinar. Pellentesque dui dolor, tincidunt imperdiet arcu eu, molestie cursus tortor.
Mauris nibh ligula, dapibus id mauris sed, rutrum accumsan tortor. Suspendisse elit quam, mollis eget tellus sed, dignissim lobortis nibh. Suspendisse potenti. Cras et scelerisque purus. Nulla facilisi. Sed posuere sapien vel est rutrum dapibus. Morbi sed justo vitae libero convallis maximus nec eget massa. Phasellus ac mi nec sapien egestas dignissim ut vitae velit. Cras vulputate purus nulla, eget hendrerit lorem fermentum eget. Cras vehicula volutpat nibh, quis sollicitudin odio varius eu. Nulla hendrerit, ante quis maximus dictum, ante urna suscipit tortor, ut porttitor enim justo in purus.
Donec fermentum, sem vel gravida sollicitudin, ante ipsum eleifend mi, vel molestie nulla est eget sem. Mauris lectus lectus, consectetur eget nunc eu, malesuada iaculis sem. Cras hendrerit velit sit amet sem accumsan egestas. Vivamus sapien enim, interdum tempor dapibus et, facilisis ut quam. Pellentesque at metus sed dui maximus placerat eleifend in magna. Aliquam et leo vitae eros vestibulum auctor vel a nunc. Ut sed accumsan nunc, ac interdum arcu. Aliquam sagittis id ante et convallis. Proin id arcu metus. Praesent molestie, magna sit amet efficitur scelerisque, ipsum mi porta eros, eu facilisis lacus nulla ullamcorper erat.
- Code:
<link href="https://www.aht.li/3389564/vulcain.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Roboto&display=swap" rel="stylesheet"><div class="fichevulcain"><h1>TITRE</h1><h2>FEAT</h2><p>TEXTE</p></div>
L'atelier est bien ouvert du coup? Si oui, j'aimerais passer une commande de fiche pour l'un de mes persos :) (J'en commanderais sûrement une deuxième pour mon autre persos plus tard x) )
• Bordures arrondies ? Oui
• Ombres ? (texte et/ou fiche entière) : Non
• Éventuelles images (de fond, en hover/slide ou autre, OBLIGATOIRES si vous en voulez, sous spoiler) : Je n'ai aucune idée de tout ce que la plupart de ces mots veulent dire ._. Un genre de bannière comme tu l'as fait sur la fiche juste au dessus? J'ai plusieurs images possibles, je te laisse choisir celle qui rendra le mieux
http://www.wildsouthflorida.com/images2014/water%20fern%201200.jpg
https://media.ooreka.fr/public/image/plant/628/mainImage-source-12027006.jpg
https://davesgarden.com/guides/pf/thumbnail.php?image=2004/09/02/Andrew60/990e7a.jpg&widht=700&height=312
https://newfs.s3.amazonaws.com/taxon-images-1000s1000/Marsileaceae/marsilea-quadrifolia-ha-fbramley-a.jpg
• Polices d'écriture : Georgia
• Place pour un feat ? Non
• Barre défilante ? Non
• Ambiance : Calme
• Schéma (facultatif) : //
• Délai (pressé, normal, non-urgent) : Non-Urgent
• Forum où vous compter l'utiliser (liens éventuels par mp) : Je l'utiliserais ici
• Autre (des éléments en plus ?) : Merci d'avance! :) Et désolé s'il y a un soucis avec mon formulaire ._.
//ATELIER OUVERT //
Tu me dis ce que tu en penses, et si ça te convient je te filerai le code x)
Donc, le code :
- Code:
<link href="https://www.aht.li/3390766/fougere.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Anton|EB+Garamond&display=swap" rel="stylesheet"><div class="droon1"><div></div><img src="https://www.zupimages.net/up/19/27/jlyy.jpg"/><h1>TITRE</h1><p>TEXTE<br /><br /><span>Design (c) Kayl, code (c) Sun</span></p></div>
Merci alors :) Elle est parfaite ^^ Mes RPs seront sublimes avec ça
- CRAZY BUTTERFLY WORKSHOP ~ Mashy Atelier codages / textes / noms / citations ~ [ FERMÉ ]
- L'atelier de textes et de codage de Sun // OUVERT (0/2 et 0/2) //
- Atelier Textes et Poèmes d'une Orange
- L'Atelier de Neph V2 || Signas, transpas, vavas, et codages
- L'atelier de Nuity |Codages | [2/1] ATTENDRE QUE LES PLACES SE LIBERENT
|
|