#tuto code
Explore tagged Tumblr posts
jawnressources · 7 months ago
Text
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 !
Tumblr media
35 notes · View notes
whereinmnl · 5 months ago
Text
HOW TO CHANGE TEXT SELECTION COLOR
First, copy this code in your CSS area. Commonly, you can paste it after the <style>/<style type="">.
::selection { color: {color:background}; background: {color:text}; }
You may change the colors of it using this website.
::selection { color: {color:background}; (THIS IS FOR THE COLOR OF THE TEXT WHILE SELECTING IT) background: {color:text}; (THIS IS FOR THE BACKGROUND WHILE SELECTING IT) }
Disclaimer: This code is not included on the theme I am currently using and that I have tweaked it so it can conveniently help you in editing your blog.
1 note · View note
peekaboorpg · 6 months ago
Text
Tumblr media
Avec la màj d'hier sur Epicode, j'ai eu envie d'updater mes LS/tutos dessus et je commence par reprendre le guide des différentes versions de forum ! Malheureusement, il faut avoir un compte pour lire, donc pour ceux qui en ont un voici le lien du sujet :
et pour ceux qui n'en ont pas, je vous invite Ă  cliquer sur le lien ci-dessous pour lire l'article complet directement sur tumblr.
Disclaimer : je suis quasi sĂ»re qu'il reste plein de choses Ă  dire, n'hĂ©sitez pas Ă  me suggĂ©rer des rajouts (notamment sur phpbb3 et punbb que je connais pas bien) et j'updaterai ça ✹
Choisir la version de son forum
La premiĂšre Ă©tape de la crĂ©ation d’un forum est de choisir parmi 6 versions diffĂ©rentes celle que vous souhaitez. Mais ce n’est pas forcĂ©ment Ă©vident pour tout le monde, surtout quand on a aucune idĂ©e de ce que ces noms signifient !
A quoi ça sert, la « version » du forum ?
Pour simplifier, il s’agit de l’élĂ©ment qui va dĂ©terminer la structure HTML de base de votre forum. PhpBB2 va par exemple faire une structure en tableaux (= avec <table>, <tr>, <td>) alors qu’Invision va faire une structure avec des Ă©lĂ©ments en flottement (=avec float, position) ModernBB et AwesomeBB sont beaucoup plus modernes que les autres et utilisent des standards comme flexbox et grid.
Globalement, ce choix ne vous empĂȘchera pas de coder les choses comme vous le voulez par la suite si vous ĂȘtes dĂ©jĂ  Ă  l’aise avec vos templates, ce n’est que pour dĂ©terminer la structure de base, mais il est quand mĂȘme important de partir sur une base de templates qui vous convient plutĂŽt que d’avoir Ă  tout transformer vous-mĂȘme.
Comment choisir ?
— PhpBB2
Forumactif la dĂ©crit ainsi : « PhpBB2 est la version qui vous permet de totalement personnaliser votre forum. Si vous avez besoin d'un forum flexible et stable, n'hĂ©sitez pas Ă  essayer cette version. » En rĂ©alitĂ©, toutes les versions permettent de personnaliser de A Ă  Z son forum, c’est surtout la plus ancienne version sur la plateforme et elle est donc trĂšs datĂ©e, mais elle est toujours fonctionnelle.
Avantages
Beaucoup, beaucoup des LS disponibles sur les forums d’entraide sont des LS compatibles avec PhpBB2 seulement. Pour les utilisateurs de LS qui n’ont pas forcĂ©ment de connaissances en HTML, la version PhpBB2 est plus riche en ressources. De plus, les tutoriels d’apprentissage sont aussi trĂšs souvent en PhpBB2, ce qui rend cette version trĂšs accessible
 MalgrĂ© de nombreux dĂ©savantages.
DĂ©savantages
La structure en elle-mĂȘme n’est pas extrĂȘmement claire pour les dĂ©butants, mĂȘme si encore une fois la plupart des tutos d’apprentissage sont sur PhPBB2. De plus, elle ne donne pas forcĂ©ment de bases trĂšs correctes puisque, comme je disais en introduction, cette structure est basĂ©e sur des tableaux et peut inciter Ă  structurer tous vos futurs codes en tableaux lĂ  oĂč des techniques plus actuelles permettraient de produire des codes nettement plus modernes et clairs. (En utilisant flexbox ou grid notamment, comme ce sera le cas dans Modern et AwesomeBB.)
— Invision
Forumactif la dĂ©crit ainsi : « Invision est une des versions les plus performantes de Forumactif, sa puissance et sa stabilitĂ© rendent cette version incontournable aux utilisateurs qui souhaitent exploiter au maximum leur forum. » Je conseillerais en effet plutĂŽt cette version aux personnes dĂ©jĂ  Ă  l’aise avec le codage, puisqu’elle intĂšgre des techniques plus modernes de codage
 Qui ne sont dĂ©jĂ  plus assez modernes.
Avantages
Elle est bien plus facile que PhpBB2 d’un point de vue codage. Les templates sont construits de façon bien plus claire et l’affichage du thĂšme de base contient des petites choses sympathiques comme (entre autres) des catĂ©gories rĂ©tractables, et l’affichage de la liste des membres en petits blocs plutĂŽt qu’en liste. Il permet Ă©galement d’aligner les profils Ă  gauche ou Ă  droite dans les messages en utilisant un simple bouton dans le panneau d’admin (GĂ©nĂ©ral → Forum → Configuration → Structures des pages, option Position du profil dans les messages).
DĂ©savantages
À nouveau, le dĂ©savantage majeur est le manque de LS/tutos sur cette version qui est pourtant trĂšs intĂ©ressante. À noter cependant qu’elle utilise les flottements (float et position) pour placer ses Ă©lĂ©ments, un standard aujourd’hui dĂ©prĂ©ciĂ© au profit de flexbox/grid. Cette version a quelques LS disponibles, mais les ressources et les aides demeurent limitĂ©es, car elle a Ă©tĂ© trĂšs vite Ă©clipsĂ©e par ModernBB.
— ModernBB
Forumactif la dĂ©crit ainsi : « Le thĂšme ModernBB permet de crĂ©er un forum design, simple et intuitif. Le code a Ă©tĂ© modernisĂ© pour faciliter les personnalisations du forum. » En effet, le look de base est beaucoup plus plaisant et moderne que les versions prĂ©cĂ©dentes ; et le code est beaucoup plus conforme aux standards de codage d’aujourd’hui, utilisant en majoritĂ© flexbox pour crĂ©er des colonnes. Il est donc aussi beaucoup plus clair pour apprendre Ă  coder.
Avantages
L’affichage de base de ModernBB offre des fonctionnalitĂ©s sympas, comme un header pleine largeur, une barre de navigation qui suit le scroll, les catĂ©gories rĂ©tractables, la position droite/gauche du profil dans les messages, et des statistiques qui s’affichent en footer du forum. De plus, elle est en partie responsive (c’est-Ă -dire qu’elle s’adapte aux petites largeurs d’écrans) avec un mode mobile-friendly. RĂ©cemment, Forumactif a aussi permis d’afficher des images dans la liste des sujets sous cette version.
On note Ă©galement l’existence d’une ressource trĂšs utile, le Blank Theme de @code-lab, qui permet d’avoir une base propre et optimisĂ©e pour commencer Ă  coder sur cette version et la rend beaucoup plus accessible aux dĂ©butants comme aux confirmĂ©s.
DĂ©savantages
Bien qu’on pousse dĂ©sormais pour que les ressources s’adaptent Ă  cette version, il n’y en a toujours pas autant que pour PhpBB2. NĂ©anmoins, cette version est celle qui est privilĂ©giĂ©e dĂ©sormais pour les nouveaux LS.
— AwesomeBB
Forumactif la décrit ainsi : « Le principal avantage de la version AwesomeBB est sa fonction responsive. Votre forum s'adapte à toutes les tailles d'écran, les membres peuvent ainsi discuter, partager des photos et chatter aussi bien sur PC que sur mobile. » Effectivement, cette version est entiÚrement responsive car elle est codée de façon moderne et cohérente avec les standards de codage actuels.
Avantages
AwesomeBB regroupe tous les avantages de ModernBB avec quelques diffĂ©rences d’affichage, notamment la prise en compte de la toolbar directement dans la barre de navigation, offrant des panneaux latĂ©raux qui s’ouvrent au clic.
DĂ©savantages
Il n’y a littĂ©ralement aucunes ressources disponibles en forum d’entraide pour cette version.
Changer de version
Il est possible de changer de version de forum à n’importe quel moment.
Panneau d’administration → Affichage → Choisir un thĂšme → Onglet « Version »
Mais attention ! Puisque chaque version a sa propre structure HTML pour le forum, vos templates modifiĂ©s ne seront plus compatibles avec, et l'opĂ©ration supprimera votre CSS. Certains javascripts peuvent aussi ĂȘtre incompatibles et devront ĂȘtre modifiĂ©s pour fonctionner. En clair, votre contenu (messages, avatars, comptes, etc
) sera sauf, nĂ©anmoins votre forum n’aura plus du tout la mĂȘme apparence.
Et en résumé ?
Au final la vĂ©ritable hĂ©sitation se situe entre PhpBB2 et ModernBB. Actuellement, l’offre des forums d’entraide permet surtout de se familiariser avec PhpBB2 qui est pourtant trĂšs vieillot. La version ModernBB est nĂ©anmoins trĂšs intĂ©ressante malgrĂ© le manque d’encadrement pour ceux qui veulent s’y lancer, et gagne en prĂ©sence sur les nouveautĂ©s en LS/tutos.
Pour ceux qui ne souhaitent pas se plonger dans le code profond de leurs forums et simplement personnaliser l'apparence grùce au PA et aux images, le choix est nettement plus simple : basez vous simplement sur l'apparence de chaque version pour décider de la structure qui vous plaßt le plus. Pour voir les différentes versions "en action", voilà les liens d'aperçu fournis par forumactif :
PhpBB2
PhpBB3
PunBB
Invision
ModernBB
AwesomeBB
33 notes · View notes
andthesunrisesagain · 2 years ago
Text
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) :
Tumblr media Tumblr media Tumblr media
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)
203 notes · View notes
necromancercoding · 8 months ago
Note
Buenas Necro, se que hiciste una breve explicaciĂłn para ignorar la restricciĂłn de los caracteres de las paginas HTML pero no entiendo muy bien como va la estructuraciĂłn o el proceso en si.. Âżpodrias hacer un tuto para noobs? Gracias.
¥Hola anon! No sé a qué post te refieres, pero las alternativas que hay para ahorrar espacio en el HTML son:
Eliminar espacios extra: Pon tu code en la caja, selecciona Ambos y los tres Ășltimos checkboxes (deja sin marcar el del principio) y pulsa Ejecutar. Copia el nuevo cĂłdigo.
Eliminar líneas vacías: Con el código que te has traído de antes, påsalo por aquí también.
Ya con el cĂłdigo 'limpio', lo Ășnico que puedes hacer es poner tu CSS (y scripts) de forma externa (tutorial) y usar reductores de enlaces como tinyurl.
ÂĄSaludos!
2 notes · View notes
code-lab · 2 years ago
Note
Bonjour ! Je me demandais s'il était possible d'avoir une aide sur un code pour forumactif, notamment pour récupérer la couleur d'un groupe et la placer dans un autre endroit (désolée je sais pas si c'est clair). je sais qu'il existe une astuce donnée par Milouze seulement avec mes connaissances en javascript, moi qui pensais comprendre comment fonctionne le code, je n'ai jamais su le faire fonctionner. existerait-il un tuto complet quelque part qui explique étape par étape ?
Bonjour ! J'ai aucun tuto en ma connaissance qui serait dĂ©taillĂ© Ă©tape par Ă©tape đŸ˜©
Je laisse la possibilité à des personnes de répondre au poste s'il y a une solution !
3 notes · View notes
entomoblog · 16 days ago
Text
MIZOU : une application d'IA pour créer des chatbots, tutos & exemples concrets - SRANE - Site de Poitiers - Pédagogie - Académie de Poitiers
See on Scoop.it - Insect Archive
MIZOU est une application d'IA gratuite et simple d'utilisation. Elle permet de créer des chatbots ou "agents conversationnels", simples à utiliser pour les élÚves (sans inscription). (...)
  publié le 20/11/2024  - mis à jour le 06/12/2024
  "MIZOU est une application en ligne qui permet de crĂ©er des chatbots (ou "agents conversationnels"), destinĂ©s en particulier Ă  l’éducation. Elle est facile Ă  utiliser et en grande partie gratuite (quelques options payantes).
Les IA de discussions crĂ©Ă©es sont trĂšs efficaces et simples d’accĂšs pour les Ă©lĂšves : sans inscription, par un simple lien ou avec un QR Code. Ces chatbots peuvent trouver aisĂ©ment leur place dans nos scenarii pĂ©dagogiques : quelques propositions concrĂštes vous sont prĂ©sentĂ©es dans cet article.
MIZOU fonctionne aussi bien sur ordinateur que sur tablette ou smartphone. Elle est une application inclusive car on peut Ă©changer par Ă©crit avec les chatbots, mais aussi Ă  l’oral (lecture sonore des rĂ©ponses de l’IA + utilisation du micro pour l’élĂšve).
Une restriction cependant en mode gratuit : seulement 50 élÚves peuvent utiliser vos chatbots par jour.
  ------
via Johann Nallet: "Ma premiĂšre vraie publication ici 🙂. J'ai explorĂ© l'appli IA MIZOU et j'ai rĂ©digĂ© un article avec captations d'Ă©crans annotĂ©es, tutos complet et court et vidĂ©o avec pistes d'utilisation. Si cela vous intĂ©resse : ww2.ac-poitiers.fr/srane/spip.p... PS : Je suis preneur de vos expĂ©rimentations !! 😀" — Bluesky https://bsky.app/profile/johannnallet.bsky.social/post/3lbuzokkzt22b
  → via RT maglalor (@maglalor.bsky.social) — Bluesky https://bsky.app/profile/maglalor.bsky.social
GĂ©rald Tirot: "#MIZOU est une application en ligne qui permet de crĂ©er des #chatbots (ou "agents conversationnels"), destinĂ©s en particulier Ă  l’ #Ă©ducation. Elle est facile Ă  utiliser et en grande partie gratuite (quelques options payantes). Source : @johannnallet.bsky.social | SRANE - Site de Poitiers" — Bluesky https://bsky.app/profile/tirotg.bsky.social/post/3lcy3wlshkk2e
  → → via Bluesky Educators #EduSky be added at tinyurl.com/edusky
0 notes
cyber-solutions · 2 months ago
Video
youtube
{TUTO } Retirer le Compte google FRP et le code PIN sur n'importe quel S...
0 notes
saan1984 · 6 months ago
Text
Totalcasino  Bonusy, Free Spins A Bonus Code” “Complete Casino Cz Bonusy A Recenze 2024 Content VysvětlenĂ­ Indexu Bezpečnosti Pre Total Casino Total Casino Recenze – Informace O NelegĂĄlnĂ­m On The Web Casinu Hráč Pƙestal Komunikovat Online Casina S Českou LicencĂ­ – Automaty S I9000 Bonusy ⃣ NabĂ­zĂ­ Overall Casino Bonusy? StĂ­ĆŸnosti Em Total Casino The JejĂ­ch PƙidruĆŸenĂ© Kasina ( ZĂĄsady ZodpovědnĂ©ho HranĂ­ V On-line Casinu “Total Casino – Online Casino Bez Licence Online Casina, Loterie, Poker Total Casino Added Bonus Code Total Casino No Down Payment Bonus Total Casino Casino Recenze VloĆŸ Email A ZĂ­skej NejvyĆĄĆĄĂ­ Bonus DalĆĄĂ­ NelegĂĄlnĂ­ Subjekty Em ČeskĂ©m Internetu Total Casino PlatebnĂ­ Metody Hrou V NelegĂĄlnĂ­m Casinu Riskujete VĂ­c NeĆŸ Ze ZdĂĄ Total Gambling Establishment Bonus Free Spins ⃣ MĂĄ Total Casino Platnou Českou Licenci? Hry Online Casino ZĂĄbava Casino Bonus Bez Vkladu » Automaty A Bonus Za Registraci Tipy Pro Hráče AutomatĆŻ Proč MĆŻĆŸu LegĂĄlně HrĂĄt Pouze V ČeskĂœch Casinech? Pƙehled” “nelegĂĄlnĂ­ch Online Casin Total Casino Recenze HráčƯv Účet Byl ZablokovĂĄn #ïžâƒŁ VyplatĂ­ Se Registrovat U Total Online Casino Pl? Total Casino Registrace – PƙinĂĄĆĄĂ­ Pouze Rizika A Nejistotu Total Casino Cz – Online Casino Bez Licence Recenze UĆŸivatelĆŻ Na Total Casino Hned na Ășvod si musĂ­me ujasnit, jakĂœmi pravidly sony ericsson ƙídĂ­ českĂœ HazardnĂ­ zĂĄkon. Z něj vyplĂœvĂĄ, ĆŸe poskytovat hazardnĂ­ hry” “mhh ĂșzemĂ­ ČR mĆŻĆŸe pouze takovĂœ subjekt, kterĂœ vlastnĂ­ platnou licenci. Pƙesně tuto definici nesplƈuje z pohledu českĂœch hráčƯ Total casino. Registraci zde tak nedoporučujeme a to hned z několika dĆŻvodĆŻ. Online casino bonusy bez vkladu lze zĂ­skat jen dĂ­ky registraci v mnoha on the web casinech. Pƙesto u nesmĂ­rně dĆŻleĆŸitĂ© hrĂĄt zodpovědně a dodrĆŸovat pravidla zodpovědnĂ©ho hranĂ­. Pƙehled legĂĄlnĂ­ch brandĆŻ s licencĂ­ mĆŻĆŸete snadno dohledat i na webu MF ČR. ProtoĆŸe se jednĂĄ u nelegĂĄlnĂ­ casino, ĆŸĂĄdnĂ© promo kĂłdy nejsou určeny pro vĂĄs. V neposlednĂ­ ƙadě, casina s naĆĄĂ­ platnou licencĂ­ jsou pravidelně testovĂĄna na pƙítomnost a sprĂĄvnĂ© fungovĂĄnĂ­ generĂĄtoru nĂĄhodnĂœch čísel. “Professional českĂ© hráče se jednĂĄ o nelegĂĄlnĂ­ho provozovatele hazardnĂ­ch the girl. ČeĆĄtĂ­ hráči majĂ­ na vĂœběr z několika licencovanĂœch on-line casin, kterĂĄ nabĂ­zĂ­ zajĂ­mavĂ© bonusy. V pƙípadě nelegĂĄlnĂ­ch casin nenĂ­ nikde zaručeno, ĆŸe nemohou bĂœt zneuĆŸity pro jinĂ© Ășčely. JinĂœmi slovy, pokud by k takovĂ© situaci doĆĄlo, jen tÄ›ĆŸko se budete moci jakkoliv brĂĄnit. Podle naĆĄeho vĂœzkumu a odhadu je Total Casino jedno z největĆĄĂ­ch on the web kasin s obrovskĂœmi pƙíjmy a počtem hráčƯ. ČeĆĄtĂ­ hráči majĂ­ na vĂœběr z několika licencovanĂœch online casin, kterĂĄ nabĂ­zĂ­ zajĂ­mavĂ© bonusy. HranĂ­ v online casinu je pro naprostou větĆĄinu lidĂ­ zĂĄbava. VysvětlenĂ­ Indexu Bezpečnosti Pre Total Casino “Expert českĂ© hráče sony ericsson jednĂĄ o nelegĂĄlnĂ­ho provozovatele hazardnĂ­ch the woman. JakĂĄkoliv aktivita zde je tedy značně riskantnĂ­ a pƙedevĆĄĂ­m nezĂĄkonnĂĄ. ČeskĂœ zĂĄkon na tohle gambling establishment pohlĂ­ĆŸĂ­ jako mhh nelegĂĄlnĂ­ho provozovatele hazardnĂ­ch her. CĂ­lem naĆĄeho člĂĄnku je varovat vĂĄs pƙed registracĂ­ a vytváƙenĂ­m hernĂ­ch ĂșčtĆŻ u nelegĂĄlnĂ­ch brandĆŻ. Total casino registrace u tak něco, nad čím byste vĆŻbec neměli uvaĆŸovat. V dĆŻsledku toho byla stĂ­ĆŸnost zamĂ­tnuta kvĆŻli nedostatečnĂ© komunikaci hráče. Pečlivě jsme prozkoumali Total Casino a new dostalo od nĂĄs velmi vysokĂœ list bezpečnosti, coĆŸ u vĆŻbec nejlepĆĄĂ­ hodnocenĂ­, kterĂ© u nĂĄs mĆŻĆŸe kasino zĂ­skat. Pokud chcete hrĂĄt o skutečnĂ© penĂ­ze, jedině v casinech s platnou licencĂ­ mĂĄte jistotu, ĆŸe jsou vaĆĄe prostƙedky v bezpečí. Total casino mĂĄ sĂ­dlo v Polsku a je určeno prĂĄvě pro tamnĂ­ trh. Registrujte se jen u ověƙenĂœch casin a těm nelegĂĄlnĂ­m se vyhněte. ZĂĄroveƈ povaĆŸujeme za dĆŻleĆŸitĂ©, preventivn?...
0 notes
seodijon · 6 months ago
Text
Mon guide pour avoir un (vrai) site d'autorité en SEO.
See on Scoop.it - Création de sites, référencement, ...
youtube
loadYouTubePlayer('yt_video_tK1nb6GPneU_lbrYZKx6jk42GX2I');
Newsletter SEO : https://paulvengeons.substack.com/ Linkuma (backlinks pas chers) : https://app.linkuma.com/register?fpr=c0y5n * Link Finder (backlinks moins chers) : https://tinyurl.com/mryvzfs3 * (-30%) Collabs : [email protected] VidĂ©o tuto Linkuma : https://www.youtube.com/watch?v=jlWhHhxfol4 VidĂ©o tuto Link Finder : https://www.youtube.com/watch?v=AJmyZs2o9JI ————————————————————————————————————————————————————————— Semrush (14 jours d’essai gratuit) : https://semrush.sjv.io/c/4241102/1706937/13053 * Le Kiosque du SEO (contenus au top) : https://app.lekiosqueduseo.com/register?code=179V88sXoYaCQvuuCuwbzu4 * Formation SEO Skill Digital (Ă©ligible CPF) : https://skill-digital.fr/formation-seo-paul-vengeons/ * ————————————————————————————————————————————————————————— LinkedIn : https://www.linkedin.com/in/paul-vengeons/ Twitter : https://twitter.com/VengeonsP Mon site (consulting SEO) : https://www.paulvengeons.fr/ * Lien affiliĂ©. 00:00 - Intro lĂ©gendaire 00:39 - Étape 1 : Devenir une topical authority 02:59 - Étape 2 : Branding de niche 05:55 - Étape 3 : RP + Netlinking thĂ©matisĂ©s 09:01 - On rĂ©capitule + Autres dĂ©tails
0 notes
errantepagina69 · 10 months ago
Text
George Orwell (1984)
Tumblr media
Era un luogo oscuro, sporco e triste, dove quasi nessuno aveva abbastanza da mangiare e dove centinaia e migliaia di persone non portavano le scarpe e non avevano un tetto sotto cui dormire. Bambini non piĂč grandi di voi dovevano lavorare dodici ore al giorno per padroni crudeli che li frustavano col nerbo se li vedevano lavorare troppo lentamente, e da mangiare non gli davano altro che pane duro e acqua. In mezzo a tutta questa povertĂ  c'erano solo poche case grandi e bellissime abitate da ricchi uomini che avevano almeno trenta servitori a prendersi cura di loro. Questi uomini ricchi erano chiamati capitalisti. Erano uomini grassi, brutti, con le facce cattive, come quello nella fotografia nella pagina di fianco. Potete vedere che Ăš vestito con una lunga giacca nera chiamata redingote e un bizzarro cappello lucido a forma di tubo della stufa che veniva chiamato cilindro. Questa era l'uniforme dei capitalisti, e a nessun altro era concesso indossarla. I capitalisti possedevano tutto quello che esisteva al mondo e tutti gli altri erano loro schiavi. Possedevano tutte le terre, tutte le case, tutte le fabbriche e tutti i soldi. Chiunque disobbediva sarebbe finito in prigione, oppure potevano togliergli il lavoro e farlo morire di fame. Se una persona comune parlava con un capitalista, doveva essere servile e inchinarsi e togliersi il cappello e chiamarlo "Signore". Il capo di tutti i capitalisti era chiamato Re, e .....
Ma sapeva come andava a finire tutto il resto. Avrebbero parlato dei vescovi con le loro camicie in batista, i giudici con le loro toghe di ermellino, la gogna, i ceppi, la mola da tortura, il gatto a nove code, il Banchetto del Signor Sindaco e la pratica di baciare i piedi del Papa. C'era anche qualcosa chiamato JUS PRIMAE NOCTIS, di cui forse non si parlava nel libro per bambini. Era la legge per cui ogni capitalista poteva andare a letto con qualsiasi donna che lavorava nelle sue fabbriche. TUTO ESSERE vero che l'umano medio stava meglio adesso che prima della rivoluzione.
Prima uscita: 8 giugno 1949 Editore: Mondadori Pagine: 321
0 notes
saincegamerdepuisdeslustres · 11 months ago
Video
youtube
Cities Skylines 2 / Tuto / Comment installer et utiliser les Mods Paradox
Hello les gamers ! La nouvelle vidéo est en ligne sur la chaßne. C'est un tuto mods sur cities skylines 2.
je vous explique comment installer les mods paradox et je vous fais un tuto sur 3 d'entre eux :
▶Extra Landscaping Tools
▶ Line Tool
▶ Tree Controller
Partenaires :
🎁Lien d'affiliation Instant-Gaming : https://www.instant-gaming.com/?igr=Csaince
▶Pour laisser un pourboire : https://linktr.ee/saincelegamer
🎼Code CrĂ©ateur Epic Game : SAINCE
0 notes
learnthingsfr · 1 year ago
Text
0 notes
meaninginmakeup · 1 year ago
Text
Tumblr media Tumblr media Tumblr media
I got to try these products out for free by Scrandie in exchange for my honest reviews on the SuperGreat app. You can find the Spicy Sauce here and the Brow Lock here.
Here is my tutorial on how to use the Brow Lock Product:
Use my code here to get 50% off your first order of $10 or more (offer only good on purchases up to $50). You can find the products featured in this post on the app!
1 note · View note
msieur-jeremy · 1 year ago
Video
vimeo
Les Sextoys en Verre, comment choisir un sextoys en verre ? from Msieur jeremy on Vimeo.
Voir la vidéo sur Youtube : youtu.be/SZM0_m_Cjfk?si=mWiMVvvfD4LnXDuo ou sur mon site msieur-jeremy.fr/tuto-q/avantages-inconvenients-sextoys-verre/
Bonplan -10% SUR TOUT LE SITE toys-me-up.com avec le code MSJ10 (valable jusqu'a fin decembre 2023)
0 notes
necromancercoding · 9 months ago
Note
Hola necro✹, como siempre MUCHAS GRACIAS POR TU TAN BUENA VOLUNTAD, ahora
 estaba viendo tu tutorial: “clases automĂĄticas para campos de perfil”, y me preguntaba si toda esa informaciĂłn se aplica tambiĂ©n al perfil como tal, es que como dice que el js se activa en “todos los temas” como que asumo que solo es para los post. Por lo demĂĄs, lo intentĂ© y sigo sin poder modificar campos personalizados del perfil sencillo, entonces querĂ­a saber si tienes algĂșn tuto o algĂșn consejo que puedas darme para poder conseguir editar la pestaña del perfil sencillo y que cada campo personalizado tenga su class đŸ„č muchas gracias por lo que haces por la comunidad!
No tienes que responder esto, soy de la pregunta de los perfiles: he intentado editar de muchas formas el profile_view_body, donde se supone que podrĂ­a hacerlo Âżno? PerdĂłn por no especificarlo en la pregunta anterior ):
ÂĄHola anon! Muchas gracias por tus lindas palabras 💞 Ese code es tremendamente antiguo y como dices, fue hecho Ășnicamente para los temas. A dĂ­a de hoy el cĂłdigo para el que doy soporte es el de JS BĂĄsico para personalizaciĂłn de posts (tiene variante para perfil sencillo en su interior, al final del post, viene ya con el mĂłdulo muevecampos y que corrige algunas cosas como el "ver perfil" del perfil sencillo, por ejemplo). Este script se pondrĂ­a directamente entre balizas <script> en tu profile_view_body, y tendrĂĄs que editar las variables como se indica en el tutorial a tus diferentes cajas.
Si tienes alguna duda una vez que intentes aplicarlo, o algo no te queda claro, pásate de nuevo por aquí 💕
2 notes · View notes