#code forumactif

coding journey

(eng below)

1. maquettes/mockups

dernièrement j'ai les doigts qui démangent avec tjrs tjrs tjrs une envie de renouvellement (c'en est insupp parfois la vérité) donc au lieu de me jeter dans le vide et coder tout sur le tas soit from scratch soit à partir de mes vieux codes (pcq même en ayant envie de tjrs tt refaire, g surtout aussi bcp la flm) et de m'étonner qu'à la fin je m'arrache les cheveux, j'ai décidé cette fois-ci de PRENDRE MON TEMPS (késako??) et de faire des maquettes pour vraiment avoir une vue d'ensemble et surtout une DA cohérente.

j'ai donc commencé par faire les maquettes de mes deux templates préférés à coder ici présent, je nomme: viewtopic_body et profile_view_body !! voici donc une bonne chose de faite et j'espère que je pourrais donner vie à ces maquettes hihi encore et tjrs grâce à la merveille qu'est le blank thème (@code-lab) qui m'a vraiment refait découvrir ma passion du codage ♡

dans le meilleur des mondes j'aimerais bien créer des thèmes entiers pour FA et les mettre disponible à la vente tellement j'ai des idées à revendre (no pun intended) mais again la FLEMME donc je commence à documenter ma p'tite aventure ici pour me motiver un peu et vous partager un bout de mon univers hihi

sur ce, j'vous souhaite un bon weekend et à bientôt ♡

—

lately i've been feeling kinda manic always wanting to test and experience new things coding wise (i'm insufferable istg) so instead of throwing myself out there and coding everything on the spot out of nowhere either from scratch or from some old codes of mine (bc even tho i always wanna start fresh and make everything anew, i'm also terribly lazy af) and THEN being surprised of how annoyed and on edge i am in the end, i've decided to finally TAKE MY TIME (who dis??) and to make mockups to rly have an overview and a consistent creative direction.

so i started with mockups of my faves templates out here which are viewtopic_body and profile_view_body !! so that's a good thing done and i hope i'll be able to make them mockups live hehe again with the wonder that's the blank thème (@code-lab) that truly sparked my passion for coding again ♡

in an ideal world, i'd LOVE to create entire themes for FA and make them available for sale as i always have so many ideas but again, i'm just too lazy. so here i am starting to document my little adventure here to motivate myself and share a bit of my world with you hehe.

Bonjour/bonsoir à toustes ! Puisque mon taff à la base c'est plus de coder que de grapher, je vous partage aujourd'hui un petit module permettant de transformer les points simples en points médians sur forum actif. Pourquoi ce module ? Si certains adons sur navigateurs permettent de le faire automatiquement, ils ne sont malheureusement pas disponible sur tout les navigateurs web. Il y a aussi des raccourcis claviers, mais ça peut rallonger le temps d'écriture et/ou poser quelques difficultés aux RPGistes handi qui ont besoin de faire une manipulation en plus lors de l'écriture. ça permet aussi à celleux qui ne veulent pas installer un addon spécifiquement pour ça (on vous voit celleux qui écrivent leurs RP depuis le PC du boulot) (je suis aussi coupable) de tout de même transformer leurs points de ponctuation simples en points médians, mais aussi à celleux écrivant depuis leur portable de le faire facilement. Utiliser le module : Lorsque vous écrivez votre RP/message en écriture inclusive et utilisez des simples points, comme pour le mot écrivain.e par exemple. Prévisualisez votre message une fois le RP terminé, puis cliquez sur le bouton "en inclusif". Un pop up en haut de votre fenêtre s'ouvriras. Confirmez jusqu'au bout, enregistrez dans le presse papier et collez le nouveau contenu de votre RP/message modifié. Tout vos mots en inclusifs, séparés d'un point simple se transforment en point médian comme ceci : écrivain·e En cas de catastrophe et de bug du module, utilisez le ctr+z (ou commande+z sous Mac) pour retrouver votre texte d'origine. Postez le tel quel, actualisez la page avec F5 puis éditez votre message en utilisant de nouveau le bouton "En inclusif" pour avoir le bon texte dans votre presse papier.

Installer le module :

Créez une nouvelle page Javascript dans votre panneau d'admin via le Module et sélectionnez "sur toutes les pages". Copiez/collez le Javacript.

2) Ensuite, dans votre template posting_body (au sein de la partie "Poster & Messages privés") ajoutez le bouton En Inclusif  où vous le souhaitez :

<button id="replaceButton">En Inclusif</button> 

préférablement au même niveau que vos boutons "prévisualiser" et "envoyer" pour vous repérer, cherchez le commentaire " BEGIN switch_preview " vous y trouverez normalement les boutons de prévisualisation, de brouillon et d'envoi. Puis dans votre feuille CSS, personnalisez le bouton à l'aide du sélecteur #replaceButton { votre CSS ici } Vous pouvez retrouver le code sur github juste ici, pour trouver le code javascript à copier/coller ouvrez simplement la page "javacript" ! Le bouton est linké pour sa part dans la page posting_body : bouton juste après le commentaire forumactif visant à vous repérer Si jamais d'autres codeur·euses veulent collaborer pour l'améliorer, n'hésitez pas à me contacter ♥

FICHE RP #7 - MIDNIGHT SHADOW



{ LIEN VERS LE CODE }



Fiche de lien type "pinterest"

Bonjour,

je vous propose ce libre service : le code juste ici

Le code a été simplifié au maximum pour les néophytes.  Il a été incorporé des annotations pour ne pas se perdre et surtout pour ne pas casser le code. 

Pour les névrosés comme moi, j’ai apporté au code une petite surprise : la possibilité de personnaliser les notifications du téléphone. J’attire votre attention sur la barre supérieure, là où vous pouvez trouver les icones de notifications. Sachez qu’elles sont personnalisables ! Vous pouvez en incorporer jusqu’à 5 ! Pas une de plus ! 

Pour en ajouter, il vous faudra copier ce modèle :

Vous avez le choix entre : 

Appel manqué (class=”kt-missingcall”)

Discord  (class=”kt-discord”)

Facebook (class=”kt-facebook”)

Gmail (class=”kt-gmail”)

Instagram (class=”kt-insta”)

Kakaotalk (class=”kt-kakaotalk”)

Messenger (class=”kt-messenger”)

Netflix (class=”kt-netflix”)

Snapchat (class=”kt-snapchat”)

Tiktok (class=”kt-tiktok”)

Tinder (class=”kt-tinder”)

Tweeter (class=”kt-tweeter”)

Twitch (class=”kt-twitch”)

Whatsapp (class=”kt-whatsapp”)

Youtube (class=”kt-youtube”)

Il en va de même avec la barre de mode et de réseau (en haut à droite) :

téléphone sur silencieux (class=”kt-mute”)

internet en 4G (class=”kt-4g”)

internet en 5g (class=”kt-5g”)

wifi (class=”kt-wifi”)

pas de wifi (class=”kt-nowifi”)

réseau téléphonique (class=”kt-reseau”)

pas de réseau (class=”kt-noreseau”)

Enfin, j’ai pensé qu’il pourrait être intéressant d’ajouter dans la barre de message le brouillon de messages non-envoyé. Ca a été une idée comme ça, peut-être que cela vous sera utile, peut-être pas mais j’ai trouvé cela intéressant. 

Pour finir, merci de ne pas retirer le crédit ou de vous approprier ce travail.

Je débute tout juste en codage et je fais probablement toutes les erreurs possibles étant donné que j’ai une impatience de niveau olympique mais je vous met à disposition cette première fiche de réponse rp au cas où elle intéresserait quelqu’un.  Merci de ne pas retirer les crédits ♡ N’hésitez pas à liker/rebloguer pour me soutenir ♡  //CLIQUEZ ICI POUR LE CODE//

coding journey

(eng below)

2. de la maquette à la réalité / from mockup to reality (maquettes à gauche, codes live à droite / mockup on the left, live codes on the right)

je pensais honnêtement que mes maquettes étaient trop ambitieuses et que ça allait me humble sévère mais en fait non?? je suis assez satisfaite du résultat, même si mon côté perfectionniste-éternellement-insatisfaite me dit que ça va pas durer longtemps et que j'aurai encore envie de tout changer plus tard.... je suis contente de toujours explorer un peu plus, user de ma créativité pour tester de nouvelles choses, comme par exemple la liste des personnes qui ont liké un message qui s'affiche au hover, le coeur vide qui se remplit lorsqu'on like le message, la possibilité de mettre un 2e avatar qui change lors du passage en mode sombre... des petits détails qui font plaisir hihi évidemment, la version finale est toujours bien différente des maquettes :/ mais ça, c'est toujours mon côté insatisfait qui veut tout changer...

hâte de passer à la visionneuse de profil maintenant!!

bon weekend à vous ♡

PS: finalement, ces codages verront le jour...stay tuned!!!!