#code libre service

Grain monochrome SVG pour background CSS

Hi ~

Sur un coup de tête, je me suis fait la réflexion que parfois pouvoir ajouter du bruit/grain sur des images sur forum ça pouvait être cool. Déjà dans le but d'uniformisé plusieurs images à la suite sans avoir nécessairement besoin d'ouvrir photoshop/gimp pour le faire.

Du coup, grâce un SVG j'ai pu rajouté ce grain monochrome que je voulais et qui applique donc le bruit sur vos images avec background-repeat. Le SVG est tileable, ce qui veut dire pas de coupures visibles même sur de grandes images.

Sur la class .photo vous avez l'affichage "normal" de cette dernière et avec .photo:after vous avez l'ajout du grain. N'hésitez pas à toucher au filter pour varier vos rendus !

J'espère que ce petit code sera utile pour certain.e.s et amusez-vous bien ♥

Lien vers mon CodePen

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 ♥

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.

CODE SIGNATURE #1 | WATSON

Je vous propose ici un premier code pour signature en libre service. La signature doit être installée en iframe (les explications sont dans le lien du code) et les couleurs et les icons sont facilement modifiables. Vous pouvez voir un aperçu du code en direct juste ici. Le code et les explications se trouvent ici.  --> Pensez à liker, rebloguer et me suivre pour soutenir mon travail. --> N’enlevez pas les crédits. 

CÓDIGO DE FIRMA #1 | WATSON

Hello !

Vous retrouverez ici le code mise en libre service, qui est également utilisé sur le forum Desiderium (hésitez pas à rendre visite au forum).

La base de cette fiche est directement inspiré d'un layout de @cavalierfou , encore merci pour l'autorisation de rendre cette merveille en code ♥

Il y a deux versions, une assez large qui pourrait ne pas correspondre à tous les forums et une autre plus "étroite" qui normalement sera adapté pour tout les forums !

Le lien du code juste ici : https://pastebin.com/PzM33EZK

Les deux codes s'y trouve, séparé par une ligne de commentaire faites bien attention ! Si jamais vous n'avez pas accès au css et que vous voulez utiliser ce code il suffira de mettre la partie css dans des balises <style></style> et utiliser css minifer pour ne pas avoir de soucis avec FA et ces jnjdeijdziuned saut de ligne.

Enjoy !

/!\ ne pas enlever les crédits

Bonjour,

voici la suite du code de l’application kakaotalk sur forumactif : le code est juste ici

/!\ Ce code est optimisé pour chrome + les versions forumactif phpbb2 & 3

Tout comme le code des messages, vous pourrez choisir les notifications au niveau de la barre supérieur : l’explication est ici . Si vous avez testé ce code, utilisez-vous cette fonctionnalité ? (Oui, je suis vraiment curieuse à ce sujet)

J’ai tenté au maximum de simplifier l’utilisation de ce code pour les néophytes <3  Vous n’aurez pas besoin de fouiller 3h dans le code pour éditer les images ou ajouter le pseudonyme de votre personnage. Il vous suffira d’éditer au début du code après la balise “root” les url des images ainsi que de modifier le champs “Pseudo”. Juste, là :

Bien évidemment, il n’est pas obligatoire d’incorporer un morceau. Si vous ne souhaitez pas afficher les goûts de votre personnage ou la musique qui le représente au mieux, il vous suffira simplement de supprimer toute la partie ci-dessous :