Sweet Swirl
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Forum d'entraide de graphisme & de codage
 
AccueilAccueil  Guide du Swirlien  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -21%
LEGO® Icons 10329 Les Plantes Miniatures, ...
Voir le deal
39.59 €

 

 Back to the code game.

Aller en bas 
3 participants
AuteurMessage
Yogi
Membre
Yogi


Image par défaut
Rang Messages : 14
Date d'inscription : 17/04/2016
Age : 23
Localisation : Un peu partout, en vrai o_ô'

Back to the code game. Empty
MessageSujet: Back to the code game.   Back to the code game. Icon_minitimeLun 18 Avr - 16:24

Formulaire - Examen de Codage
✘ Pseudo: Yogi
✘ Code avec la contrainte imposée : Réponse ici
✘ Codes (Deux minimum): http://ftyogi.forumactif.org/t42-rp-allen
http://ftyogi3.forumactif.org/t12-fiche-de-presentation

Juste, je vous en supplie, pas de PA, ou de template, parce que je pourrais clairement pas le faire, déjà que j'suis une nouille en code, et que j'me débrouille vite fait, alors bon owo'


Revenir en haut Aller en bas
Keylha
Equipe Bleue
Keylha


Image par défaut
Rang Messages : 2394
Date d'inscription : 12/04/2014
Age : 24
Localisation : Montagnes

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeMar 19 Avr - 22:06

Salut ! Tu vas devoir réaliser cette fiche :

Back to the code game. 1461096281-schema-yogi
Fiche de partenariat, pub, n'importe 8D Je t'ai imposé quelques petits trucs, le premier bloc c'est une image, quand tu passes ta souris dessus tu as du texte, je veux qu'au minimum un des titres (n'importe lequel même tous si tu veux, mais au moins un) lorsque tu passes ta souris dessus, le titre change de couleur.
Voilà, sinon tu dois réaliser cette fiche en faisant quelque chose d'esthétique comme si tu allais la mettre en LS.

Bon courage !
Revenir en haut Aller en bas
Yogi
Membre
Yogi


Image par défaut
Rang Messages : 14
Date d'inscription : 17/04/2016
Age : 23
Localisation : Un peu partout, en vrai o_ô'

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeJeu 21 Avr - 11:15

Et voilà, j'ai tenté de faire mon mieux, et je ne sais pas vraiment si tout est bien fait comme il faut, mais voilà owo'

http://ftyogi3.forumactif.org/t23-code-pour-test-sweet-swirl#28
Revenir en haut Aller en bas
Sakura
Equipe Violette
Sakura


Image par défaut
Rang Messages : 328
Date d'inscription : 18/12/2015
Age : 23

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeVen 22 Avr - 10:08

Coucou !
Je vais me charger de ta notation c;
Est-ce que je pourrais avoir le code de ton code imposée ? Sous hide ou par MP comme tu veux c; Je dois te noter sur la lisibilité du code aussi ^w^

Bisous bisous !
Revenir en haut Aller en bas
Yogi
Membre
Yogi


Image par défaut
Rang Messages : 14
Date d'inscription : 17/04/2016
Age : 23
Localisation : Un peu partout, en vrai o_ô'

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeVen 22 Avr - 11:25

Et voilà, avec le code itout.



Nom du forum

Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte.


Titre 1

Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte  texte texte texte


Titre 2

Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte  texte texte texte

Titre 3

Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte  texte texte texte


© Yogi




Code:
<center><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css"><div class="base"><br/><br/><span class="titreban">Nom du forum</span><br/><br/><div id="deroulant"><div class="ctxt2"><table><td></td><td><p class="p1">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte.</p></td></tr></table><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=390x150&w=390&h=150" /></div></div>
<table><td><div class="blocc"><div class="titre1">Titre 1</div><p class="p2">Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte  texte texte texte</p></div></td><td><ul><br/><li><div style="width: 50px; height: 50px; background: url('http://i.imgur.com/8K1gWFq.png'); margin: 5px; padding: 5px; border: 2px solid #2C2C2C; outline:1px solid white;"></div></li><li><div style="width: 50px; height: 50px; background: url('http://i.imgur.com/TEMz0AC.png'); margin: 5px; padding: 5px; border: 2px solid #2C2C2C; outline:1px solid white;"></div></li><li><div style="width: 50px; height: 50px; background: url('http://i.imgur.com/z3Jbzqi.png'); margin: 5px; padding: 5px; border: 2px solid #2C2C2C; outline:1px solid white;"></div></li></ul></td></table>
<table><td><div style="width:185px; height: 204px; background: #CCC; margin: 5px;"><div class="titre2">Titre 2</div><p class="p3">Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte  texte texte texte</p></div></td><td><div style="width:185px; height: 204px; background: #CCC; margin: 5px;"><div class="titre2">Titre 3</div><p class="p3">Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte  texte texte texte</p></div></td></table>

<div class="credits" style="border-radius:0">© Yogi</div></div>

<style>li {display: inline; list-style: none; margin: -10px;} .ctxt2{padding-top: -5px; text-align: justify; overflow-x: auto; height: 110px; color: white; text-shadow: 0 0 2px black; font-size: 11px;}#deroulant div {  font-size: 11px; padding:5px; color:#808080; overflow: auto; text-align:justify; border: solid 2px black;background: url('http://i.imgur.com/ixNvZn4.png'); border: 2px solid #2C2C2C; outline:1px solid white; padding: 10px; text-align: justify; width: 370px; height: 130px ;position: relative; overflow: hidden; } #deroulant div img { font-size: 11px;left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #deroulant div:hover img { transform: translateX(558px); -moz-transform: translateX(558px); -o-transform: translateX(558px); -webkit-transform: translateX(558px); font-size: 11px;} #deroulant a {text-decoration : none!important; color: #C8C6C4; transition : 1s} #deroulant {text-decoration : none!important; transition : 1s; font-size: 11px;} .titre1{font-family: 'Montserrat';padding: 5px; background: #3C3C3C; height: 25px; width:97%; transition-duration:1.5s; font-size:11px}.titre2{font-family: 'Montserrat';padding: 5px; background: #3C3C3C; height: 25px; width:95%; transition-duration: 1.5s; font-size:11px;}.titre1:hover{background: #242424; transition-duration: 1.5s;}.titre2:hover{background: #242424; transition-duration: 1.5s;}.credits{background-color: #353535; width: 400px; color: white; height: 17px; font-size: 13px; box-shadow: 0 -2px 0 black; font-weight: bold; border-radius: 0 0 10px 0; font-family: 'Fjalla One';}.blocc{width:300px; height: 204px; background: #CCC; margin: 5px;}.titreban{font-family: Fjalla One; color: white; font-size: 35px; text-shadow: 2px 2px 0 black;}.base{width: 400px; min-height:400px; background: url('http://i.imgur.com/ixNvZn4.png');} .p1{font-family: 'Montserrat'; color: grey; font-size: 11px; padding-top: -40px; height: 130px; width: 360px; overflow: auto; overflow-y: scroll;}.p2{font-family: 'Montserrat';font-size: 11px; padding: 5px; height: 140px; width: 290px; overflow: auto; overflow-y: scroll;color: black;}.p3{font-family: 'Montserrat';font-size: 11px; padding: 5px; height: 140px; width: 175px; overflow: auto; overflow-y: scroll;color: black;}</style></center>


Dernière édition par Yogi le Ven 22 Avr - 12:40, édité 1 fois
Revenir en haut Aller en bas
Sakura
Equipe Violette
Sakura


Image par défaut
Rang Messages : 328
Date d'inscription : 18/12/2015
Age : 23

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeVen 22 Avr - 12:18

Hey ! Je viens pour te proposer ma notation c: ATTENTION PAVE 8D /PAN/

Attention /!\ Afin d'avoir une meilleur lisibilité dans tes codes libres, je me suis permise de fouiller un peu dans le code source de la page afin d'avoir un meilleur point de vue en amont et en aval. Ces avis-ci peuvent donc être contesté s'il y a besoin c:


Code Libre n°1 Je trouve cette fiche-ci très jolie c: Ici, je reprocherais la non-utilisation du padding pour le bloc du texte. C'est dommage : / Un padding est fait pour ajouter une marge au texte. Ici, j'aurais conseillé de créer une autre div pour caser ton padding et ne pas déstructurer ta fiche c:
Je suis contente, tu as été prévoyant sinon 8D (#aimelaprévoyance) J'ai vu que tu as mis des min-width et des min-heigth pour prévoir les éléments trop long 8D *poke*
En soit, les éléments sont assez bien placé, bien que le titre me laisse un peu perplexe xD 8D Et j'aime bien les ombres porté que tu as ajouté à tes bloc, c'est classe ^w^


Code Libre n°2 J'adoooooore l'ambiance de cette fiche *^* Elle est très harmonieuse, c'est vraiment super sympa *q*
Alors, le bloc appelé "ban" : Je pense que le border radius aurait pu être un peu plus poussé, à 15px, au lieu de 10px. Parce qu'en fait, l'arrondie de ton image empiète sur ta double bordure et c'est un peu dommage ^^'
Pour l'image en dessous du nom prénom, je l’aurais faite aussi large que la largeur de la fiche, pour rendre ça un peu plus harmonieux c:

Pour le bloc des infos de base, j'aurais peut-être vu plus petit. La police en italique n'est peut-être pas adaptée. Dans ces cas-là, on la bold juste et on laisse la réponse en normal c: J'aime beaucoup l'idée de l'image sur le côté, c'est original *^*

Physique/Histoire/Caractère, je n'ai rien à redire si ce n'est que les blocs sont peut-être un peu longs. C'est super d'avoir prévue un overflow auto !

Pour la partie pseudo, ça rejoint un peu la partie info, je pense que l'italique n’était peut-être pas adapté. Et pourquoi un si grand espace à la fin ?

Vula vuala c:


Code Imposé La fiche de Keykey est la même, alors je valide ! La personnalisation est super bien, elle rejoint celle de la fiche de présentation, j'aime beaucoup ^w^ Là je pense qu'il y a un léger souci de bloc je me trompe ? Ils ne sont pas tous correctement aligné, c'est dommage : / ça crée un léger déséquilibre dans la fiche. Les deux derniers blocs aurait peut-être dû être plus large et le premier bloc moins large c: (Pour être adapté au second bloc)

Pour une fiche de publicité/partenariat, il aurait peut-être mieux valu préconiser un iframe, mais comme tu as mis plus de champs texte, ce n'est peut-être pas nécessaire c:

Niveau lisibilité, je trouve que le début du code est très aéré, c'est un bon point, et elle est facile à remplir. Par contre, peut-être que la balise "style" est peu trop en bloc en bas. Peut-être que rajouter des annotations pour ceux qui serait tombé sur ton LS auraient été pratiques.


Conclusion DOOOOOOOOOOOOONC, je pense que tu as des bases solides et une bonne connaissance des propriétés en général. Tu sais bien les appliquer mais tu restes dans le simple pour le moment (la preuve, je n'ai vu que deux hover dans une seule et même fiche xD). Donc je dirais que tu as du niveau et que tu t'en sors bien. J'opterais pour une grosse Pastèque car tu restes dans le basique pour le moment c: Je pense que tu pourras postuler pour la vanille dès que tu commenceras à faire des codes avec des structures plus compliqués c:

Sinon, j'espère que je n'ai pas utilisé de termes vexant (ce n'est absolument pas le but xD) et que mon avis te conviendra (il semble être le premier d'une longue liste) !

EDIT : PARDON, J'edite !
J'admets que j'hésite entre une grande pastèque et une petite vanielle, à voir avec mes collègues c:
Revenir en haut Aller en bas
Yogi
Membre
Yogi


Image par défaut
Rang Messages : 14
Date d'inscription : 17/04/2016
Age : 23
Localisation : Un peu partout, en vrai o_ô'

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeVen 22 Avr - 12:46

Alors, je vais te répondre à tout ça, même si je ne vais surement pas faire un aussi long pavé que toi x') et j'ajoute également que je n'ai en auuucun moment mal pris un de tes termes ou autres owo' !

Alors, pour le premier code, pour tout te dire, le padding, je l'ai mis, et je sais très bien ce que c'est seulement, étant donné que je l'utilise au cours de plusieurs de mes rps, et que le forum sur lequel il est entreposé, je n'y vais plus, et bien je n'ai absolument pas éditer éwè'

Pour ce qui est du second, merci de tout coeur, pour ce qu'y est des profil que ce soit du personnage, ou de l'auteur, je verrais pour modifier ça, même si j'avoue que je préférais l'idée de l'italique owo' Enfin, pour la partie pseudo, en réalité, si je l'ai mis plus grand, c'est car je sais que la plupart des personnes, moi y compris adorons mettre beaucoup trop de fioritures, ce qui met directement un overflow éWè' Là, on a quand même un peu de marge avant d'y arriver.

Et enfin le dernier, j'ai tenté de mettre les blocs d'en dessous au même niveau, à toi  de me dire si c'est mieux ainsi, personnellement, je trouve effectivement ça plus esthétique qu'auparavant.

Quand à la conclusion, je n'ai rien à redire !
Revenir en haut Aller en bas
Sakura
Equipe Violette
Sakura


Image par défaut
Rang Messages : 328
Date d'inscription : 18/12/2015
Age : 23

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeVen 22 Avr - 13:05

Hey !
Après, ce qur j'ai dit reste subjectif. Si tu préfère ne pas modifier tel ou untel, à toi de voir ^^
Revenir en haut Aller en bas
Keylha
Equipe Bleue
Keylha


Image par défaut
Rang Messages : 2394
Date d'inscription : 12/04/2014
Age : 24
Localisation : Montagnes

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeDim 24 Avr - 19:33

Oh il est trop chou ton code Sakura *-* (hésite pas à aller rémunérer ta notation partie Codeurs c'est du super bon travail Back to the code game. 1423518599 )
Je voulais te piéger comme une méchante personne sur les hover comme je n'en avais vu aucun sur tes fiches mais tu sembles très bien gérer !

Je ne vais pas faire un avis aussi développé que Sakura parce que je suis assez d'accord avec ce qu'elle a dit, franchement j'ai envie de dire Vanille mais tes codes même si très esthétique n'ont pas vraiment de structure très complexe, c'est un peu de ma faute, j'aurais du te proposer une PA un peu complexe, et là oui si tu avais été apte à la coder j'aurais surement dit Vanille.
Tout ça pour dire que je dirais Grosse Enorme Pastèque parce que des codes restent un peu simple, hésite pas à ajouter plein de petits trucs en hover pour 'étaler ton savoir' c'est le but d'un examen.

Par contre si jamais tu as des codes plus complexes, avec des structures plus recherchées n'hésite pas à les poster, parce qu'il ne te manque presque rien pour être Vanille. :3
Revenir en haut Aller en bas
Yogi
Membre
Yogi


Image par défaut
Rang Messages : 14
Date d'inscription : 17/04/2016
Age : 23
Localisation : Un peu partout, en vrai o_ô'

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeDim 24 Avr - 21:17

Dommage de l'annoncer, mais je n'ai rien de plus !
Ceci étant dis, au niveau codage, je suis trèèèèèès loins de m'aventurer dans une panoplie de hover, et ceci, même si j'adore en voir de partout sur un code ! Après, si vous m'aviez demander de faire une PA, je doute que j'aurais réussi, très sincèrement. Je n'aurais surement pas réussi à tout placer exactement comme je l'aurais voulu éWè'
Revenir en haut Aller en bas
Invité
Invité
avatar



Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeDim 1 Mai - 21:33

Désolé, tu venais juste d'obtenir ton rang, mais on a fait des gros changements dans ceux-ci, et il te faudra recommencer. ._.

Kalosty a écrit:
Juste pour prévenir, on est en train de retravailler les rangs de codages avec le Staff, dans le but de les rendre plus représentatifs et précis. Du coup, on va annuler ces exercices, et vous en donner des plus adaptés à votre niveau, et qui nous permettrons de mieux le définir.

Voilà, désolé du dérangement. ^^'
Revenir en haut Aller en bas
Yogi
Membre
Yogi


Image par défaut
Rang Messages : 14
Date d'inscription : 17/04/2016
Age : 23
Localisation : Un peu partout, en vrai o_ô'

Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitimeLun 2 Mai - 14:15

Okay, eh bien, no problemo owo'
Revenir en haut Aller en bas
Contenu sponsorisé





Back to the code game. Empty
MessageSujet: Re: Back to the code game.   Back to the code game. Icon_minitime

Revenir en haut Aller en bas
 
Back to the code game.
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Chess Game •
» Une petite commande pour un forum game of thrones
» boutiques de code
» [CODE] Pour ma galerie 8D
» [CODE] Signature codée

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sweet Swirl :: Archives :: BIG ARCHIVES :: Paperasse qui s'entasse-
Sauter vers: