Kayl ~ Atelier codages, graphs, dessins, transpas
Je veux un codage
Je te code quoi ? Un morceau de PA
Images (facultatif) : https://zupimages.net/up/18/30/76n4.png
Couleurs : Du blanc plus les couleurs de groupes que j'ai détaillées plus bas
Où je mets les textes ? J'ai tout mis dans le schéma je crois
T'as un schéma ou juste du blabla ? https://zupimages.net/up/18/31/gnw1.png
DONC comme tu le sais je voudrais des onglets (5). Et les onglets je voudrais qu'ils soient de la même couleur que le groupe actif (genre là l'onglet actif en doré) et les autres en blanc. Or les groupes sont : Couronne en #F0C800 ; Targaryen en #560000 ; Nord en #2B87A8 ; Garde de Nuit en #000000 ; Indépendants en #947188. Ensuite les textes pour les quatre premiers groupes seraient comme sur le schéma, pour les Indépendants y aurait pas le truc "leader". Le beige derrière c'est le fond de la PA donc t'en occupe pas Et pour le truc blanc au dessus de l'image je voudrais qu'il soit en opacité 0.5 ou un truc comme ça de base et que quand on passe la souris, il devienne en opacité 1
Je rajoute autre chose ? Je crois que j'ai tout dit
Voilààà merci d'avance
M'en veux pas trop du surplus de boulot
J'aimerais une transpa
Dans quel style ? Police Cinzel Decorative
Couleur(s) : NOUAR
Texte ? Nouveau
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Cinzel Decorative
Couleur(s) : NOUAR
Texte ? Répondre
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Cinzel Decorative
Couleur(s) : NOUAR
Texte ? Verrouillé
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? Accueil
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? FAQ
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? Rechercher
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? Membres
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? Groupes
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? Profil
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? Messagerie
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? Déconnexion
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? Connexion
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? Nouveau message
Sous-texte ? //
Je rajoute autre chose ? //
J'aimerais une transpa
Dans quel style ? Police Enchanted Land
Couleur(s) : NOUAR
Texte ? S'enregistrer
Sous-texte ? //
Je rajoute autre chose ? //
Merci d'avance
Au revoir
https://zupimages.net/up/18/31/vcpg.png
https://zupimages.net/up/18/31/8w7g.png
https://zupimages.net/up/18/31/yfwq.png
Pour voir si c'est tout bon, Neph je termine ça after, Biket pareil j'édite pour le reste si ça va
EDIT :
https://zupimages.net/up/18/31/1sgr.png
https://zupimages.net/up/18/31/wr3a.png
https://zupimages.net/up/18/31/0swy.png
https://zupimages.net/up/18/31/3s3m.png
https://zupimages.net/up/18/31/t999.png
https://zupimages.net/up/18/31/ilod.png
https://zupimages.net/up/18/31/vl7v.png
https://zupimages.net/up/18/31/0gwj.png
https://zupimages.net/up/18/31/g6yx.png
https://zupimages.net/up/18/31/6t15.png
https://zupimages.net/up/18/31/xai3.png
> DONC Neph y a 3 parties hein, puisqu'y a un morceau en JS
CSS :
- Code:
/*----- Gros titre du bloc -----*/
h1.bloc_populace{
width: 250px;
text-align: center;
margin-bottom: -15px;
color: #fff;
font-family: 'Great Vibes', cursive;
font-size: 30px;
}
/*----- Les onglets : mise en forme -----*/
.onglet{
display:inline-block;
margin-right:6px;
margin-top: 10px;
padding:3px;
cursor:pointer;
width: 38px;
height: 10px;
background: #fff;
}
.onglet_off{
background:#fff;
}
.onglet_on{
background:#F0C800;
}
.contenu_onglet{
padding:5px;
display:none;
width: 250px;
height: 150px;
color: #fff;
}
.contenu_onglet .bloc{
width: 230px;
background: rgba(255, 255, 255, 0.5);
margin: 10px auto;
height: 130px;
transition: all 0.8s ease;
}
.contenu_onglet .bloc:hover{
background: rgba(255, 255, 255, 1);
}
/* ------ Image de fond de chaque onglet -------*/
#contenu_onglet_1{
background: url(https://zupimages.net/up/18/30/76n4.png);
}
#contenu_onglet_2{
background: url(https://zupimages.net/up/18/30/76n4.png);
}
#contenu_onglet_3{
background: url(https://zupimages.net/up/18/30/76n4.png);
}
#contenu_onglet_4{
background: url(https://zupimages.net/up/18/30/76n4.png);
}
#contenu_onglet_5{
background: url(https://zupimages.net/up/18/30/76n4.png);
}
/* ------ Sous-titres dans les onglets -------*/
#contenu_onglet_1 h1{
margin: 0;
color: #F0C800;
text-align: center;
position: relative;
top: -10px;
font-family: 'Overlock SC', cursive;
font-size: 25px;
}
#contenu_onglet_2 h1{
margin: 0;
color: #560000;
text-align: center;
position: relative;
top: -10px;
font-family: 'Overlock SC', cursive;
font-size: 25px;
}
#contenu_onglet_3 h1{
margin: 0;
color: #2B87A8;
text-align: center;
position: relative;
top: -10px;
font-family: 'Overlock SC', cursive;
font-size: 25px;
}
#contenu_onglet_4 h1{
margin: 0;
color: #000;
text-align: center;
position: relative;
top: -10px;
font-family: 'Overlock SC', cursive;
font-size: 25px;
}
#contenu_onglet_5 h1{
margin: 0;
color: #947188;
text-align: center;
position: relative;
top: -10px;
font-family: 'Overlock SC', cursive;
font-size: 25px;
}
/* ------ Textes dans les onglets -------*/
.contenu_onglet .bloc p{
padding: 10px;
color: #000;
position: relative;
top: -20px;
font-family: Calibri;
}
Le HTML qui va donc dans ta PA : fais gaffe y a re le lien des polices à mon avis tu peux le virer
- Code:
<link href="https://fonts.googleapis.com/css?family=Great+Vibes|Overlock+SC" rel="stylesheet">
<h1 class="bloc_populace">Populace</h1>
<div class="systeme_onglets">
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_1">
<div class="bloc"><h1>Couronne</h1>
<p>Leader : Machin<br><br>Forces : 50</p></div>
</div>
<div class="contenu_onglet" id="contenu_onglet_2">
<div class="bloc"><h1>Targaryen</h1>
<p>Leader : Machin<br><br>Forces : 50</p></div>
</div>
<div class="contenu_onglet" id="contenu_onglet_3">
<div class="bloc"><h1>Nord</h1>
<p>Leader : Machin<br><br>Forces : 50</p></div>
</div>
<div class="contenu_onglet" id="contenu_onglet_4">
<div class="bloc"> <h1>Garde de Nuit</h1>
<p>Leader : Machin<br><br>Forces : 50</p></div>
</div>
<div class="contenu_onglet" id="contenu_onglet_5">
<div class="bloc"> <h1>Indépendants</h1>
<p>Forces : 50</p></div>
</div>
</div>
<div class="onglets">
<span class="onglet_off onglet" id="onglet_1" onclick="javascript:change_onglet('1'); Color1()"></span>
<span class="onglet_off onglet" id="onglet_2" onclick="javascript:change_onglet('2'); Color2()"></span>
<span class="onglet_off onglet" id="onglet_3" onclick="javascript:change_onglet('3'); Color3()"></span>
<span class="onglet_off onglet" id="onglet_4" onclick="javascript:change_onglet('4'); Color4()"></span>
<span class="onglet_off onglet" id="onglet_5" onclick="javascript:change_onglet('5'); Color5()"></span>
</div>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = '1';
change_onglet(anc_onglet);
//-->
</script>
ET dans les modules JS tu te fais une petite page onglets :
- Code:
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_off onglet';
document.getElementById('onglet_'+name).className = 'onglet_on onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
function Color1(){
document.getElementById('onglet_1').style.background = '#F0C800';
document.getElementById('onglet_2').style.background = '#fff';
document.getElementById('onglet_3').style.background = '#fff';
document.getElementById('onglet_4').style.background = '#fff';
document.getElementById('onglet_5').style.background = '#fff';
}
function Color2(){
document.getElementById('onglet_1').style.background = '#fff';
document.getElementById('onglet_2').style.background = '#560000';
document.getElementById('onglet_3').style.background = '#fff';
document.getElementById('onglet_4').style.background = '#fff';
document.getElementById('onglet_5').style.background = '#fff';
}
function Color3(){
document.getElementById('onglet_1').style.background = '#fff';
document.getElementById('onglet_2').style.background = '#fff';
document.getElementById('onglet_3').style.background = '#2B87A8';
document.getElementById('onglet_4').style.background = '#fff';
document.getElementById('onglet_5').style.background = '#fff';
}
function Color4(){
document.getElementById('onglet_1').style.background = '#fff';
document.getElementById('onglet_2').style.background = '#fff';
document.getElementById('onglet_3').style.background = '#fff';
document.getElementById('onglet_4').style.background = '#000';
document.getElementById('onglet_5').style.background = '#fff';
}
function Color5(){
document.getElementById('onglet_1').style.background = '#fff';
document.getElementById('onglet_2').style.background = '#fff';
document.getElementById('onglet_3').style.background = '#fff';
document.getElementById('onglet_4').style.background = '#fff';
document.getElementById('onglet_5').style.background = '#947188';
}
Je veux un codage
Je te code quoi ? Une fiche de rp
Images (facultatif) : https://data.whicdn.com/images/210958116/original.gif
Couleurs : DU VIOLEEEEEEEET
Où je mets les textes ? Un p'tit feat tranquille pis sinon titre et texte normal voilà quoi
T'as un schéma ou juste du blabla ? Juste du blabla Non en fait euh bah j'veux un truc simple 'fin ouais fais comme tu le sens mais pars pas trop loin non plus /paf/
Je rajoute autre chose ? Si tu as envie oui
BIEN L'AU REVOIR
Du coup bah non je prends pas è.é
/oknonvoilà/
https://codepen.io/Kayl_dAmbrosio/full/PBeYOy?editors=1100
- Code:
<link href="https://www.aht.li/3263416/biket4.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=PT+Serif|Ranga" rel="stylesheet"><div class="biket4_kayl_bloc1"><h1>TITRE</h1><h2>« Citation »</h2></div><div class="biket4_kayl_bloc2"><img src="https://data.whicdn.com/images/210958116/original.gif" /><h3><br>▲ Un gens<br><br>▲ Ft Gens<br></h3><hr><p>TEXTE</p></div><p class="kayl-copyright-biket">(c) Kayl</p>
Mais merci c'est bien beau
SO I'M HERE
Je veux un dessin
Je te dessine quoi ? Deux chats !
Description du dessin (ce que je dessine, le fond si y a) : Alors sur le dessin, il y aurait Nuage Céleste, Scarabée Sacré ET LEURS CHATOOONS ! Donc il y aurait Nuage Céleste couché en train de regarder Scarabée Sacrée, Boule Marine et Petit Serpent en train de jouer ensemble. Patte de Poussière serait près de sa mère elle
Je refais un petit tour des physiques /paf/ Sel est grande, elle a le pelage blanc et les yeux brun. Scar est........ Grand aussi, le pelage blanc au niveau des pattes et le reste est noir et gris sinon ! Scar c'est celui qui a l'œil gauche en bleu et l'œil droit en vert /paf/ Poussy a le pelage gris et les yeux verts-jaunes et elle est petite. Marin a le poil long et touffu (c'est une boule /paf/), elle est noire avec le cul blanc et elle a les yeux marrons. Pour finir, Snake a le pelage blanc, sur ce pelage blanc, il y a des tâches de couleur fauves qui elles, sont entourés de noirs. Il a les yeux vairons, le droit est jaune et le gauche est brun !
Ambiance : Que de la joie parce qu'ils sont heureux pour le moment Et pour le fond, je voyais bien des fleurs, des papillons, fin que des choses qui rappellent la bonne humeur (oh et un soleil du coup !!)
Texte(s) ? Mmmh en bas du dessin marquer " Le calme avant la tempête. "
Je rajoute autre chose ? Eh bien nan, tout est dit
Je ferais le reste plus tard /paf/
Ça va être marrant
- Code:
<img src="https://zupimages.net/up/18/32/3puc.png" />
> Orenji j'ai commencé **
OUVERT pour graphs et codages et transpas
Le personnage
Sexe du perso: Mâle
Âge du perso: 44
Mentor / apprenti : Nuage des Cimes
Je veux une transpa
Dans quel style ? J'en ai pas la moindre idée °° Ça marche carte blanche ? /paf/
Couleur(s) : Rose et noir parce que je sais pas, rose et noir quoi /paf/
Texte ? Arkan
Sous-texte ? I don't call it a dream (Houlala la citation nul de retour /paf/)
Je rajoute autre chose ? J'aimerais trop des courbes **
Je veux une transpa
Dans quel style ? JE SAIS TOUJOURS PAS
Couleur(s) : Violet et bleeeeu
Texte ? Kato rêvant sur les eaux Noires
Sous-texte ? "J'reviens d'entre les morts m'dame, rien d'anormal" (parce que lol)
Je rajoute autre chose ? Je sais pas °° CARTE BLANCHE //PAF//
Merci beaucoup
J'suis sûr t'adore les cartes blanches (ou pas //MUR//)
Ciel bleu = il fait beau et soleil, par contre dessiner un soleil c'est moche hein
- Code:
<img src="https://zupimages.net/up/18/32/lge7.png" style="width: 520px;" />
> Aido je prends J'aime les cartes blanches °°
> OUVERT
- Code:
<img src="https://zupimages.net/up/18/33/go54.png" />
- Code:
<img src="https://zupimages.net/up/18/33/qfsc.png" />
> And ouvert
J'aimerais un vava
Je te graphe quoi ? Un vava du coup
Images (ou description précise, à vos risques et périls) : Comme tu veux
Ambiance et couleurs : Comme tu veux
Texte ? Comme tu veux
Sous-texte ? Comme tu veux
Je rajoute autre chose ? Comme tu veux
Je quémande une transpa
Dans quel style ? Euh plutôt manuscrit
Couleur(s) : ROUGE (rosé, rouge sang, rouge vermeil, ...)
Texte ? Rire Dévastateur
Sous-texte ? L'amour triomphe toujours (ou peut-être n'en es-tu pas digne)
Je rajoute autre chose ? Il y a moyen de faire un truc à la fois flippant genre sanglant et à la fois style amour avec un 'tit cœur et du rose ?
Je voulais aussi un dessin mais je sais plus lequel '-' Donc je reviendrai Te n'aime
Les transpa sont magnifiques omg
Sur ce, commande
Je veux un dessin
Je te dessine quoi ? Un chat, Kyun
Description du dessin (ce que je dessine, le fond si y a) : Du coup j'aimerais Kyun debout de côtés qui regarde droit devant lui, physiquement il est plutôt petit et fin, il a le pelage blanc rayé de roux avec le museau, le ventre + le poitrail, les quatre pattes et la queue noir
Ambiance : Omg j'en sais rien °° Normal c'est bien ? Genre expression normal, petit sourire etc °°
Texte(s) ? Kyun admirant les étoiles scintillantes de la Nuit
Je rajoute autre chose ? En fait j'aimerais un demi décor. Genre tu vois rien en dessous, à sa droite et à sa gauche, mais un ciel mauve foncé avec des étoiles au dessus de sa tête
Merci
Et du coup fermé aux dessins, ouvert aux codes et graph quoi °^°
- Code:
<img src="https://zupimages.net/up/18/33/z5kb.png" />
Et du coup le vava je t'ai fait bah "comme je veux"
https://zupimages.net/up/18/33/gp8n.gif
Tu me dis, du coup c'est noir noir et jaune orange maiiis bon °w°
Merciiiiiiii
- Code:
<img src="https://zupimages.net/up/18/33/aksq.png" style="width: 500px;" />
En fait tu peux ajuster la taille sans perte de qualité
> OUVERT
Le personnage
Sexe du perso: Femelle
Âge du perso: 60
Mentor / apprenti : Nuage de la Collision
J'aimerais une transparence pour Ambre.
Dans quel style ? Euuh déjà c'est pour Ambre, parce que je viens de me rendre compte qu'elle n'a pas de transpa (Sacrilège). Euuh Ambre elle est un peu perdue là, elle vient de se rendre compte qu'elle n'aime pas Cavan mais elle ne sait pas trop être quoi d'autre à la place. Donc euh je dirais le style calligraphique ;-; Fin avec des boucles et tout ça, et un aura doux orange autour eeeet la cita avec une police très dur au contraire, pour bien faire la différence t'sais You understand ?
Couleur(s) : ORANGE ORANGE. Toutes les teintes d'Orangeeeee
Texte ? Ambre (police euuh vraiment calligraphique, c'est important.)
Sous-texte ? Je suis peut-être lâche. Je crois que je m'en fous.
Je rajoute autre chose ? Si tu pouvais mettre des éclats d'Ambre, ça serait sympa, sinon carte blanche /paf/
MERCI Kaylins
- L'Atelier de Neph V2 || Signas, transpas, vavas, et codages
- Krys ouvre son atelier *^* Dessin/Noms-Citations/graphs {OUVERT GRAPHS/CITATIONS} 10 - 0 - 1
- L'atelier de Neph' | Graphisme, transpas, codage et noms
- ♬ Les Transpas' de Rivy ♬ Atelier de Transparentes. 0/10 {OUVERT} 19 commandes réalisées!
- Le p'tit atelier-papillon de Sun V.2 (codages & textes)