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,
-29%
Le deal à ne pas rater :
Griffoir Lion pour chat
9.99 € 13.99 €
Voir le deal

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 - 14: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 : 3399



Un grand merci à Sherlock pour cette sublime signature
Maxi-code master
Sieben
# Re: Passer un niveau - le Mer 11 Déc 2019 - 14:53
Merci beaucoup ! Passer un niveau - Page 4 2702986051
Sieben
Maxi-code master
Date d'inscription : 19/07/2018
Messages : 149
Ancien.ne du staff
Odyssea
# Re: Passer un niveau - le Ven 13 Déc 2019 - 5: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
Ancien.ne du staff
Date d'inscription : 13/11/2019
Messages : 96
Membre timide
NyxBanana
# Re: Passer un niveau - le Dim 19 Jan 2020 - 11: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 - 12: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 : 3399



Un grand merci à Sherlock pour cette sublime signature
Newbie
djand
# Re: Passer un niveau - le Mar 31 Mar 2020 - 4:39
Bonjour,

Niveau désiré: Avancé
Les notions de ce niveau:
► les sélecteurs {ici} et {là}

Les exercices recommandés:
Liens/code de 3 exercices:

Vos exercices répondent bien au niveau désiré ? Je pense que les 3 englobent bien les notions jusqu'à ce niveau. Passer un niveau - Page 4 3775839356

Merci.
djand
Newbie
Date d'inscription : 14/04/2017
Messages : 24
Designer
Sherlock
# Re: Passer un niveau - le Mar 31 Mar 2020 - 9:23
Coucou @djand !

C'est vraiment super chouette ce que tu fais ! Très sympa la fiche et tes exemples sur le site, j'aime beaucoup ** !
Seulement avant de t'accorder le niveau que tu souhaites, c'est possible de nous fournir un code en html/css sous balise (code & hide) ? Histoire de bien pouvoir évaluer ton niveau. ^^- (sur FA particulièrement, si tu as d'autres exemples que la fiche n'hésite pas à les fournir !)

Mercii ♥
Sherlock
Designer
Date d'inscription : 20/04/2017
Messages : 341


Newbie
djand
# Re: Passer un niveau - le Mar 31 Mar 2020 - 12:13
Coucou,

Voici les codes

djand
Newbie
Date d'inscription : 14/04/2017
Messages : 24
Designer
Sherlock
# Re: Passer un niveau - le Mar 31 Mar 2020 - 12:57
J'ai vu avec le Staff, @djand, on t'accorde le niveau Intermédiaire + en vue du code que tu nous as proposé. Tu as l'air plus spécialisée dans les sites que pour FA (comme tu dis si tu es web-designer c'est normal), surtout en vue de la structure de ton code qui fait penser à une page HTML ou un code pour une iframe. ^^-

Un admin va te mettre ton nouveau niveau !
J'espère que tu viendras nous proposer de jolis codes. Passer un niveau - Page 4 3775839356 Passer un niveau - Page 4 3775839356
Sherlock
Designer
Date d'inscription : 20/04/2017
Messages : 341


Newbie
djand
# Re: Passer un niveau - le Mar 31 Mar 2020 - 18:20
Super merci Passer un niveau - Page 4 3775839356
djand
Newbie
Date d'inscription : 14/04/2017
Messages : 24
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