#vous faites ce que vous voulez

[soeurdelune]

si vous tombez sur des ressources, des citations, des guides, des avatars, des gifs, des icons ou quoi que ce soit d'autre qui vous plaise, pensez à les reblogger! 🌟

les likes ça fait plaisir, mais sur tumblr hormis pour se souvenir qu'on a déjà vu un billet ça ne sert pas à grand chose, ce site est avant tout conçu pour partager les choses que vous voyez et que vous aimez!

je reblog souvent les avatars, rp prompts etc. que j'apprécie ou qui m'inspirent et c'est bête mais quand je vois après dans mon activité d'autres gens liker/rb ces billets, je me dit que c'est super d'avoir amené tout ça dans leur feed, et que ça peut potentiellement faire découvrir des créateurices, des univers, des fandoms à d'autres personnes! c'est à ça que servent les reblogs, les likes ne boostent pas les billets et n'aident pas vraiment les créateurices sous-côté.e.s à se faire connaître! ce sont les reblogs qui font la différence!

si vous avez peur de reblogger quelque chose parce que vous pensez que ça fera hors-sujet avec le thème de votre blog, sachez que vous pouvez faire autant de sideblogs (blogs secondaires) sur tumblr que vous le souhaitez sans nécessité de créer un nouveau compte. c'est quand même bien fait ✨

[girafeduvexin]

J'arrêtais pas de penser au trailer de Joker : folie à deux et au dernier plan qu'on voit dans la bande-annonce et je viens de me rendre compte que Joaquin Phoenix a la même coupe que Jean-Jacques Goldman dans les années 90

[locklaicy]

avec toute mon amabilité

[mndvx]

je vous en supplie arrêtez les forums qui se passent pendant ou après la purge, j’en ai marre de Palpatouille et Darth Labrador, j’veux jouer un jeudi pendant les ères de la république, ancienne ou pas balec, y avait un empire des sith longtemps avant la purge si c’est ce que vous voulez, y avait même beaucoup plus de sith à ces époques-là, des TONNES DE DARTH ET DE JEDIS NOIRS ET DE VILAINS AVEC DES SABRES ROUGES si vous voulez, j’comprends l’appeal de jouer un jedi tout cassé qui doit se cacher, mais y a que ça partout 😭😭😭 sivouplé j’veux jouer un jedi jedi dans l’ordre qui doit faire face à ses problèmes autres que juste devoir se cacher de l’inquisitorius

[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 🍉����️‍🌈🏳️‍⚧️💗

[rollinginthedeep-swan]

Ces choses positives dans le rpg.

Parce que bon, on a souvent besoin de faire des rappels, pas les plus joyeux. Voici ma petite liste posée et positive du dimanche. Si vous voulez la compléter, amusez-vous !

Les gens qui reblog et partagent, juste pour le plaisir, nos recherches/demandes/appel à l'aide.

Les petits mots par MP/ask qui pop de temps en temps juste pour complimenter le boulot.

S'extasier mutuellement quand on voit qu'un PL de notre part est tenté, même si ça nous concerne pas du tout. Être juste ultra hypé-e pour l'autre.

Le fait que, malgré le temps que ça prend, y a toujours des gens qui prennent leurs cuillères pour poster des mots complètement dingues sur les fiches de présentation. (Si t'as pas les cuillères pour, c'est ok aussi)

Les délires inattendus qui débouchent parfois sur des RP épiques.

Le fait que, comparé à mon expérience passée, je vois de plus en plus de bienveillance et de compréhension. Les gens voient de plus en plus, enfin, qu'on est tous-toutes humain-e-s derrière nos écrans. (Pour rappel je suis une 'vieille' dans la commu, j'ai donc vu des comportements banalisés qui aujourd'hui ne passent PLUS du tout.)

Créer des trames dingues et voir l'évolution que ça prend, sans même qu'on s'y attende, et réaliser que sans ce-tte part' là, peut-être bien que notre perso n'aurait pas pu être aussi bien exploité.

Et TELLEMENT d'autres trucs auxquels je pense pas forcément, là, tout de suite.

[lisaalmeida]

Ne vous laissez pas abuser...

Souvenez-vous de vous méfier...

Et même de l'évidence : elle passe son temps à changer...

Ne mettez trop haut ni les gens ni les choses...

Ne les mettez pas trop bas... Non, ne les mettez pas trop bas...

Montez...

Renoncez à la haine : elle fait plus de mal à ceux qui l'éprouvent qu'à ceux qui en sont l'objet...

Ne cherchez pas à être sage à tout prix...

La folie aussi est une sagesse...

Et la sagesse, une folie...

Fuyez les préceptes et les donneurs de leçons...

Jetez ce livre...

Faites ce que vous voulez...

Et ce que vous pouvez...

Pleurez quand il le faut...

Riez...

J'ai beaucoup ri...

J'ai ri du monde et des autres et de moi...

Rien n'est très important...

Tout est tragique...

Tout ce que nous aimons mourra...

Et je mourrai moi aussi...

La vie est belle...

Jean d'Ormesson

[ariesfelis]

TEXTES FRANCAIS POUR VOS CREAS

quelques idées de texte pour agrémenter vos créations graphiques (ou tout ce que vous voulez en fait), la liste a été constituée avec des paroles d'artistes francophones dans divers styles musicaux, rdv en fin de post pour trouver les crédits !

je risque de rajouter souvent quelques petites idées de ce que je trouve cool au fur et à mesure (y'en a jamais assez). ❤️❤️

tw langage vulgaire et cru

màj : 09.09.2024

----

aimer d'amour • besoin de t'aimer • aimer comme moi je t'aime • quand le soleil s'endort • en face de l'interdit • la nuit gardera nos secrets • vois tous ces visages • j'ai fumé mes doutes • j'ai trouvé mes alliés • c'est pas une question d'oseille • jusqu'à perdre ma raison d'être • entre mes cris se cachent des mots • rêver j'en ai l'habitude , changer d'altitude • me libérer de ma lassitude • l'insolence des gens heureux • accroché à ma solitude • je m'invente des histoires • on se moque • tu es ma chance • entre mes deux cuisses y'a la porte qui mène les âmes dans le monde des humains • appelle-moi madame • j′suis bien plus qu′un homme • ne supporte pas de me voir reine • madame • j′aime pas les gens • la rage et le feu • idées de merdes • envie de lécher ces câbles électriques • j'ai ces bruits dans ma tête • j'ai perdu la tête • quoi qu'il advienne • mon cœur est stone • l'amour me fait mal au corps • me me quitte pas • des liasses de regret • rien à prouver • les putes comme moi portent les rêves des hommes • avant que je me fane • poser mes lèvres sur les tiennes • petit coeur gris • tu m'as volé • j'mennuie d'son sourire • nuit sans soleil • piégé mon âme • mots craintifs • gravé en moi • filer les étoiles • je cours sans raison • laisse passer l'orage • n'aie pas peur des flammes • ici tout brûle d'un feu de paille • fini le temps des poètes • que des mélo-mélo' dans ma tête • mais mon rêve ma chérie, c’est de me perdre dans tes yeux bleus • coma idyllique • je suis un amoureux du vice • goûter l'atmosphère • au fond je crois que j'agonise • madame • j'temmerde • narcisse • injecté

PETiTOM (aimer d'amour, afterglow, alliés, monnaie, I forgot, what is love ?) ; Molière l'opéra urbain (rêver j'en ai l'habitude, on se moque) ; Morgan (madame, phobie d'impulsion, j'temmerde) ; Yseult (corps, I LOVE YOU, rien à prouver, sans raison) ; Solann (rome, narcisse) ; Pablo Vittar, Yseult & Sevdaliza (alibi) ; Thérapie TAXI (salop(e), coma idyllique).

[equipe]

Nouveaux opérateurs de recherche

Vous nous l'avez souvent fait remarquer et nous partagions votre frustration : retrouver un billet précis, c'est com-pli-qué. Ou du moins, c'était compliqué ! Car à partir d'aujourd'hui, vous pouvez utiliser nos tout nouveaux ✨opérateurs de recherche avancée✨.

Vous voulez retrouver cette vidéo de patate cuite au micro-ondes publiée en 2021 sur notre blog ? Rien de plus simple : recherchez pomme de terre from:equipe year:2021 et bim ! délectez-vous.

Avant d'entrer dans les détails, quelques points importants sont à noter :

Les opérateurs de recherche ne sont opérationnels que dans la barre de recherche principale de Tumblr. Ils ne fonctionnent donc pas dans les barres de recherches intra-blogs.

Les opérateurs de recherche ne sont compatibles qu'avec les billets créés depuis 2017.

À présent, voyons les différents types d'opérateurs.

L'opérateur de correspondance exacte avec l'expression recherchée

En entourant le texte recherché de guillemets doubles classiques (et non incurvés), la recherche tentera de retrouver des billets comportant l'expression exacte dans leur corps de texte, ou dans leurs tags.

Par exemple, la recherche "amis des crustacés" affichera les billets contenant cette phrase dans leur contenu ainsi que les billets associés au tag #amis des crustacés.

L'opérateur de contenu "match"

Par défaut, les résultats de recherche se portent indéfiniment sur le contenu du texte ou des tags.

En revanche, vous pouvez utiliser l'opérateur match:text pour concentrer la recherche exclusivement sur le corps de texte ou bien match:tags pour la réserver aux tags. Par exemple :

crabes fêtes match:text recherche des billets contenant les mots "crabes" et "fêtes" dans leur contenu.

crabes fêtes match:tags recherche des billets contenant les mots "crabes" et "fêtes" au sein des tags.

L'opérateur "from" pour spécifier un blog

Utilisez from:blog ou from:@blog pour rechercher uniquement des billets issus d'un blog en particulier.

Par exemple, la recherche halloween from:equipe retrouve l'ensemble des billets publiés par @equipe (c'est nous !) qui comportent le mot "halloween" dans le contenu ou les tags.

L'opérateur "year"

Utilisez year:AAAA pour retrouver des billets publiés sur une année en particulier.

Par exemple, halloween year:2023 retrouve l'ensemble des billets publiés durant l'année 2023 et comportant le mot "halloween" dans le contenu ou les tags.

L'opérateur "date"

Utilisez date:AAAA-MM-JJ pour retrouver des billets publiés à une date spécifique.

Par exemple, la recherche halloween date:2023-10-31 retrouve l'ensemble des billets publiés le 31 octobre 2023 et comportant le mot "halloween" dans le contenu ou les tags.

Combiner les opérateurs

Il est par ailleurs possible de combiner l'ensemble des opérateurs pour améliorer la précision de vos requêtes :

Et voilà ! Vous maîtrisez à présent la recherche Tumblr sur le bout des doigts 👉👈.

Les autres syntaxes existantes

Pour rappel, il était déjà possible d'effectuer une recherche d'un tag ou de plusieurs tags simultanément :

Préfixer votre requête avec un # lance une recherche du tag en question et retrouve l'ensemble des billets associés à ce dernier. Par exemple, rechercher #star wars retourne uniquement les billets comportant le tag #star wars.

Vous pouvez aussi rechercher plusieurs tags à la fois. Par exemple, rechercher #star wars #illustration retourne l'ensemble des billets comportant le tag #star wars ainsi que le tag #illustration.

Combinez ces syntaxes avec les nouveaux opérateurs pour affiner davantage vos recherches !

Un nouvel article revenant sur l'ensemble de ces éléments sera prochainement disponible dans le Centre d'aide.

Compatibilité avec le Patio

Ces outils de recherche avancée rendent la fonction Patio encore plus performante. Vous pouvez maintenant paramétrer plusieurs colonnes de recherche comportant des requêtes très ciblées afin de personnaliser vos flux comme vous le désirez !

Qu'en pensez-vous ?

N'hésitez pas à nous dire ce que vous pensez de toutes ces améliorations en ajoutant un petit commentaire directement sous ce billet, en le rebloguant ou encore en contactant notre support.

[soeurdelune]

petit pack de 6 colorings légers ♡ (pour photoshop) (aperçu)

en cliquant ici par là hop, vous pourrez télécharger un psd regroupant 6 colorings légers et adaptés à tous les faceclaims, avec le moins de risque de whitewashing possible* – ils fonctionnent très bien pour des avatars/autres moins texturés, en restant proches des couleurs initiales tout en uniformisant l'ensemble.

pas la peine de me créditer si vous utilisez ces colos tant que vous les employez avec soin et respect à mon égard (je vous serais donc gréée de ne pas les redistribuer ou vous faire passer pour les créateurices de ces psd)

⚠️ *attention, une colo n'est pas une potion magique, si vous la placez sur une image déjà whitewashée/éclaircie et ou très désaturée/saturée (les extrêmes, en fin de compte), il sera nécessaire de procéder à quelques ajustements des couleurs et de la luminosité pour un rendu optimal (ces calques sont indiqués sur le psd).

en espérant qu'ils vous plaisent ♡

[coovieilledentelle]

A table ... En me promenant sur la toile je vous ai dégoté cette petite recette sur le site du magazine "Elle" qui me faisait bien envie. J’ai trouvé l’idée si astucieuse que de se servir du potimarron comme support pour recevoir la crème. N'ayant pas sous la main de la tomme de Savoie, je l'ai remplacée par du bon Comté. Et vous voulez mon avis ? Ce fut un vrai régal, j’ai adoré le petit goût de noisette du potimarron associé à cette crème d’ail mélangée au comté fondant sans oublier la petite touche en plus, le piment d'Espelette. Mmmmm.... Testez-la et j'espère que vous m’en direz des nouvelles !

Petits potimarrons au comté

Préparation : 20 mn - Cuisson : 45 mn env.

Ingrédients pour 4 personnes

4 petits potimarrons d’environ 300 g chacun

50 cl de crème fleurette

200 g de Comté

4 beaux brins de thym frais

2 gousses d'ail

1 pain aux céréales

1/2 c. à café de piment d’Espelette

Préparation

Lavez les potimarrons et découpez le dessus sur 3 cm tout autour de la queue pour les ouvrir. Vous obtenez des petits chapeaux. Retirez les graines à l’aide d’une cuillère à soupe en laissant la chair à l'intérieur.

Préchauffez le four à 180°C (th 6).

Pelez, dégermez et hachez finement les gousses d’ail.

Lavez et séchez les brins de thym frais.

Mélangez la crème fleurette avec l’ail haché, le sel et le piment d’Espelette.

Retirez la croûte du comté, puis coupez-le en petits morceaux.

Calez les potimarrons ouverts dans un plat à gratin puis remplissez-les de crème à l’ail.

Ajoutez le Comté, le thym, couvrez avec les petits chapeaux et enfournez 45 mn environ.

Faites griller les tranches de pain aux céréales et taillez-les en mouillettes. Dégustez, dès la sortie du four à la cuillère et les mouillettes.

Nota bene : Vous pouvez au moment de servir ajouter dans la crème bien chaude un jaune d’oeuf ultra-frais.

[girafeduvexin]

Au passage, c'est un extrait de cette fameuse émission sur Brassens où Goldman dit qu'il ne connaît que "l'auvergnat" et qu'il critique Brassens à la fin pour avoir fait le STO (l'extrait ci-dessous vers 8:10 si vous voulez voir ce qu'on appelle le malaise télévisuel) ("Oui, j'ai appris des choses [sur Brassens], y a des choses admirables, y a des choses que je DETESTE, comme cette chanson que je trouve OBSCENE")

EGALEMENT, c'est Maxime le Forestier qui a manifestement décidé de qui chantait quoi dans cette émission et il introduit Goldman sur "Si seulement il était jolie" en disant :

"[Cette chanson] est sans doute la plus misogyne que [Brassens] a écrite et c'est pour ça que je trouve ça très bien que ce soit Jean-Jacques qui la chante."

La chanson de Brassens :

Malheureusement elle est très bête

Et tout à fait analphabète

La version de Goldman :

Malheureusement elle est très bête

Et tout à fait analphabète

Et tout à fait anale....... et phabète en plus !

Moi à treize ans : :) :) :)

Moi à 28 ans, comprenant le jeu de mots :

[etangsnrs]

aujourd'hui, en 2024, j'ai écrit avec mon tout premier crush rp, avec qui j'ai écrit entre 2015 et 2017 et dont je n'avais plus de nouvelles depuis cette époque-là. aujourd'hui, alors que je n'ai moi-même plus écrit depuis 2021, j'ai fais revivre mon personnage préféré de toute ma vie de rôliste, celui dans lequel on s'est impliqué plus que pour tous les autres, et qui n'avait jamais eu sa fin.

merci le rp, pour les papillons dans le bide. c'est uniquement pour ça qu'on le fait.

je ne sais pas ce que vous devenez tous, mais prenez soin de vous. si vous voulez m'envoyer vos pépites, vos forums coup de coeur, je suis preneuse, curieuse de voir ce qui se fait en ce moment.

[jawnressources]

Appliquer le dark mode à une bannière

Il est d'utilité commune désormais d'utiliser un dark mode sur nos forums afin de rendre l'accessibilité la plus complète possible au maximum d'utilisateurices. Cependant un souci se pose souvent; c'est celui de la bannière. Une fois installé dans le panneau d'administration, il est difficile de savoir comment faire en sorte qu'elle change lorsqu'on clique sur le bouton de dark mode. Les couleurs; c'est souvent très bien expliqué mais la bannière, je n'ai personnellement pas trouvé de tuto' explicatif de comment faire. C'est pour ça que nous sommes là aujourd'hui ! Avec quelques petites modifications de template et de rajout de CSS, nous allons apprendre à mettre en place une bannière en deux "couches" afin qu'elle change au click du dark mode.

Il va falloir tout d'abord comprendre comment nous allons procéder. Nous allons tout simplement supprimer la balise dans notre template principal qui correspond à la bannière et en "recréer" une toute nouvelle. Ça semble compliqué de premier abord, mais pas du tout !

Dans votre template "overall_header" (Panneau d'administration > Affichage > Template > Général), vous avez cette ligne là :

<a href="{U_INDEX}" id="logo"><img loading="lazy" src="{LOGO}" alt="{L_INDEX}"/></a>

Cette ligne correspond à la bannière que vous allez entrer dans votre panneau d'administration au niveau des images, et qui est cliquable en renvoyant à l'accueil. Donc si on la supprime, allez-vous me dire, comment avoir une bannière qui s'affiche correctement et qui est ensuite cliquable ? Et bien, on va tout simplement simuler cet effet avec deux couches; un peu comme les calques sur Photoshop. Le premier calque correspondra à notre bannière qui va changer au dark mode et la seconde couche sera une bannière "invisible" à la même taille que l'on va poser par dessus, et qui sera elle, cliquable. C'est donc en décortiquant cet effet pour le reproduire en deux étapes simples que l'on va pouvoir avoir une bannière qui change avec le dark mode.

Alors avant de continuer, il faut que vous ayez d'ores et déjà installé un dark mode (celui de @code-lab, EDISON, est très bien, très bien expliqué et très pratique !) afin d'avoir dans notre CSS le root correspondant au mode de base de notre forum et le "data:root", correspondant aux valeurs du dark mode.

Commençons donc par installer les deux couches de bannière. À la place de votre valeur supprimée qui correspond à la bannière de base de Forumactif, vous allez rajouter ceci à la place :

<div class="dark_bann"></div>                                    <div class="dark_bann_sup"><a href="/"><img src="https://2img.net/i.ibb.co/BTqHhnX/prdbirthday3.png"/></a></div>

Ici, vous pouvez voir que la première div est vide et que la seconde contient une bannière invisible. Votre affichage de forum après avoir enregistré le template sera tout vide en haut de la page d'accueil et c'est parfaitement normal ! On ne panique pas, et on va installer le CSS pour rendre tout ça un peu plus joli.

La première étape est d'aller créer une nouvelle valeur dans le root correspondant à l'image de la bannière de base que vous voulez afficher; comme celle que vous aviez installé dans votre panneau d'admin. Exemple :

:root {   --imgbann:url(VOTREURLD'IMAGEICI); }

Une fois ceci fait, vous allez copier coller cette même valeur dans le dark:root (qui correspond à ce que le dark mode va aller remplacer), mais en changeant l'URL par la bannière en dark mode. Exemple :

[data-color-scheme="dark"]:root {   --imgbann:url(VOTREURLDELABANNDARK); }

D'accord, c'est bien mignon mais rien ne change quand on clique sur le dark mode, oskour ! Pas de panique, c'est parfaitement normal. On vient simplement de configurer le changement d'image au click du bouton de dark mode. Maintenant, il va falloir appliquer cette même image par le CSS dans la bannière dont la div était vide. Et oui, elle servait à ça ! Retournez donc dans votre CSS, et rajouter ceci :

.dark_bann {   width: 800px;   height: 500px;   overflow: hidden;   background-image: var(--imgbann);   background-size: 100%;   background-position: 50% 50%; }

Ici, nous avons donné une largeur de 800px à notre bannière, une hauteur de 500; on a imprimé en image de fond notre bannière de base; on lui a appliqué une taille de 100% pour que ça prenne bien toute la place disponible et on l'a centré totalement. Et là, magie, notre bannière s'affiche bien et change au click du dark mode !

Cependant il reste un souci, notre bannière invisible cliquable apparaît en-dessous de notre "vraie" bannière qui elle n'est pas cliquable. Nous allons donc ajouter à notre CSS :

.dark_bann_sup {   overflow: hidden;   width: 1005px;   height: 500px;   margin-top: -500px; } .dark_bann_sup img {   width:100%; }

Ici, on a donné la même taille à la bannière invisible (vous pouvez essayer de lui mettre un background d'une couleur bien voyante comme le rouge pour bien la voir) et on l'a "remonté" pour qu'elle se superpose à notre vraie bannière. Et là, tout est parfait ! On peut bien la cliquer comme une bannière "normale", et la couche inférieure est notre bannière qui change au dark mode.

Voilà voilà, j'espère que ce tuto pourra aider qui que ça intéressera et que ça ne sera pas trop difficile à utiliser !

[andthesunrisesagain]

Tuto : créer des lignes fluides

Version requise : Photoshop, pas besoin d'une version récente.

Durée de la video : 9.44min avec 3 techniques expliquées (vous avez les time-code dans les explications ci-dessous)

Infos : français et sous-titrée + tutoriel détaillé écrit ci-dessous. J'espère que la qualité ira, elle a été réduite quand j'ai fait le sous titrage :(

Si vous avez des questions ou si ça manque de clarté, n'hésitez pas !

Exemples de rendu (toutes les lignes) :

Aujourd’hui, je vous présente 3 techniques que j’utilise pour créer des lignes fluides, comme dessinées à la main, sur mes avatars. L’objectif est de vous montrer les différents outils utilisés - il y en a surement bien d’autres mais déjà, en voici 3 - pour que vous puissiez vous les approprier et les utiliser pour vos propres styles et graphisme !

(0 à 0.50s : introduction + je vous montre des avatars sur lesquels j'ai utilisés ces effets)

(0.50) Technique 1 : le pinceau

Avec l'outil pinceau, vous pouvez dessiner les effets et tracés que vous souhaitez ! Mais souvent, les tracés peuvent être un peu trop abrupts ou présentés des angles/cassures non voulues. 

Pour les éviter, ça se joue dans les réglages :

(1.18) Créer un calque vide pour pouvoir dessiner dessus et éviter de le faire directement sur une photo/image. Ainsi, vous pourrez plus facilement supprimer l’effet si à la fin vous n’aimez pas.

(1.40) Dans le panneau ds outils, choisir l’outil pinceau et dans les caractéristiques du pinceau, opter pour “pinceau arrondi net” 1 ou 2px d’épaisseur (pour qu’il soit assez fin), 100% dureté (pour qu’il ne soit pas flou). Dans le “flux”, choisissez 100% (ou un peu moins, le flux correspond à la pression de votre pinceau).  Dans le “lissage”, opter pour 80 à 100%. C’est le lissage qui va lisser (lol) votre courbe et la rende plus fluide. Si le lissage est à 0%, vous aurez des cassures dans votre courbe (voir à 3min le rendu)

(3.25) Dessiner la ligne voulue. Je vous montre plusieurs idées d'usages.

(4.40) Pour la couleur de votre ligne, vous pouvez soit la choisir dès le début soit ensuite lui appliquer un style à votre calque “incrustation de couleur” (l'icône fx dans le panneau “calques”)

Rendus exemple : la ligne fluide autour du texte ; la ligne qui contourne ; la vague ; les lignes qui entourent la photo centrale de Rachel. Mais vous pouvez aussi créer une silhouette de personnage, faire des effets “doodle” en changeant l’épaisseur du trait, entourer des mots...

(4.50) Technique 2 : le filtre “onde”

Effet plus hasardeux mais qui peut créer des rendus très cools et intéressants comme je vous montre sur l’avatar de Sydney Sweeney

(5.10) Créer une ligne avec l’outil “trait” + ou - grande - (à vous de faire vos tests) en 1 ou 2 px. Le rendu ne sera jamais pareil en fonction de la longueur, angle, l'épaisseur....

(5.24) Aller dans Filtre > Distorsion > Onde. Une fenêtre s’ouvre, choisir “convertir en objet dynamique”. Cela vous permet de revenir sur votre effet onde tant que vous le voulez alors que si vous choisissez "pixeliser", vous serez bloqué·e.

(5.32) Une fenêtre “effet onde” s’ouvre. On ne voit pas la ligne sur la prévisualisation de droite car on est sur un calque vierge (même si on peut changer ça en ajoutant avant un calque fond noir en dessus du calque ligne, puis en créant un objet dynamique en sélectionnant les 2 calques fond + ligne. Mais parfois, le hasard, c’est cool aha et j'avais du ma à expliquer à l'oral).

(5.50) S’amuser avec les différents réglages, en changeant les chiffres et appuyer sur “ok” pour voir le rendu ! Comme vous avez créé un calque dynamique, vous pouvez revenir sur votre effet en cliquant sur “Onde” où y'a un petit oeil à côté, apparu dans votre calque ;) 

(6.05 à 7.00) Vous pouvez mettre les mêmes chiffres que la vidéo pour débuter (générateur : 1 ; Longueur d'onde Min 47, max 60 ; Amplitude Min 51, Max 52 : Echelle 100% les deux) et ensuite, jouer sur chacun des réglages pour voir les rendus. C’est assez hasardeux mais j’aime beaucoup ce que ça créé : des épaisseurs différentes, + ou - de courbes... Parfois ça rend rien aussi !

Rendus exemple : les lignes sur les côtés du texte ; la ligne en diagonale de cette texture

(7.11) Technique 3 : la plume

Outil que j’utilise le moins sur Photoshop mais qui a le mérite de donner plus de contrôle au tracé, si on n’est pas à l’aise avec le pinceau et le dessiné à la main de la technique 1 !

(7.30) Définir le style de votre pinceau (nous on l’a déjà fait en amont mais il faut choisir son épaisseur, son style, sa dureté...)

(7.30) Créer un calque vide pour pouvoir créer votre tracé à la plume dessus.

(7.40) Choisir l’outil plume présent dans votre barre d’outils à gauche.

(7.45) La plume va créer différents points : en appuyant une fois, vous créer un point. Puis en mettant un autre point et en tenant appuyé votre curseur, vos pouvez créer des courbes grâces aux poignets. Créer le tracé que vous souhaitez. 

(8.30) Quand votre tracé est fait, clic droit dessus > Contour du tracé. Une fenêtre s’ouvre, choisir  “outil = pinceau” > Ok.

(8.50) Effacer le tracé plume en appuyant sur supp du clavier ou autre. Tadam votre tracé est bien là !

Rendus exemple : la ligne diagonal

Super outil sur la plume par Geoffrey creative lab sur youtube (sous-titré fr)

[e642]

Si l'astrologie ça marche si bien c'est pas parce que ça dit la vérité et que nos signes nous définissent non. C'est juste parce qu'on est tellement tous identiques, avec les mêmes problèmes de mec, de vie, de travail, de famille, de nous, que ça marche pour tout le monde. Ça fait trop se sentir spécial un horoscope mais en vrai, si je dois être honnête, j'ai cru pendant longtemps que j'étais gémeau parce que jsuis conne et que j'y connais rien. Puis un jour j'ai appris que j'étais taureau en fait. Et a aucun moment j'ai vu la différence. J'aurais pu être capricorne, lion ou table que c'est pareil. Donc ça m'énerve les gens qui jurent que par l'astrologie en mode "jsuis poisson c'est pour ça que je suis super sensible et que j'ai des pb au travail". Meuf tout le monde est sensible et abdes problème au travail c'est le but de la vie d'avoir ce genre de pb. À moins de ne pas exister, littéralement on se fait tous niquer de la même manière a propos des mêmes choses. Jpp. Donc ça m'énerve encore plus quand les gens croient vraiment que leur signe c'est leur identité. Jsais pas vous voulez pas grandir et accepter que vous êtes banal ?