#tuto code
Explore tagged Tumblr posts
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 !
#forumactif#tuto code#tutoriel#forum rpg#rpg forum#french rpg#ressources#forumrpg#forum#code#rpg francophone#partage de ressources
35 notes
·
View notes
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.
#tutorials#tutorial#blog tutorial#blog tutorials#codes#css#style#tutos#tuto#tumblr codes#tumblr tutorials
1 note
·
View note
Text
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
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) :


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
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
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
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
Video
youtube
{TUTO } Retirer le Compte google FRP et le code PIN sur n'importe quel S...
0 notes
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
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
Text
George Orwell (1984)

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
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
Text



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!
#original post#scrandie#indie makeup brands#indie cosmetics brands#supergreat#supergreat app#tutorial#discounted makeup#lip plumper#brow products
1 note
·
View note
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
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