#code forumactif

[midnight---shadow]

FICHE RP #7 - MIDNIGHT SHADOW



{ LIEN VERS LE CODE }



crédit gif : autumnchillthatwakesmeup

[alicelechat]

Kakaotalk messagerie (LS)

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.

Bonne journée/nuit/autre ~

[mikazuki-commandes]

Fiche de lien avec tableau type "pinterest"

Fiche de lien type "pinterest"

1. Merci de ne pas enlever le crédit ! 2. Remplacez la couleur dans :root{--coloLua:#ff98c8;} pour changer toutes les couleurs du code !

[grimmcodes]

Thème n°1 (gratuit)

Niveau d'installation : ⭐⭐⭐

(prérequis : être un minimum à l'aise avec le codage de manière générale et l'hébergement externe d'une feuille de CSS)

➡️ Ce thème a été élaboré à partir du Blank Theme de Geniuspanda. ⚠️ Merci de créditer les personnes citées dans ce post ! ❓ Pourquoi il est gratuit ? �� Et pourquoi pas ? Je ne demande rien de plus qu'un sujet où sont répertoriés tous les crédits ainsi qu'un petit mp pour savoir que vous utilisez le thème ! ✅ Vous pouvez utiliser entièrement ou partiellement le thème, selon ce qui vous intéresse en fait (du moment que les crédits sont conservés, j'insiste !). Vous pouvez le modifier comme vous le voulez, qu'il s'agisse des couleurs, des formes, des tailles (pitié, restez juste un minimum lisibles même si j'aurais clairement pu faire beaucoup mieux), polices... c'est open bar ! 🗒️Le CSS global est trop long pour être copié/collé directement dans la feuille de forumactif. Je vous conseille de l'héberger sur archivehost ou dropbox et de rajouter un lien vers celui-ci dans votre overall_header. N'hésitez pas à me mp si vous n'êtes pas à l'aise avec l'installation, je vais faire au mieux pour vous orienter ! Autrement, le Blank Theme explique comment s'y prendre juste ici : https://blankthemerpg.forumactif.com/t141-heberger-du-css-exterieur Il comporte : • La base du Blank Theme en modernbb (en configurant votre forum avec les paramètres associés) • Le plugin Messenger d'Ange Tuteur remanié par Geniuspanda, Switcheroo et le mode Edison clair/sombre réalisés par Monomer. • Une page d'accueil • Les catégories • La liste des sujets et l'apparence des sujets • L'apparence du profil • La liste des membres • La liste des messages privés et l'apparence d'un message privé • Une série de codages (fiche de présentation avec onglets, fiche utilisable pour rédiger ses annexes, fiche utilisable pour les posts administratif comme le règlement etc...) • Un set Instagram (profil, posts, like, suivre, commenter, story) • Un set de type Tinder (profil, like, super-like, match, pas intéressé) • Un set de 10 fiches de rp aux couleurs du forum (adaptable au mode noir/clair) ainsi qu'un codage pour l'apparence de vos sms • Un set de 5 signatures aux couleurs du forum 📌 Vous trouverez le forum où les codages ont été utilisés juste ici. Il s'agit d'un forum rpg que j'ai monté en décembre 2023 mais qu'on a fermé en mars 2024 avec ma co-admin. Les inscriptions sont fermées mais vous pouvez au moins y retrouver l'apparence globale de ce qui est proposé sur les captures d'écran. ⚠️ La police de base est Nunito Sans, sans-serif (font google) et celle des titres Cloister Blacklight (par Dieter Steffmann et à héberger de votre côté en sortant les fichiers nécessaires (.ttf, .wof + css) sur fontsquirrel par exemple). Il se peut que vous observiez des déformations si vous n'utilisez pas Nunito Sans puisqu'une police n'est pas précisément la même en taille de l'une à l'autre selon comment elle a été conçue. ⚠️ Le forum n'est d'ailleurs pas vraiment à 200% responsive... oups. Mais les couleurs sont facilement gérables dans le :root, autant pour le thème clair que le thème sombre. 🔧 En ce qui concerne les paramètres personnalisés : - bien afficher la liste des membres connectés et avec une période de 72 heures. - ne pas afficher la connexion rapide. - ne pas cocher la case optimiser votre css - cocher la case désactiver le css de base 🔧 En ce qui concerne l'ordre des champs du profil :

🔧 En ce qui concerne les posts administratifs sans que le profil admin n'apparaisse : Il faut que votre compte Administrateur (celui avec lequel vous avez fondé le forum) ait pour rang <span class="Administrateur">Administrateur</span>.

➡️ VOUS RETROUVEREZ LES CODES ICI : https://github.com/Practless/theme1/

➡️ ET ICI UN PETIT TUTORIEL D'INSTALLATION PAS À PAS : https://www.tumblr.com/grimmcodes/755161796494737408/tutoriel-installation?source=share

Et voilà ! Normalement vous devriez avoir l'exact même rendu. ⭐ La plupart des codages n'ont pas été nettoyés et laissés comme sur le forum rpg où ils ont été construits (avec les textes, les images etc... oui, j'ai eu la flemme, pardon hein mais c'était trop long d'y refaire un tour pour tout nettoyer...🧍‍♀️Peut-être qu'un jour j'vais y penser. Ou pas.) Note à savoir : je ne suis pas professionnelle, j'ai appris sur le tas et avec des tutoriels sur le net. Donc c'est sûrement le bazar, fait avec les pieds, pas optimisé et j'en passe. N'hésitez pas à me contacter si vous observez des problèmes. 🍀 Débizou si consentis et vive le rp francophone 🍉🏳️‍🌈🏳️‍⚧️💗

[code-lab]

Simplification de Messenger

Hey !

Le plugin Messenger a été revu pour être plus facilement utilisé par tous :

Code allégé et plus clair : - configuration plus facile - suppression de fonctionnalités superflues

Améliorations du CSS : - meilleure variables pour la customisation - mise à disposition d'une feuille CSS hébergée pour tous

Bouton pour ouvrir/fermer messenger plus facilement déplaçable

Nouvelle documentation : - support et faq disponible! - explications pour customiser plus facilement

Le plugin n'est plus installé par défaut dans le Blank Theme (il est plus facile de l'ajouter que le retirer).

Mais! cette version redesignée du Messenger est désormais utilisable sur n'importe quel forum ! ✨ Que vous utilisiez le Blank Theme ou non, il est désormais plus simple de l'implémenter sur votre forum, peu importe vos versions/designs.

La version 3.5 du Blank Theme vient d'être mise à jour.

[anita-codes]

Skin simple — Stardust (gratuita)

Feliz año nuevo 2024!!!! ✨✨✨ Sinceramente espero que todos hayan disfrutado de un buen cierre de año, en compañía de sus seres queridos y se hayan hartado hasta el cansancio todas las galletas y ponche de la mesa. Que este nuevo año nos traiga a todos abundancia de bendiciones, salud y gratas sorpresas a nuestras vidas.

Tras tomarme un tiempo de inactividad en este bonito espacio, principalmente motivado por el cuidado de mi salud mental y una carga excesiva de responsabilidades en mi vida cotidiana, estoy decidida a volver a enfocar mi energía y entusiasmo en los proyectos que una vez inicié con gran ilusión. Por esta razón, una de mis metas para este año es volver a retomar y culminar dichos proyectos postergados.

Gracias a todos aquellos que me brindaron su apoyo y comprensión durante este receso, y a los que me siguen y comparten mi trabajo.

Y pues, nada, impulsada por las fechas festivas (y una reciente adicción a vocaloid) se me ocurrió romper el hielo con una skin sencilla ( phpbb3 ) que pueden usar de base para sus propias skins.

Preview en vivo: https://star-dust.foroactivo.com/

❥ Características

Navbar personalizado: Avatar de la cuenta + Bienvenida, frase + Navegación.

Tablón de anuncios: Imagen decorativa + Frase 1 + Caja de texto + Staff + Frase decorativa 2 + Últimos temas + Links rápidos.

Categorías y descripción de subforos.

Estadísticas, afiliados en el footer.

Listado de temas, perfil en los temas.

Paginado de búsquedas (mensajes y temas).

Mensajería privada.

Perfil simple (/u1).

❥ Instalación

Tutorial y Códigos: https://star-dust.foroactivo.com/f1-instalacion-y-codigos

Cuenta para invitados: Elliot S. Wrigty | Contraseña: skinstardust2024

[deflektorr]

CODING STUFF --

j'avais pas codé depuis et j'ai eu un petit élan d'inspi.

[maywemeetotherrph]

𝒞𝑜𝒹𝑒 𝟶𝟹. 𝒢𝑒𝓃𝓉𝓁𝑒 𝓇𝑒𝒶𝒹𝑒𝓇 - 𝒫𝑜𝓈𝓉 𝒹𝑒 ℛ𝑜𝓁

No me olvido de mi obsesión con Los Bridgerton, así que no podía dejar pasar la oportunidad y hacer algo inspirado en la serie. Y qué mejor que una tablilla para un post. ¡Espero que os guste! 🩵

Características:

Tanto el color de fondo como el de la letra se ajustarán a los colores del foro.

El color de acento se puede cambiar en la variable --border1.

El color del borde del post se cambia en la variable --bordercolorfil, ajustando los grados según la rueda de color, teniendo en cuenta que el azul está en 0. Por ejemplo, para ponerlo rosa, serían 90deg, para verde serían 180deg, y así con cualquier color de la rueda cromática. Al cambiar este filtro, afectará a toda la tablilla, por lo que para que no cambie el color de la imagen, hay que poner el mismo valor pero en negativo en ".bridgerton img{filter: hue-rotate(-0deg);" y ajustar el color del borde con --border1.

La imagen es de 100x100px.

Reglas:

No quitar los créditos.

Prohibido copiar/redistribuir o reclamar como propio. Se puede usar como guía o base para otro código, siempre y cuando se respeten los créditos.

Like/reblog si vas a utilizarlo.

Créditos:

Imagen de borde by yahyary en pngtree.

Iconos de Tabler Icons.

Imagen de icono by @belanor .

[jawnressources]

— quelques codes rajoutés en libre-service ! > FICHE POUR UN SHOP > FOOTER JAUNE ET SOMBRE > SIGNATURE > SIGNATURE > SIGNATURE > FICHE DE VALIDATION > CATÉGORIES BLANCHES ET GRISES > LECTURE DES MPs > FICHE RP VIOLETTE > FICHE RP DORÉE > FICHE RP JAUNE ET NOIRE > FICHE DE PARTENARIAT > FICHE ANNEXE > BARRE DE NAVIGATION SUR LE CÔTÉ > FICHE DE BOTTINS > FICHE DE LIENS > FICHE RP ROSE ET BLEUE > FICHE DE LIENS BLEUE > BANDEAU / EN-TÊTE > Un nouvel index EN VENTE : INDEX COMIC GOLD Enjoy ♥

[awonaa]

SIGNATURE N°7 (code)

crédit : awona

Tout est adaptable et modifiable à votre guise, have fun. ♡ ​Veillez à me créditer, ainsi que lae createurice des images utilisées. Si vous avez une question ou rencontrez un problème, vous pouvez me contacter par mp ou par ask !​​

[timuschaos]

CODEMBER #3 | Golondrina.

Signature thématisée autour des hirondelles

© timuschaos

• Third prompt of @elalmacen-rp for Codember 2023;

• Free to use but please credit;

• You'll find the code here;

• Thank you ♥

[midnight---shadow]

FICHE RP #4 - MIDNIGHT SHADOW

{ LIEN VERS LE CODE }

crédit gifs : cloudyyminded

[alicelechat]

Kakaotalk profil (LS)

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 :

Passez une bonne journée/soirée/nuit <3

[lyurcodes]

CODE #3 ♡ TOO SPICY!!

PREVIEW + DOWNLOAD

[grimmcodes]

Tutoriel Installation 🛠️⚙️🔧

Je vois que certaines personnes galèrent avec la mise en place du thème que j'ai partagé (notamment pour héberger le css). Alors voici un tutoriel d'installation pas à pas, avec captures d'écran, pour vous permettre de le mettre en place correctement 💗 ⚠️ Pour rappel, le Blank Theme dispose de ses propres explications, que vous retrouverez juste ici. ⚠️ Veillez à bien avoir configuré votre forum comme l'indique le Blank Theme juste ici. ⚠️ Le forum doit impérativement être en version ModernBB.

1️⃣Pour mettre en place tes templates.

Nous allons commencer par copier les templates depuis le github. Ici, ce sont les différentes parties d'HTML qui nous intéressent.

Nous allons progressivement les coller dans les diverses sections de forumactif (voir screen ci-dessous). 📌Exemple ici avec le template images_list que je vais copier depuis le github : 📁HTML (templates) > 📁general >📄images_list.

Et coller dans le template images_list de forumactif.

Les noms des HTML sont exactement les mêmes du github vers forumactif donc vous ne pouvez pas vous tromper. Vous avez juste à copier d'un côté et coller de l'autre, en n'oubliant pas à chaque fois de sauvegarder à droite en cliquant sur le symbole disquette💾(ouais, j'vais rentrer dans les détails à ce point).

Quand l'ensemble de tes HTML ont été copiés et collés correctement (général, poster & messages privés, profil), tu vas pouvoir passer à l'hébergement de tes divers CSS.

2️⃣Pour enregistrer ton css afin de l'héberger.

Je t'invite à aller sur le github mais dans la section CSS cette fois-ci. L'ensemble des CSS devront être enregistrés sur ton ordinateur puis hébergés en dehors de forumactif car ils sont trop longs. 📁 CSS > 📄CSS_global

Tu peux copier le code et le coller dans un logiciel qui permet d'éditer du code. Pour moi, ce logiciel sera Notepad++, parce que j'aime me faire du mal, mais sachez qu'il existe aussi SublimeText. Ces logiciels sont gratuits ✅ et indispensables pour pouvoir enregistrer vos feuilles en format .css (comme on le ferait pour une image en format .png ou .jpg quoi).

Quand j'ai copié mon css depuis github et que je l'ai collé dans mon logiciel d'édition de code, je n'ai plus qu'à lui donner un petit nom en sauvegardant (chez moi ça sera CSS_global) et à l'enregistrer en .css (Cascade Style Sheets File).

3️⃣Pour héberger ton css en dehors de forumactif après l'avoir enregistré sur ton ordinateur.

Ca y est, à cette étape, tu as normalement l'ensemble de tes CSS (global, instagram, messenger, page d'accueil etc...) d'enregistrés individuellement sur ton ordinateur. Tu peux désormais aller les héberger en dehors de forumactif. Pour cela, j'utilise personnellement Archive Host (parce que j'aime vraiment me faire du mal) mais, tu peux très bien utiliser Dropbox. Il te suffit juste de créer ton compte. Tu arriveras ensuite sur une page où tu pourras ajouter tes fichiers et les stocker dans un dossier. J'aime que mes documents soient rangés donc, je te conseille de créer un répertoire et de l'appeler par le nom de ton forum (comme ça, si t'en as plusieurs, impossible de te tromper !).

C'est ici que je vais y ranger mes feuilles de CSS préalablement enregistrées. Je clique sur ➕Ajouter des fichiers puis sur ⬆️Démarrer l'envoi quand j'y ai ajouté ceux que je voulais.

Ca y est ! Ta feuille de CSS est désormais hébergée. Mais ce n'est pas terminé. Il faut maintenant relier ton forum à cette feuille. Et pour cela, rien de plus simple :

En survolant ta feuille de CSS avec ta souris, une flèche va apparaître en haut à droite ⬇️, clique dessus puis sur 🟦 Informations et Codes.

Cette fenêtre va s'ouvrir. Je t'invite à cliquer sur l'URL à côté de Principal et de la copier. C'est le lien de ta feuille depuis Archive Host. Tu vas ensuite aller la coller dans ton overall_header sur forumactif. Mais pas n'importe où !

Ici, les URL vers mes feuilles de CSS sont collées les unes après les autres juste en dessous de <!-- CSS Externes -- > ET sous cette forme : <link href="URL ARCHIVE HOST ICI" rel="stylesheet" type="text/css" charset="utf-8"> Il faut absolument que ces feuilles se trouvent avant la balise </head>. Tu verras, dans le code HTML de l'overall_header (à la ligne 20) j'ai laissé cet endroit vide, tu auras juste à les coller en dessous.

N'oublies pas de sauvegarder ! Et voilà. C'est tout. Rien de plus simple 💗 Cela te demande juste d'installer un logiciel d'éditeur de code (gratuit) et de te faire un compte sur Archive Host ou Dropbox (gratuit aussi). Si là encore vous êtes paumés.és (parce que ce n'est pas impossible malgré les screens et explications pas à pas), n'hésitez pas à m'envoyer un petit mp. 🌈

[code-lab]

Nouveaux tutoriaux !

'Christa Lostmindy nous a réécrit le code qui permet de déplacer les champs de profil dans un post pour qu'il soit plus simple d'utilisation ! (il sera mis par défaut sur le Blank Theme sous peu) Elle l'a accompagnée d'un tutoriel hyper pédagogue qui explique en détails le fonctionnement des champs de profil en général.

▶ Déplacer et personnaliser les champs de profil

Elle a également réécrit le tutoriel pour les champs de contact afin de le rendre plus complet, toujours en étant très pédagogue ! Merci pour sa patience et son implication 👏

▶ Personnaliser les champs de contact (message et profil)