Revenir en haut Aller en bas
Epicode
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-34%
Le deal à ne pas rater :
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 – 100Hz HDR 10+, ...
919 € 1399 €
Voir le deal

Aller en bas
Neph
Neph
Ancien.ne du staff
  • Date d'inscription : 25/07/2018
  • Messages : 254
Pas de problème ! Voici le code avec, normalement, toutes les modifications nécessaires :

Code:
<!doctype html>
<html lang="fr">
<head>
 <meta charset="utf-8">
 <title>Fiche partos</title>
 <link rel="stylesheet" href="style.css">
 <script src="script.js"></script>
</head>
<body><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Great+Vibes|Overlock+SC" /><style type="text/css">::-webkit-scrollbar {width: 5px; height: 5px; background-color: #000000;} ::-webkit-scrollbar-track {background-color: #959595; /*couleur du fond de la scrollbar*/}::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/  background-color: #424242 /*couleur de l'ascenseur*/;} a:hover {text-decoration: none !important; /*liens sans soulignement*/}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;} .partos_bloc {width: 500px; margin: auto; background: black;} .partos_titre {font-family: 'great vibes'; font-size: 30px; text-align: center; color: white; margin-top: -50px;} .partos_stitre a {font-family: 'overlock sc'; font-size: 15px; color: white; text-align: center; margin-top: -15px;} .partos_bandeau {width: 490px; padding: 5px; border-top: 3px double white; border-bottom: 3px double white; font-family: 'overlock sc'; color: white; font-size: 18px; text-align: center;} .partos_texte {width: 400px; padding: 5px; height: 100px; overflow: auto; margin: auto; background: white; font-family: calibri; font-size: 13px; text-align: justify; color: black;} .partos_bandeau a {color: #ffffff;} .partos_crédit {font-family: times; font-size: 9px; color: white; text-align: center;}</style><script type="text/javascript" src="http://tinyurl.com/var-fa"></script>    
<div class="partos_bloc">       <img style="width: 500px;" src="https://zupimages.net/up/18/32/0gat.png" />    
<h1 class="partos_titre">
   Game of Thrones RPG    
</h1><a href="http://game-of-thrones-rpg.forumactif.com/" class="partos_stitre" Clique !</a>    
<h2 class="partos_bandeau">
   Forum rpg GoT ꕥ Post-saison 5 ꕥ 250 mots minimum    
</h2>
     
<p class="partos_texte">
   An 303. Jon Snow n’est plus. Le corps poignardé par la félonie de ses frères jurés demeure sans vie. L’armée des morts a été repoussée de justesse à Durlieu. Le peuple libre, désemparé par la perte de son unique soutien mais décidé à lutter pour sa survie, campe toujours aux portes du Nord. La prestigieuse garde de Nuit, divisée et affaiblie par les batailles, devra se reprendre en main rapidement pour préparer l’Hiver. <a href="http://game-of-thrones-rpg.forumactif.com/t3-contexte"><strong>Voir plus ?</strong></a>          
</p>
     
<h2 class="partos_bandeau">
   <a href="http://game-of-thrones-rpg.forumactif.com/t2-reglement">Règlement</a> ~ <a href="http://game-of-thrones-rpg.forumactif.com/f94-les-vacants">Postes vacants</a> ~ <a href="http://game-of-thrones-rpg.forumactif.com/f95-les-predefinis">Prédéfinis</a> ~ <a href="http://game-of-thrones-rpg.forumactif.com/f6-guides">Guides</a> ~ <a href="http://game-of-thrones-rpg.forumactif.com/t10-repertoire-du-staff-uc">Staff</a>    
</h2>
     
<p class="partos_texte">
   ▬ Ouvert le 08 août 2018<br />▬ De nombreux postes vacants libres<br />▬ <strong><span class="FORUMCOUNTPOST"></span></strong> messages postés<br />▬ <strong><span class="FORUMCOUNTUSER"></span></strong> membres inscrits<br />▬ Un Staff actif<br />▬ Système de corbeaux, de points et de batailles<br />▬ On vous attend ! :D    
</p>
     
<p class="partos_crédit">
   (c) codage par Neph pour <a style="color: white;" href="http://game-of-thrones-rpg.forumactif.com/">GOT RPG</a> seulement    
</p>
</div></body></html>
_______________
Sam 25 Aoû 2018 - 12:04
Sun
Sun
Ancien.ne du staff
  • Date d'inscription : 22/12/2016
  • Messages : 266
Bonjour !

Niveau désiré: Intermédiaire ++ (ou avancé ?)
Les notions de ce niveau: Savoir utiliser le positionnement (absolute, float & compagnie) / Les sélecteurs
Les exercices recommandés: Réaliser une PA sans tableaux / Réduire l'utilisation de class en sélectionnant mieux les éléments
Liens/code de 3 exercices: A. PA sans tableaux, avec sélecteurs simples, hover simple : https://codepen.io/lenakin-sunny/pen/VGeyRm
B. PA sans tableaux, avec sélecteurs simples, infobulles, hover agrandissant, liste à puces : https://codepen.io/lenakin-sunny/pen/qMbEzN
C. Ancre : https://codepen.io/lenakin-sunny/pen/qMbopM
D. Slide : https://codepen.io/lenakin-sunny/pen/VGeRrq
E. Encore différents positionnements/rotations/transformations, et sélecteurs (faites pas gaffe aux couleurs moches et au design c'est vieux) : https://codepen.io/lenakin-sunny/pen/NLxJzN?editors=0100
Vos exercices répondent bien au niveau désiré ? Je pense que oui du coup Passer un niveau - Page 3 3313101865
_______________
Dim 26 Aoû 2018 - 12:46
Kayl
Kayl
Ancien.ne du staff
  • Date d'inscription : 12/05/2018
  • Messages : 200
Alors Neph ça me paraît bon pour le Débutant ++ déjà, Reine pourra confirmer mais la structure HTML est bonne :hum:

Intermédiaire y avait quoi :hum: Awih ça a l'air bon °° (je t'ai déjà vu faire les infobulles aussi)

Bon bah t'as le niveau intermédiaire du coup :hawn:

•••


Sun ensuite :

Ta fiche avec le slide omg heureusement que les autres codeurs ont pas vu :rip: le code est pas propre, c'est quoi ces balises center et ces div partout ? Et ces mélanges entre des class et des style ? Bon je sais ça date d'y a 35 ans :rip: Heureusement que tu codes plus comme ça /paf/

Le reste c'est bon, on peut te donner le niveau je pense °°
_______________
Dim 26 Aoû 2018 - 16:24
Sun
Sun
Ancien.ne du staff
  • Date d'inscription : 22/12/2016
  • Messages : 266
Alors, la fiche slide si vous voulez je peux la recoder si vous préférez :rip: Mais oui je sais que le code est horrible, en même temps elle date d'il y a au moins un an et demi, c'tait juste pour le slide. Vu que tu m'as demandé une PA avec tableaux pour voir, voilà > https://codepen.io/lenakin-sunny/pen/eLJwxy?editors=0100 Par contre pareil j'ai pas corrigé grand chose le code est encore dégueu par endroits, si vous préférez je la refait propre et tout pareil Passer un niveau - Page 3 3313101865
_______________
Dim 26 Aoû 2018 - 16:49
Neph
Neph
Ancien.ne du staff
  • Date d'inscription : 25/07/2018
  • Messages : 254
Me revoilà *paf*

Niveau désiré: Intermédiaire +
Les notions de ce niveau: ► Comprendre comment organiser sa feuille CSS et ce qu'implique l'ordre et l'héritage.
► savoir réaliser des transitions
► savoir réaliser des transformations
Les exercices recommandés: ► Réduire l'utilisation de class de ses codes HTML en sélectionnant mieux via l'héritage
► créer des fiches de pub et PA (en tableau) complexes avec des transitions et transformations
Liens/code de 3 exercices: Transitions/transformations : https://codepen.io/Apolline_neph/pen/qMbxVm
Héritage : https://codepen.io/Apolline_neph/pen/YOwmgG
Vos exercices répondent bien au niveau désiré ? Je dirais que oui

Niveau désiré: Intermédiaire ++
Les notions de ce niveau: ► savoir utiliser le positionnement (absolute, float & compagnie)
Les exercices recommandés: ► savoir réaliser les PA sans tableaux
Liens/code de 3 exercices: QEEL sans tableau : https://codepen.io/Apolline_neph/pen/qMbBqy
PA sans tableau : https://codepen.io/Apolline_neph/pen/xaZLXv
Signature avec float : https://www.epicode-entraide.com/t14096-signature-37-neph?nid=52#285950
Vos exercices répondent bien au niveau désiré ? Sûrement

Niveau désiré: Avancé
Les notions de ce niveau: ► les sélecteurs
Les exercices recommandés: ► Réduire l'utilisation de class de ses codes HTML en sélectionnant mieux les éléments
Liens/code de 3 exercices: La PA et le QEEL ci dessus ont des sélecteurs
Vos exercices répondent bien au niveau désiré ? Probablement

Ce sera tout pour cette fois :frite:
_______________
Dim 26 Aoû 2018 - 17:51
Cheshire Cat
Cheshire Cat
Accro au forum
  • Date d'inscription : 15/12/2012
  • Messages : 4814
Niveaux attribués pour le moment Passer un niveau - Page 3 3775839356

(sauf le dernier pour Neph)
_______________
Dim 26 Aoû 2018 - 19:58
Sun
Sun
Ancien.ne du staff
  • Date d'inscription : 22/12/2016
  • Messages : 266
Merci !
_______________
Lun 27 Aoû 2018 - 7:16
Neph
Neph
Ancien.ne du staff
  • Date d'inscription : 25/07/2018
  • Messages : 254
Ah zut Passer un niveau - Page 3 3313101865 Quel est le problème ? Merci pour le reste, en tout cas Passer un niveau - Page 3 3775839356
_______________
Lun 27 Aoû 2018 - 10:14
Cheshire Cat
Cheshire Cat
Accro au forum
  • Date d'inscription : 15/12/2012
  • Messages : 4814
Parce que j'ai pas encore eu le temps de regarder déso Passer un niveau - Page 3 3655035957
_______________
Mar 28 Aoû 2018 - 1:51
Neph
Neph
Ancien.ne du staff
  • Date d'inscription : 25/07/2018
  • Messages : 254
Ah d'accord xD Prends ton temps, j'avais juste peur que quelque chose n'aille pas *paf*
_______________
Mar 28 Aoû 2018 - 10:17
Sun
Sun
Ancien.ne du staff
  • Date d'inscription : 22/12/2016
  • Messages : 266
Bonjour, j'sais pas pourquoi j'y pense maintenant mais du coup j'viens passer un niveau *paf*

Niveau désiré: Avancé
Les notions de ce niveau: Les sélecteurs
Les exercices recommandés: Réduire l'utilisation de class de ses codes HTML en sélectionnant mieux les éléments
Liens/code de 3 exercices: https://codepen.io/lenakin-sunny/pen/vVYpXq
https://codepen.io/lenakin-sunny/pen/yxrqaj
https://codepen.io/lenakin-sunny/pen/aRbwxq
https://codepen.io/lenakin-sunny/pen/GYgEMB (oui je sais c'est tout fucké sur Codepen. Vous connaissez comme moi les forums d'Eskimo xD Ça rend ça en vrai : http://wonderland-quillai.forumgratuit.org/t65-fiche-presentation)
https://codepen.io/lenakin-sunny/pen/mGXEoj
https://codepen.io/lenakin-sunny/pen/bxZqEZ (c'est after et before je sais pas si ça compte en fait)
Vos exercices répondent bien au niveau désiré ? Je pense, oui Passer un niveau - Page 3 3313101865 Fin il y a les sélecteurs d'héritage basiques, il y a des nth-child, last et first-of-type, after et before mais j'sais pas si ça va avec uhu. Ah il y a aussi le sélecteur universel ou j'sais trop quoi là, l'*. Après je sais qu'il en existe d'autres mais j'ai moins l'occasion de les utiliser.


Je reviendrai sûrement bientôt pour le niveau suivant en fait :DD
_______________
Mer 10 Oct 2018 - 14:55
Tigrlion
Tigrlion
Fidèle au poste !
  • Date d'inscription : 22/11/2017
  • Messages : 312
Je me suis dis que j'aimerais bien avoir un vrai truc écrit pour mon niveau, plutôt que "demande ton niveau", ahah. Alors voilà.

Niveau désiré: Quelque chose dans les intermédiaires ? (enfin, les sélecteurs pour le niveau avancé, je connais un peu, mais je suis pas assez confiante pour demander ce niveau là) Je saute un peu les trucs débutants du coup, mais si vous avez besoin que je donne des exemples pour ça aussi, dites-le moi >//<
Les notions de ce niveau:
Intermédiaire
► connaitre la structure en tableaux
► savoir créer des infobulles
► savoir utiliser des ancres et créer des sommaires
► savoir créer des listes à puces ou numérotées
Intermédiaire +
► Comprendre comment organiser sa feuille CSS et ce qu'implique l'ordre et l'héritage
► savoir réaliser des transitions
► savoir réaliser des transformations
Intermédiaire ++
► savoir utiliser le positionnement (absolute, float & compagnie)
Les exercices recommandés:
► réaliser des PA simple en tableaux

► Réduire l'utilisation de class de ses codes HTML en sélectionnant mieux via l'héritage
► créer des fiches de pub et PA (en tableau) complexes avec des transitions et transformations

► savoir réaliser les PA sans tableaux
Liens/code de 3 exercices:

Vos exercices répondent bien au niveau désiré ? À part les ancres et les listes (je connais le fonctionnement en théorie, mais en pratique, j'ai jamais utilisé...), je crois qu'il y a tout ce qui est demandé, donc je pense que oui ?
_______________
Dim 11 Nov 2018 - 23:30
Reine des Ténèbres
Reine des Ténèbres
Ancien.ne du staff
  • Date d'inscription : 15/08/2017
  • Messages : 3183
Coucou :3

J'ai l'impression de connaitre tout ces codes par coeur /pan
Je valide ton niveau désiré.
Tu connais plus au moins la plupart des sélecteurs, l'utilisation pratique dépend surtout de si c'est nécessaire ou pas. Pour moi tu peux déjà avoir le niveau avancé.
En tout cas tu peux revenir pour demander le niveau avancé + dans pas longtemps quand tu te sentiras complètement à l'aise avec les templates :3
_______________
Mer 14 Nov 2018 - 0:13
Reira
Reira
Newbie
  • Date d'inscription : 16/11/2018
  • Messages : 68
Hello
Je me lance même s'il me manque peu être quelque code pour le JS xD

Niveau désiré: Avancée ++
Les notions de ce niveau:
► pouvoir comprendre n'importe lequel des templates de FA car tu sais lire un templates, te repérer dedans, et via l'intuition des termes en anglais, comprendre ce à quoi se réfère les boucles/variables.
► toucher au JavaScript
Les exercices recommandés: sur ce niveau il y en a pas, mais sur le niveau du dessus : ► Modifier ces templates
Liens/code de 3 exercices: 3 petits forum :
http://dusk-lumiris.forumactif.com/
http://libre-graph.forumperso.com/
http://angels-fall-first.forumactif.com/

Quelque autre exemple (fiche) dont JS (onglets et transition header)
http://reiraforum.forumgratuit.org/h19-t-card-eva-2-0
http://reiraforum.forumgratuit.org/h8-t-card-eli

Vos exercices répondent bien au niveau désiré ? j'espère si non que l'on me le dise Panique

merci d'avance,
Rei'
_______________
Dim 13 Jan 2019 - 19:13
Batty
Batty
Ancien.ne du staff
  • Date d'inscription : 05/06/2014
  • Messages : 3514
Hello Reira !

Je valide ton niveau tes codes sont très propre et en plus très jolis (même si le visuelle n'est pas un critère pour le niveau je tenais a le dire =D)

Visiblement tu te débrouiller très bien dans les templates. Je ne te connais pas personnellement, mais je sais que ce n'est pas tes premier forum coder de A à Z.

Un admin vas te donner ton niveau dès que possible =)
_______________
Dim 13 Jan 2019 - 19:49
Reira
Reira
Newbie
  • Date d'inscription : 16/11/2018
  • Messages : 68
Oula j'ai poster en double en plus, honte à moi xD
Merci Batty pour les compliments Passer un niveau - Page 3 3775839356
_______________
Dim 13 Jan 2019 - 20:46
Tetsu
Tetsu
Newbie
  • Date d'inscription : 12/08/2018
  • Messages : 42
Bonjour / bonsoir Passer un niveau - Page 3 3775839356

Je me suis dis que je voudrais bien avoir mon niveau d'affiché dans mon profil alors voilà, je me lance même si j'ai été absente un bon bout de temps ...

Niveau désiré: Avancé +
Les notions de ce niveau: ► comprendre comment s'organise un templates de FA {ici}
► maîtriser le templates de FA codant les Catégorie (index_box) {ici}
► maîtriser la partie du templates de FA codant pour le QEEL (index_body) {là}
► maîtriser la partie du templates de FA codant pour l'affichage des sujets (viewtopic_body) {Ici}
Les exercices recommandés: ► Modifier ces templates
Liens/code de 3 exercices: https://www.epicode-entraide.com/t13137-intermediaire-exercice-2-fiche-presentation
https://www.epicode-entraide.com/t8612-intermediaire-page-d-accueil-4-batty
https://www.epicode-entraide.com/t13497-intermediaire-exercice-8-categories-oranges

Alors. Je n'ai pas osé débarquer presque un an après pour dire "j'ai tout corrigé" sur les sujets en question, mais j'ai normalement suivi tous les conseils qu'on m'a prodigué sur chaque exo ; et on remarquera qu'entre les deux premiers et le dernier (catégories oranges) j'avais déjà pris pas mal de conseils en compte notamment au niveau des sélecteurs (qui, comme on me le disait, m'ont sauvé la vie  Passer un niveau - Page 3 1007048454 ) . Cela dit je comprendrais que ça soit trop vieux et que je doive aller en faire un plus récent, n'hésitez pas à me le dire !
Btw il n'y a qu'un seul exercice de template mais je sais gérer tous les principaux depuis quelques années déjà  Very Happy
Vos exercices répondent bien au niveau désiré ? Euh bah normalement ? J'espère ? Me tapez pas si c'est pas le cas s'ilvousplait :c

Merci d'avance pour votre attention Passer un niveau - Page 3 2476780191
_______________
Mar 21 Mai 2019 - 21:09
Azalée
Azalée
Accro au forum
  • Date d'inscription : 26/12/2013
  • Messages : 4200
Coucou @Tetsu ! Est-ce que ce serait possible de fournir les codes des templates de ton forum test ? Le niveau avancé + tourne beaucoup autours des templates, il faudrait donc en avoir plus pour pouvoir juger ! Merci ! (Pardon du temps de réponse, d'ailleurs)
_______________
Lun 17 Juin 2019 - 18:49
Tetsu
Tetsu
Newbie
  • Date d'inscription : 12/08/2018
  • Messages : 42
Coucou @Azalée ! Il n'y a pas de soucis pour le temps que tu as mis, t'inquiètes pas, je sais que vous êtes pas mal occupés par ici Passer un niveau - Page 3 2691722282

> pour le QEEL :


> Pour les catégories du forum test, ce n'est pas moi qui les ai faites mais ma partenaire, du coup je te retourne vers l'exercice que j'ai fais ici ( https://www.epicode-entraide.com/t13497-intermediaire-exercice-8-categories-oranges ) et voici le template + css après la correction de Kayl :



> Pour l'affichage des sujets............ Alors je dois t'avouer que c'est ma lacune. Sur mon forum test, c'est un LS modifié par ma partenaire, et je n'en ai pas d'autre à te montrer Passer un niveau - Page 3 3482194067 Vraiment désolée.
Du coup à la place je te montre le profil que j'ai entièrement fais (sur mon forum test aussi) :



Et euh voilà j'espère que ça ira ? Passer un niveau - Page 3 3655035957 Merci de ton attention en tout cas ! Passer un niveau - Page 3 3775839356
_______________
Mar 18 Juin 2019 - 11:09
Champi
Champi
Newbie
  • Date d'inscription : 25/09/2015
  • Messages : 38
Niveau désiré: Avancé +
Les notions de ce niveau: Connaissance en template, savoir comment est organiser un template FA.
Les exercices recommandés: Modification de templates
Liens/code de 3 exercices:
-  http://champwi-test.forumactif.com/ J'ai tout codé de a à z ;v; -c'est un thème en cours alors y aura sans doutes de nouveaux codages-
-viewtopic_body  http://champwi-test.forumactif.com/t7-banana-fish
- Signature (+slider): http://champwi-test.forumactif.com/t2-signatures
- Sujets de réponses rp: http://champwi-test.forumactif.com/t5-sujets-reponse-rp
- Commande - Message privé: https://www.epicode-entraide.com/t15185-codage-pour-impedimenta-lecture-envoi-des-mps
- Un site internet pour une entreprise (en cours de développement donc y a pas mal de bug à corriger encore) - Je me suis occupé de tout le front-end en html, css et de l'intégration en php (ainsi que les maquettes que j'ai crée): https://test.quotium.com/mon-compte/
- Portfolio: https://annabelleprak.tumblr.com/
Vos exercices répondent bien au niveau désiré ? Je pense que oui ?
_______________
Jeu 4 Juil 2019 - 18:59
Jawn
Jawn
Ancien.ne du staff
  • Date d'inscription : 24/03/2016
  • Messages : 3494
@Tetsu > Tu te débrouilles très bien avec les templates, c'est une bonne chose ! Cependant, fais attention à éviter autant que possible les "br/" et les balises "center", elles sont obsolètes. On opte plutôt pour un "margin:0 auto;" ou un "text-align:center;" pour une image !

@Champi > Très très bonne maîtrise des templates ainsi que des fiches et du code en général ! C'est très harmonieux et vraiment très sympa à regarder !

Un admin passera vous donner vos niveaux !
_______________
Ven 2 Aoû 2019 - 14:03
khydo
khydo
Admin & graphiste en CDI
  • Date d'inscription : 29/08/2016
  • Messages : 3610
Félicitations, j'ai modifié vos niveaux !

Avancé pour Tetsu (pour les raisons données par Myrddin) et Avancé + pour Champi.
_______________


Salut
Ven 2 Aoû 2019 - 14:24
Sieben
Sieben
Ancien.ne du staff
  • Date d'inscription : 19/07/2018
  • Messages : 421
Huyo !

Niveau désiré: Avancé ++
Les notions de ce niveau: ► pouvoir comprendre n'importe lequel des templates de FA car tu sais lire un templates, te repérer dedans, et via l'intuition des termes en anglais, comprendre ce à quoi se réfère les boucles/variables.
► toucher au JavaScript
Les exercices recommandés: /
Liens/code de 3 exercices:
Vos exercices répondent bien au niveau désiré ? Buh j'espère oui .-. J'ai peur d'être un peu léger concernant les modifs de templates parce qu'à l'époque c'était complètement de la bidouille un peu dégueulasse donc j'ai assez peu à montrer au final mais n'ai pas de soucis à les comprendre.

Merci /o/
_______________
Mer 11 Déc 2019 - 12:43
Jawn
Jawn
Ancien.ne du staff
  • Date d'inscription : 24/03/2016
  • Messages : 3494
Coucou à toi @Sieben ! Déjà merci de ces jolis codes, damn j'suis impressionnée !
Cependant, est-ce qu'il serait possible d'avoir un exemple de template :3 ? Un petit HTML/CSS classique histoire de pouvoir bien évaluer ton niveau ! Merci d'avance Passer un niveau - Page 3 3775839356
_______________
Mer 11 Déc 2019 - 15:19
Sieben
Sieben
Ancien.ne du staff
  • Date d'inscription : 19/07/2018
  • Messages : 421
... Oui dit comme ça, ça semble évident. Désolé. Hap
Et merci pour les compliments ! Je dois un peu tout à la maquette qu'on m'a fait pour cet index, je suis incapable d'allier les couleurs sinon huhu.


_______________
Mer 11 Déc 2019 - 18:57
Contenu sponsorisé
    _______________
    Revenir en haut