Votez !
Aller en haut Aller en bas
Le deal à ne pas rater :
Cartes Pokémon EV6.5 : où trouver le Bundle Lot 6 Boosters Fable ...
Voir le deal

Kayl ~ Atelier codages, graphs, dessins, transpas

avatar
Invité
Invité
 Dim 19 Aoû 2018 - 14:17
Owiih des Kaylins :hawn:

Donc comme je le disais, ça rendra mieux avec un design + sombre, mais voilà ça passe quand même °°



Code:
<img src="https://zupimages.net/up/18/33/o5ty.png" />
Ambre
Jeune aventurier
Puf/Surnom Puf/Surnom : Espé
Messages Messages : 91

Le personnage
Sexe du perso: Femelle
Âge du perso: 58
Mentor / apprenti : Never
Ambre
 Dim 19 Aoû 2018 - 16:20
J'aime Kayl Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 264746
KAYLINS :keur:
avatar
Invité
Invité
 Jeu 23 Aoû 2018 - 12:35
Coucouuuu :keur:
Grosse commande parce que j'ai des grosses fesses Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3200486043 

Je veux un codage

Je te code quoi ? Des catés ma p'tite dame !  Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3200486043
Images (facultatif) : J'te repasse mon fond noir parce que y aura une image carrée sur la gauche 'fin tu verras sur le schéma Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3193767302 https://www.zupimages.net/up/17/31/wchq.png
Couleurs : Les couleurs sont sur le schéma Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3200486043
Où je mets les textes ? Cf schéma Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3200486043 
T'as un schéma ou juste du blabla ? J'ai une maquette venant tout droit d'épicode ouais, Moony a eu la flemme /paf/ https://2img.net/image.noelshack.com/fichiers/2018/32/4/1533850733-maquette.png
  Je rajoute autre chose ? Ouais alors euh j'ai deux précisions, sur la maquette y a un truc rouge et un truc jaune, Moony m'a dit que c'était ça le truc "nouveau sujet" donc en gros ça change de couleur quand y a un new truc Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 2049336592 Je sais pas si tu sais faire ça, sûrement, tu sais tout faire /paf/ Sinon c'pas grave tu mets ça rouge et on se débrouillera, y a l'image de gauche qui pourra servir, voilà. Ensuite j'viens d'avoir l'idée j'ai même pas demandé à Moony (ouloulou #Pour Kayl) mais genre peut-être que lorsqu'on passe le curseur sur les sous-forums ça devient noir sur blanc histoire de voir sur quoi tu cliques /paf/ (c'est pratique sur tel uhuh) ET ENFIN ah oui là c'est une question de ma part, sur la maquette y a les avatars visibles donc on fera ça mais euh, bon c'est con comme question j'suis à peu près sûre d'avoir déjà la réponse par moi-même mais j'veux en avoir le coeur net (*va mourir*), pas moyen de foutre une image par défaut ? Parce que le temps de poster partout ça risque de faire grave moche aux endroits sans avatars /paf/ 






Au revoir madaaaaame et merci :keur:
Kayl
Vieille branche
Puf/Surnom Puf/Surnom : Kayl
Messages Messages : 1784
Kayl
 Ven 24 Aoû 2018 - 10:31
Du coup voilà pour que tout le monde admire :hawn:

http://sun-and-kayl.forumactif.com/
avatar
Invité
Invité
 Ven 24 Aoû 2018 - 11:26
Ouiiii :lala:
Merci du coup pis comme dit sur Discord bah j'ai rien à redire :D :keur:
Le Staff
Compte du Staff
Puf/Surnom Puf/Surnom : Le Staff.
Messages Messages : 1139
Le Staff
 Ven 24 Aoû 2018 - 21:00
Donc le CSS :

Code:
/* ---------- DÉBUT CATÉS DE KAYL ---------- */

.cate_bloc {
  width: 750px;
  background: #ea4b4e;
  margin: auto;
  padding: 1px 0px 20px 0px;
}

.cate_title h2 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #fa5d60;
  text-shadow: 1px 1px 0px #fff;
  font-size: 35px;
  text-align: center;
  font-style: italic;
}

.cate_ssfow {
  width: 90%;
  margin: 15px auto;
}
.ssfow_title a {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 5px 15px;
    text-transform: uppercase;
    display: block;
}

.ssfow_bloc {
  background: #000;
  height: 100px;
  position: relative;
}

.cate_descri {
  color: #5c5755;
  font-size: 11px;
  height: 70px;
  margin-left: 90px;
  overflow: auto;
  padding: 15px;
  text-align: justify;
  width: 220px;
  display: inline-block;
}

.cate_descri:first-letter {
    font-weight: bold;
    color: #ea4b4e;
}

.cate_descri img {
  display: inline-block;
  width: 70px;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 15px;
  margin-top: 15px;
}

.cate_forumrow {
  display: inline-block;
  height: 90px;
  overflow: auto;
  width: 90px;
  margin: 0px 15px;
  margin-left: 0px;
}
.cate_forumrow a {
  background: #2c2a29;
  color: #5c5755;
  display: block;
  margin: 5px 0px;
  padding: 3px;
  text-align: center;
  transition: all .8s ease;
}

.cate_forumrow a:hover {
    color: #fff;
    background: #5c5755;
}

.ssfow_bloc img:nth-child(4), .ssfow_bloc img:nth-child(5){
  border-radius: 10px;
  display: inline-block;
  height: 70px;
  position: relative;
  top: -15px;
  width: 70px;
  left: 5px;
}

.ssfow_bloc img:nth-child(5) {
    margin-left: -70px;
    position: relative;
    z-index: -1;
}

.cate_lastpost {
  color: #5c5755;
  display: inline-block;
  font-size: 9px;
  height: 70px;
  left: 20px;
  overflow: auto;
  position: relative;
  text-align: center;
  width: 120px;
}

.cate_lastpost a {
    font-size: 10px;
}

.ssfow_stat {
  padding: 5px 15px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
}

/* ---------- FIN CATÉS DE KAYL ---------- */


Et le template, intégralement parce que flemme (index_box)

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<div class="cate_bloc"><!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="cate_title">{catrow.tablehead.L_FORUM}</div>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
  <div class="cate_ssfow">
    <div class="ssfow_title" style="background: url('{catrow.forumrow.FORUM_FOLDER_IMG}')"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
    <div class="ssfow_bloc"><div class="cate_descri">{catrow.forumrow.FORUM_DESC}</div>
      <div class="cate_forumrow"><span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div>
      <script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
      </script>
     
      <!-- BEGIN avatar -->
            {catrow.forumrow.avatar.LAST_POST_AVATAR}
            <!-- END avatar -->
      <img src="https://i.gyazo.com/0fb57a89aabefb59a155117671948d81.png" />
     
     
      <div class="cate_lastpost">{catrow.forumrow.LAST_POST}</div>
    </div> 
        <div class="ssfow_stat" style="background: url('{catrow.forumrow.FORUM_FOLDER_IMG}')">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
  </div>

   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
      <!-- BEGIN inc -->
      <!-- END inc -->
      
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
  <!-- END tablefoot --><!-- END catrow --></div>


Ensuite en nouveau message tu vas mettre
https://i.gyazo.com/f83632b8abfc6270c177381c344317b6.png un carré de la couleur du fond "nouveau message" quoi
Et en "pas de nouveau message" pareil en rouge
https://i.gyazo.com/b67b66418e11ca9e3261ee907cc29261.png

Je crois que c'est tout ._. dis moi si ça bug, si y a autre chose et voilà :D
Citron Vert
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Dusky
Messages Messages : 250
Citron Vert
 Sam 1 Sep 2018 - 22:20
Holaaaa j'viens te donner du travail Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3200486043

Je veux un codage

Je te code quoi ? Fiche de rp
Images (facultatif) : Euh, comme tu le sens, mais c'est pas pour un perso lgdc
Couleurs : Blanc, bleu ciel et noir
Où je mets les textes ? Bah, titre au centre, feat à droite, texte centre mais justify et crédits en bas, centrés.
T'as un schéma ou juste du blabla ? Nop ! Mais comme je l'ai dit, c'est pas pour un perso lgdc, c'est pour une jeune fille trèèèès naïve, du coup, bah, faut tenir compte de ça /pan/
 Je rajoute autre chose ? Comme tu le sens

Kayl
Vieille branche
Puf/Surnom Puf/Surnom : Kayl
Messages Messages : 1784
Kayl
 Jeu 6 Sep 2018 - 11:16
Bon je suis surun ordi de merde

Je vois que dalle les couleurs, du coup je regarderai sur mon Mac mais en attendant tiens /paf/ (j'ai pas trop respecté le schéma au final)

https://codepen.io/Kayl_dAmbrosio/full/PdjPLW
Tu me dis si je change Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3193767302
Espoir Flamboyant
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Dusky
Messages Messages : 160
Espoir Flamboyant
 Jeu 6 Sep 2018 - 17:48
Owih c'est génial :mignon:
J'adore vraiment le fait que tu arrives à coder des trucs à partir de rien Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 264746
Merci :keur:
Hidoï crachant la Lave
Jeune aventurier
Puf/Surnom Puf/Surnom : Kayl
Messages Messages : 85
Hidoï crachant la Lave
 Sam 8 Sep 2018 - 18:41
Du coup voici les codes °^° J'aime bien partir en freestyle /paf/

Code:
<link href="https://www.aht.li/3279802/dusky4.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Mukta|Tangerine" rel="stylesheet"><div class="dusky4_kayl"><div class="dusky4_ft"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Gascogne_pigeon%28barless_blue%29.jpg/1200px-Gascogne_pigeon%28barless_blue%29.jpg" /><h2>Ft Gens</h2> </div><div class="dusky4_title"></div><h1>TITRE</h1><p>TEXTE</p></div><span class="dusky4_copyright">(c) Kayl for Dusky</span>

OUVERT (présence assez réduite)
Nuage de Blaireau
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Flammy
Messages Messages : 187
Nuage de Blaireau
 Dim 9 Sep 2018 - 23:31
Hello ! Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 645947960

Je veux un dessin

Je te dessine quoi ? 2 chats (Plus précisément : Souffle d'Espérance & Petit Blaireau)
Description du dessin (ce que je dessine, le fond si y a) : Le fond : Alors, ce serait sous la pluie. Souffle d'Espérance serait couchée dans l'herbe. Petit Blaireau serait à ses côtés. Espé aurait un visage attendrissant mais plutôt triste. Blaireau aurait plutôt un grand sourire aux lèvres, enfin content de voir quelqu'un de gentil. Pour plus d'info, voici le RP dont est tiré l'illu' : www.
Ambiance : Une ambiance sombre. Une petite lumière de joie est prêt des deux chats mais les deux chats sont entourés d'ombres et d'arbres.
Texte(s) ? « Maman ? »
Je rajoute autre chose ? Nope. Pour le reste, tu as carte blanche <3



Merci beaucoup Kayl What a Face
avatar
Invité
Invité
 Lun 10 Sep 2018 - 12:39
YES je prends et je ferme aux dessins o/
Nuage de Blaireau
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Flammy
Messages Messages : 187
Nuage de Blaireau
 Lun 10 Sep 2018 - 22:33
Merci ! :keur:
avatar
Invité
Invité
 Mer 12 Sep 2018 - 10:44
Bonjour !  PAPILLOOOONS

Je veux un graph

Je te graphe quoi ? un kit
Images (ou description précise, à vos risques et périls) : C'est une chatte entièrement noire avec le bout des pattes blanches et les poils longs. Elle est d'une grande beauté mais son regard est terrifiant. J'ai trouvé cette image mais je n'en suis totalement satisfaite. Libre à toi de la changer si tu trouves mieux et en meilleure qualité  Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3920031895
https://www.google.com/imgres?imgurl=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F0f%2F7d%2Fda%2F0f7dda7cd74a47c5cad248535c997aaf.jpg&imgrefurl=https%3A%2F%2Fwww.pinterest.fr%2Fpin%2F118149190204170977%2F&docid=3eZE5kdmrNRzsM&tbnid=vx2Xk-Gv3jcWFM%3A&vet=10ahUKEwiK15OCh7XdAhVN-qQKHdKFDfwQMwh0KDIwMg..i&w=466&h=466&itg=1&bih=631&biw=1366&q=chat%20noir%20hd&ved=0ahUKEwiK15OCh7XdAhVN-qQKHdKFDfwQMwh0KDIwMg&iact=Dank u wel !&uact=8
Ambiance et couleurs : Mettre en avant grande beauté de Nuage de Terreur mais surtout son regard sombre et terrifiant qui montre sa souffrance. Quelque chose d'un peu mystérieux... sans être pour autant totalement en noir et blanc (une majorité de couleurs froides et sombres colleraient pas mal). J'aimerais un regard plein d'émotions. Et peut être une espèce de lumière ou quelque chose montrant qu'elle a la possibilité de sortir de sa souffrance. Genre un contraste sombre/lumière.
Texte ? "Nuage de Terreur"
Sous-texte ? La citation "Nul ne peut atteindre l'aube sans passer par le chemin de la nuit".
 Je rajoute autre chose ? Merciiii d'avance :D

La chantant le Matin
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Petite Lueur d'Espoir ~
Messages Messages : 262

Le personnage
Sexe du perso: Femelle
Âge du perso: 44
Mentor / apprenti : Varda
La chantant le Matin
 Sam 15 Sep 2018 - 14:41
BONJOUR BONJOUR FARFALLE

Je voudrais un bonhomme de neige **

Je te code quoi ? Fiche rp for La (fiche Rp, PA, fiche de liens etc)
Images (facultatif) : https://media.giphy.com/media/3o6ZsTb73Dv3oVsJ9K/giphy.gif

J'aaaaime:
Couleurs : Les couleurs de l'aurore si tu peux, en accord avec le gif, genre teintes orangées, rosées, très douces et euh dégradés si tu veux
Où je mets les textes ? Titre, citation et feat.
Titre : Couleur euh comme c'est sur le gif toi qui voit, euh pas trop calligraphique on doit pouvoir lire quand même, pas trop gros.
Feat : Assez simple, d'une couleur qui va avec le fond
Citation : Idem.
Pas trop calligraphique mais léger, et pas froid du tout
T'as un schéma ou juste du blabla ? Pas de barre défilantes, pas de bords arrondis, les notes de musiques comme expliqué en bas, si tu pouvais mettre le titre sur le gif ce serait pas mal, genre quand on passe la flèche sur la fiche on voit le titre. Sinon tu me mp sur Discord s'il manque des trucs, j'crois c'est tout. Pour toi : http://sketchtoy.com/68749389
Je rajoute autre chose ? Alors j'aimerais bien qu'il y ait des notes de musiques tout autour du texte, ce serait trop bien surtout si elles bougeaient **



Thanks et n'hésite pas à me mp si y a un truc que tu saisis pas :keur:
Veuve Noire
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Kayl ~
Messages Messages : 239
Veuve Noire
 Sam 15 Sep 2018 - 15:45
YES je prends tout je suis en vacances là :D j’aurai le temps **
avatar
Invité
Invité
 Sam 15 Sep 2018 - 18:32
DU COUP déjà le dessin Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3193767302

https://i.gyazo.com/7a63c7aad04371aff4e18dd18fa391df.jpg C'est un screen juste imagine sans le rose /paf/ Non mais dis moi si ça correspond, si oui je te file la version normale xD C'est pour pas qu'on y touche e.e

Graph et tout ça ça arrive **
La chantant le Matin
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Petite Lueur d'Espoir ~
Messages Messages : 262

Le personnage
Sexe du perso: Femelle
Âge du perso: 44
Mentor / apprenti : Varda
La chantant le Matin
 Sam 15 Sep 2018 - 19:08
J'pourrais moi aussi avoir la version normale :mignon: ?
Nuage de Blaireau
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Flammy
Messages Messages : 187
Nuage de Blaireau
 Sam 15 Sep 2018 - 19:18
JE DIS YES!

Mon bébé Blaireau est so cute Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 293941153
Et sa maman l'est tout autant <3

Du coup, je peux avoir la version normale, please ? :keur:
Merci beaucoup :keur:
avatar
Invité
Invité
 Dim 16 Sep 2018 - 9:23
Voilà du coup pour Espé et Flammy **



Code:
<img src="https://zupimages.net/up/18/37/1k9e.png" style="width: 550px" />

> Eet pour Terreur, je peux avoir la couleur des yeux du chat ? Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3193767302 A priori sur l'image c'est bleu mais bon j'aimerais avoir confirmation °^°
Nuage de Blaireau
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Flammy
Messages Messages : 187
Nuage de Blaireau
 Dim 16 Sep 2018 - 9:51
/meurs/ C'est bow Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 3659688830

Merci encore Kayl ! Je la mets direct !
La chantant le Matin
Guerrier expérimenté
Puf/Surnom Puf/Surnom : Petite Lueur d'Espoir ~
Messages Messages : 262

Le personnage
Sexe du perso: Femelle
Âge du perso: 44
Mentor / apprenti : Varda
La chantant le Matin
 Dim 16 Sep 2018 - 11:20
Thaaaanks :keur:
avatar
Invité
Invité
 Lun 17 Sep 2018 - 9:21
ESPE je vais ajouter 2-3 notes mais pour l'instant je te donne déjà ça, comme ça tu me dis si y a des trucs à corriger Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 264746
Et du coup je te filerai une V2 avec des notes /paf/

https://codepen.io/Kayl_dAmbrosio/full/pOOYae?editors=1100
Kayl
Vieille branche
Puf/Surnom Puf/Surnom : Kayl
Messages Messages : 1784
Kayl
 Ven 21 Sep 2018 - 19:30
DP ~

Code:
<link href="https://www.aht.li/3284365/espe2.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Cookie|Lateef" rel="stylesheet"><div class="espe2_kayl"><div><h1>TITRE</h1></div><div><h2>FT GENS</h2><p>TEXTE</p><h3>« CITATION »</h3></div></div><p class="kayl_copyright">(c) Kayl pour Espe only</p>

Le texte apparaît + gros Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 264746
avatar
Invité
Invité
 Ven 28 Sep 2018 - 21:02
Salut Kayl, je sais pas si c'est ouvert donc je commende :keur: (j'ai une logique de ouf en vrai).

Je veux un graph

Je te graphe quoi ? Kit
Images (ou description précise, à vos risques et périls) :

Vava:
En gros un truc gris pour le Vava tu vois ? Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 264746
Signa:
Ambiance et couleurs : Du gris, donc, pour le vava, un truc vraiment sobre et simple.
Pour la signa, j'aimerais un truc assez lumineux, dans une foret, je te donne pas de cadre précis, je préfère que les grapheurs soient libres. ^^
Texte ? Pour le vava : Hawk
Pour la signa : Némésis chassant les Esprits
Tu peux choir la police Kayl ~ Atelier codages, graphs, dessins, transpas - Page 7 264746
Sous-texte ? Loving you is like a fairy tail
Je rajoute autre chose ? No tnks, prends ton temps, Merci beaucoup :keur:

Contenu sponsorisé
 


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum