epicode
Epicode, c'est sept ans d'entraide dans la création de forums. Vous y trouverez une gamme complète de libre-service, allant du simple avatar jusqu'à l'index codé intégralement. Venez fouiller pour trouver votre bonheur ! Si jamais vous n'y parvenez pas, vous pourrez toujours commander ! Nos graphistes et codeurs sont là pour vous, pour répondre à vos demandes et vous aider dans la conception de vos forums.

Epicode, c'est une offre complète allant jusqu'au conseil sur forum. Envie d'avis sur votre contexte, d'une relecture ? Nos conseillers se feront une joie de vous aider dans ces tâches difficiles, vous permettant d'avoir un forum parfait jusqu'à la virgule près.

Pour finir, Epicode c'est aussi des animations, des jeux, des concours, des défis, avec des animateurs haut en couleurs prêt à vous embarquer dans de folles aventures. Mais surtout, Epicode, c'est avant tout une ambiance chaleureuse, un staff disponible et un forum actif ! Rejoignez-nous !
entre donc,

Page 4 sur 4 Précédent  1, 2, 3, 4
Aller en bas
Admin et designer
Jawn
# Re: Passer un niveau - le Mer 11 Déc 2019 - 19:46
Hey @Sieben ! Du coup après avoir discuté avec le staff, on t'accorde le 'Avancé ++" ! Tu as une super gestion du JS, les templates sont maîtrisés et y'a un fofo dans ceux que t'as montré qui est SUBLIME ! Du coup, je file t'installer tout ça et bravo Passer un niveau - Page 4 3775839356 !
Jawn
Admin et designer
Date d'inscription : 24/03/2016
Messages : 3253


Alors comme ça on aime coder ? On aime le design ? Postule pour devenir designer !

Passer un niveau - Page 4 OJ0bRcH

Passer un niveau - Page 4 Qqlf
Merci à Azumii pour la signature Passer un niveau - Page 4 3775839356
Maxi-code master
Sieben
# Re: Passer un niveau - le Mer 11 Déc 2019 - 19:53
Merci beaucoup ! Passer un niveau - Page 4 2702986051
Sieben
Maxi-code master
Date d'inscription : 19/07/2018
Messages : 124
Code master
Odyssea
# Re: Passer un niveau - le Ven 13 Déc 2019 - 10:06
Bonjour c'est moi Passer un niveau - Page 4 2702986051

Niveau désiré: Avancé (à vous de me dire si c'est avec des ++ ou non ^^)
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:

► Template "profile_view_body" (commande terminée) : http://www.epicode-entraide.com/t15794-codage-profil-pour-weat#320251
► Template "index_box" (commande terminée) : http://www.epicode-entraide.com/t15767-les-categories-de-ph#319712
► Template avec JS du QEEL sur mon forum test (je sais pas si c'est suffisant..)

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
                <!-- END switch_social_login -->
 </div>
 </form>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
 <div class="panel introduction">
 <div class="inner"><span class="corners-top"><span></span></span>
 <!-- BEGIN message_admin_titre -->
 <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
 <!-- END message_admin_txt -->
 <span class="corners-bottom"><span></span></span></div>
 </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}


<!-- BEGIN disable_viewonline -->
  <div id="qeel_content">
    <!-- IMAGE --><img src="https://i.imgur.com/8mVaO63.png" id="qeel_img" />
    <!-- GROUPES --><div id="qeel_img_bottom"><div id="qeel_group"><div class="qeel_group_color"><a href="https://test-signature.forumsrpg.com/g3-etudiants?tt=1" target="_blank"><div id="qeel_group1" class="qeel_groups"></div></a> <a href="https://test-signature.forumsrpg.com/g4-professeurs?tt=1" target="_blank"><div id="qeel_group2" class="qeel_groups"></div></a> <a href="https://test-signature.forumsrpg.com/g5-personnel?tt=1" target="_blank"><div id="qeel_group3" class="qeel_groups"></div></a> <a href="https://test-signature.forumsrpg.com/g6-citoyens?tt=1" target="_blank"><div id="qeel_group4" class="qeel_groups"></div></a></div></div>
    <!-- STATISTIQUES --><div><div><div id="qeel_text"><div id="qeel_last_user">{NEWEST_USER}.</div> <div id="qeel_desc"><span id="qeel_total_msg">{TOTAL_POSTS}</span> <span id="qeel_total_users">{TOTAL_USERS}</span> <span id="qeel_total_users_online">{TOTAL_USERS_ONLINE}</span></div></div></div>
    <!-- EN LIGNE --><div id="qeel_online"><div id="qeel_users_online">▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span></div> <div id="qeel_past_online">{L_CONNECTED_MEMBERS}</div></div></div></div>
   </div>
  

  <script type="text/javascript">
    document.getElementById('qeel_last_user').innerHTML=document.getElementById('qeel_last_user').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Bienvenue à : <br/>");

    document.getElementById('qeel_total_msg').innerHTML=document.getElementById('qeel_total_msg').innerHTML.replace(/Nos membres ont posté un total de/,"Nos habitants ont répondu à ");
    document.getElementById('qeel_total_msg').innerHTML=document.getElementById('qeel_total_msg').innerHTML.replace(/messages/,"lettres.");

    document.getElementById('qeel_total_users').innerHTML=document.getElementById('qeel_total_users').innerHTML.replace(/Nous avons/,"Actuellement, ils sont ");
    document.getElementById('qeel_total_users').innerHTML=document.getElementById('qeel_total_users').innerHTML.replace(/membre enregistré/,"habitant en ville, ");
    document.getElementById('qeel_total_users').innerHTML=document.getElementById('qeel_total_users').innerHTML.replace(/membres enregistrés/,"habitants en ville, ");

    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/Il y a en tout/,"dont ");
    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/::/,"Parmi eux : ");

    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/utilisateur en ligne/,"en balade.");
    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/utilisateurs en ligne/,"en balade.");

    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/Enregistré/,"hawaïen");
    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/Enregistrés/,"hawaïens");
    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/Invisible et/,"timide,");
    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/Invisibles et/,"timides,");
    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/Invité/,"étranger");
    document.getElementById('qeel_total_users_online').innerHTML=document.getElementById('qeel_total_users_online').innerHTML.replace(/Invités/,"étrangers");

    document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");
    
    document.getElementById('qeel_past_online').innerHTML=document.getElementById('qeel_past_online').innerHTML.replace(/Membres connectés au cours des 24 dernières heures/,"Les derniers a avoir mis le nez dehors");
  </script>

  <script type="text/javascript">

  </script>
<!-- END disable_viewonline -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
 <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
 <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
 <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}


Vos exercices répondent bien au niveau désiré ? J'espère, en tout cas, les commandes ont été validées donc, c'est un point positif non ? Passer un niveau - Page 4 2702986051

Merci d'avance Passer un niveau - Page 4 1066248963
Odyssea
Code master
Date d'inscription : 13/11/2019
Messages : 95


plz
Membre timide
NyxBanana
# Re: Passer un niveau - le Dim 19 Jan 2020 - 16:23
Bonjour :)

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: aucun mentionné
Liens/code de 3 exercices: Voici un forum a moi qui date d'il y a plus d'un an maintenant ; https://marbhadh.forumsrpg.com/ Si nous étions trois professionnels du web dans le staff, cette version a pratiquement étée réalisée à 100% par mes soins. Autrement, j'étais spécialisé en hack de contournement vis-à-vis des endroits trop rigides dans les templates de FA. L'un des exemples les plus évidents sur la version live est sans doute l'affichage du profil. Ici, les autres versions https://marbhadh.forumsrpg.com/t764-les-precedents-designs-du-forum . Toutes les versions contenaient une animation CSS légère et les versions du cycle 0, 1 et 3 contenaient un effet de paralax dans le header au scroll de la souris. (si vous voulez un exemple de ce code en application, j'ai aussi utilisé un paralax pour une bannière d'un projet professionnel il y a 2 ans, https://uclouvain-2018.moodlemoot.fr/ ) Ces derniers temps, j'ai commencé à explorer le code simplifié au maximum pour les membres ayant du mal à comprendre comme cela fonctionne. Un exemple ici d'une fiche de présentation réalisée en aout : http://lostinthesea.forumactif.com/t20-modele-de-presentation#46 (le reste du design n'est pas à prendre en compte, c'est un travail qui est vraiment fait à l'arrache compte tenu du fait que je n'avais pas le temps de travailler sur un design complet, riche et à 100% original. Une nouvelle version de se forum est en cours de design. Sinon j'ai un projet en cours d'évolution dont les catégories ont déjà été codées ici : https://timecluster.forumactif.com/ . Elles ne sont pas entièrement finies car elles ne sont pas encore responsives et qu'on aimerait faire un système d'onglets plutôt que toutes les dérouler à la suite mais je n'ai pas eu le temps de me pencher là dessus pour le moment. Et si cela vous intéresse, voici mon site professionnel, bien qu'il aurait bien besoin d'être dépoussiéré un peu ;




Vos exercices répondent bien au niveau désiré ? Je pense que oui... Passer un niveau - Page 4 3313101865 Je pense que Marbhadh parle de lui-même pour ce qui est des templates, son profil étant un bel exemple de détournement de boucle FA à base de nth-child pour en extraire l'image et le nbr de messages et de points. Marbhadh comporte plusieurs tweak JS, au même titre que Pacific Blue. Si les exemples de JS ne sont pas suffisant pour vous car j'essaye d'en limiter l'utilisation pour des raisons de bande passante, je peux vous diriger vers un projet scolaire qui visait à repenser l'expérience d'onboarding de la webapp Slack. L'expérience n'est pas terminée à 100% mais elle a déjà le mérite d'afficher l'heure exacte et de changer dynamiquement du contenu en fonction de la conversation.
NyxBanana
Membre timide
Date d'inscription : 15/05/2014
Messages : 153
Admin et designer
Jawn
# Re: Passer un niveau - le Ven 24 Jan 2020 - 17:52
Coucou à vous, désolée du petit retard de réponse Passer un niveau - Page 4 3775839356 !

@Odyssea : Il y a maîtrise des templates ce qui est un atout non négligeable et tu arrives à te servir des script JS pour modifier des valeurs dans le QEEL donc le niveau Avancé + me semble parfait pour toi !

@NyxBanana : hanwmygawd Doctor Strange
Holy cow, s'il existait un niveau "dieu suprême" tu l'aurais eu haut la main /PAN
J'aime énormément ce que tu arrives à faire avec les templates, sachant que c'est toujours un peu tendu de modifier le profil_viewbody qui est assez complèxe en lui-même, donc chapeau ! Ton site est incroyable, tu maîtrises énormément de choses et à un très bon niveau en prime de ça ! Du coup, niveau Avancé ++ largement accepté !

Vos niveaux ont été ajoutés sur votre profil ~ Passer un niveau - Page 4 3775839356
Jawn
Admin et designer
Date d'inscription : 24/03/2016
Messages : 3253


Alors comme ça on aime coder ? On aime le design ? Postule pour devenir designer !

Passer un niveau - Page 4 OJ0bRcH

Passer un niveau - Page 4 Qqlf
Merci à Azumii pour la signature Passer un niveau - Page 4 3775839356
Contenu sponsorisé
Revenir en haut
Page 4 sur 4 Précédent  1, 2, 3, 4
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum