#html-css
glass tide
PROBLEME RESOLU
hollow brook
Salut je cherche une manière de rendre le responsive de cette div sympa car actuellement je n'aime pas sa version téléphone
Version PC :
Version mobile :
deft burrow
définit "sympa"
deft burrow
nan mais d'accord
c'est très vague comme description
je vois pas le problème que t'as avec
quartz thunder
à la limite les textes pas centrés avec les icones
hollow brook
Tu vois les textes centrés comme celui de l'étape actuelle bob ?
hollow brook
je vois pas le problème que t'as avec
Je sais pas j'suis pas fan
Mais y'a pas 36 solutions non plus donc 
quartz thunder
Tu vois les textes centrés comme celui de l'étape actuelle bob ?
hein
y a rien de centré la
deft burrow
c'est pas centré
deft burrow
Mais y'a pas 36 solutions non plus donc <:thinkingplayer:598909236419756032>
mais en vrai si du coup y a plein de façons de l'afficher
hollow brook
c'est pas centré
ça je suis d'accord, je vais centrer ça
hollow brook
mais en vrai si du coup y a plein de façons de l'afficher
Je suis tout ouïe 
deft burrow
bah jsp c'est un peu comme tu veux
justement t'aimes bien quoi
c'est comme si tu me disais que t'aime pas un cube et que tu me disais "je veux une autre forme" bah ok mais je vois pas en quoi
hollow brook
Je préfère la 2d
deft burrow
un carré alors 
hollow brook
Oui
hollow brook
Mais je vois pas comment je pourrais ordonner les 5 étapes dans cette div et que ça rende mieux que celui actuel
quartz thunder
ça je suis d'accord, je vais centrer ça
bah c'était de ça que je parlais
hollow brook
C'est mieux oui
foggy thistle
bonjour j'aimerais mettre le bouton "lancez-vous" un peu plus bas, comment faire svp
limber raptor
margin-top: 15px;
bien-sûr j'ai mis 15 mais tu mes ce que tu veux
y'a possibilité que tu puisses pas
foggy thistle
justement je ne comprends pas j'ai essayé un margin-top et rien ne se passe :/
limber raptor
ouai
alors ce que tu vas faire c'est que tu vas faire ça sur ta div
.btn-hero {
margin-top: 15px;
}
essaye ça
et dis moi
foggy thistle
Nickel ça marche merci !
limber raptor
pas de soucis
juste
évite de faire 3 paragraphes
dans ce cas la c'est inutile
tu as juste a faire un <br>
foggy thistle
ok je vais voir 🙂
limber raptor
😉
foggy thistle
le br à la place de p ?
limber raptor
Non en gros <p>ton texte <br> la suite <br> la suite</p>
en gros le br permet un saut de ligne
ça évite de faire 3 balises
foggy thistle
okay merci encore
limber raptor
pas de soucis
ivory willow
Br ca veut dire breakread pour toute cassé soit saut de ligne 🙂
slim bridge
tu as juste a faire un <br>
le <br> c'est une balise à éviter en soit si tu peux use autre chose fait le
ce n'est pas sémantiquement valide
la je conseille plutôt de faire deux <p> et ajuste avec css
il y a très peu de cas ou <br> est valide
gaunt yoke
Dans son cas ça l'est car c'est une seule et même phrase, donc pas d'intérêt de mettre plusieurs paragraphe sinon ca va être interprété comme 2 phrases différentes
slim bridge
ah ui effectivement
slim bridge
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(150px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
ça ?
@latent grove ?
dawn agate
hollow brook
Faute de frappe
C'est fix
latent grove
```css
@keyframes fadeInUp {
0% {
opacity: 0;
transform: tra...
merci mais ca veut dire quoi les y et x et trnaslate
limber raptor
Y = verticale X = horizontal
En gros la ce que tu fais c'est que tu positione ton élément de 150px vers le bas au début de l'animation et a la fin tu la met a 0px qui est donc ta position de base
slim bridge
Yep
void anvil
Bonjour,
j'ai un petit soucis sur une page html c'est juste un truc tout con et j'arrive pas, en fait je veux crée un bouton sur la page tab2 de ionic (angular) et grace a un bouton je veux envoyer sur la page que j'ai crée en html une cartographie mais tout cela fonctionne mais quand je click sur mon boutton j'ai un écran noir mais aucun bug dans la console google chrome
hollow brook
Il a leave
Moi je me demande comment je peux faire en sorte que mon <a> qui est dans une <div> se place en bas à gauche de mon article
limber raptor
tadiv {
position: relative
}
tonbtn {
position: absolute;
bottom: 0px;
}
aie aie aie non
limber raptor
je m'en douté 😂
gaunt yoke
Car si son texte est long il va passer en dessous
Tu peux juste flex en column et between
limber raptor
malin
gaunt yoke
limber raptor
😂
azure dawn
xDDD
hollow brook
Tu peux juste flex en column et between
ok je fais ça
Carré, j'avais oublié que flex-direction existait
hollow brook
Salut salut, je cherche à implémenter une image (qui est un svg) comme sur la maquette mais je suis un peu septique sur ma manière de faire (J'utilise un position absolute)
Le rendu actuel
J'ai un peu changé les positions et tailles et
Le but des svg est de rajouter des petites animations pour rendre le site un peu plus dynamique et sympa visuellement
gaunt yoke
Tu peux l’utiliser en absolute au vu de l’exemple que tu montres
Tant que le parent est en relative t’auras 0 problème
hollow brook
Ok bah c'est ce que j'ai fais donc carré
Ducoup ça donne ça pour l'instant avec l'anim
gaunt yoke
un peu bizarre le titre sur 3 lignes alors qu'il a la place pour etre sur 2 facile
hollow brook
Il est en width 50% là
civic whale
Hello les gars,
J'ai fait un site navigable horizontalement grâce à une section ayant la propriété display:grid; grid-template-column:repeat(3, minmax(140px, 1fr); width:200vw; (200vw correspondant à deux sections de 100vw * 2 = 200vw), et on scroll grâce à un script qui s'appelle "skrollr" (+1 à celui qui connait :p), il permet de transformer le "container" de la section de 200vw vers la droite grâce à transform:translateX(-100%).
Cependant, j'ai également deux flèches sur le bas de la page d'accueil... une à gauche, et une autre à droite, vous avez compris à quoi elles servaient... à naviguer autrement qu'en scrollant. Sauf que je n'ai pas encore trouvé de solution pour cette fonctionnalité. J'ai tenté avec un "scrollLeft", avec un "scrollTo", etc... mais rien ne fonctionne. J'ai également essayé de faire naviguer l'utilisateur grâce à un "a href=#section", mais sans succès.
Je commence malheureusement à perdre espoir, c'est pour cela que je viens chouiner auprès de vous, développeurs talentueux.
Quelqu'un aurait une solution?
Je peux vous filer un ngrok afin de mieux inspecter le code.
void anvil
tout les devs webs on oublie pas d'appliquer les recommandation de l'Etat : https://systeme-de-design.gouv.fr/
hollow brook
ivory willow
Hello les gars,
J'ai fait un site navigable horizontalement grâce à une section...
Tu as essayé ça : https://developer.mozilla.org/fr/docs/Web/API/Window/scroll ?
Par contre faut que tu récupères les dimensions de la page et la position instantané du gars
civic whale
Par contre faut que tu récupères les dimensions de la page et la position instan...
@ivory willow Alors, j'ai essayé, je te remercie pour cette doc, mais ça n'a malheureusement pas fonctionner... peux-tu cependant me dire comment on récupère les dimensions de la page et comment je peux trouver la position X et Y de l'endroit où j'aimerais que ces flèches redirigent?
ivory willow
Yes, voilà une doc pour la taille d'une fenêtre : http://www.aliasdmc.fr/coursjavas/cours_javascript88.html
Sinon tu peux faire un méthode dégueu si ça fonctionne pas : un div de la taille de la fenêtre et tu récupère la taille du div
En gros tu dois faire un truc du style :
Au clic du bouton
Si (position du mec compris dans taille de la page)
Allez à ( position du mec + x)
Et voilà pour la position du mec : https://developer.mozilla.org/fr/docs/Web/API/Window/scrollY
Pareil, si l'API fonctionne mal, tu peux faire un div flottant et récupérer la position du div
Mais privilégie l'API
civic whale
Et bien je te remercie super génie! J'essaie ça dans l'aprem
civic whale
Alors, j'ai un soucis avec mon code... j'ai tenté tout ce que tu m'as dit mais ça ne marche pas du tout, j'ai même tenté un console.log tel que:
console.log(document.scrollTop);
mais sans résultat...
Alors j'ai filé sur jQuery, ce qui je pensais être la solution, mais on en revient au même résultat :/
const container = document.querySelector(".container");
const next = document.querySelector(".next");
console.log($(container));
console.log($(document).scrollTop() + "px");
$(document).ready(function(){
$(next).click(function(){
$(container).scrollTop(1000);
});
});
Littéralement RIEN ne fonctionne 😦
ivory willow
C'est tout bête mais tu as bien pensé as importé toute les librairies ?
Et au lieu d'utiliser jquery même si ça fonctionne bien, essai document.getById('...') personnellement ça m'a évité pleins d'erreur
ivory willow
getElementByID ?
Yes, oups 😂
civic whale
Yes, bah mes éléments n'ont que des classes, donc j'ai fait getElementByClassName (ce qui revient au même que getElementByID), mais ça ne marche pas non plus...
civic whale
Je t'envoie un git, c'est good pour toi?
royal canopy
stiti
naive jewel
civic whale
Ou sinon tu utilises vscode ?
Bref, oui j'utilise VSCode :p tu as une solution?
ivory willow
Bref, oui j'utilise VSCode :p tu as une solution?
Non mais envoie plutôt un lien pour un code partager ?
civic whale
Je t'envoie en MP
ivory willow
dusky skiff
https://i.imgur.com/uD64X3X.png Coucou, léger problème, mais en gros, y'a un petit d'espace entre la bordure et le logo, moyen de le supprimer ?
Voici mon code : ```css
.logo {
border-style: solid;
border-width: 0.5vh;
border-color: white;
border-radius: 50%;
position: absolute;
top : 3%;
left: 2%;
width: 10vh ;
}
@civic whale Bon, j'ai regarder ton code et je vois un gros problème, apres j'ai pas plus regargé on ne peut pas scroll dans ta page...
civic whale
<@!236673076941684737> Bon, j'ai regarder ton code et je vois un gros problème, ...
Tu as fait "npm install" ?
ivory willow
nop attend je regarde
je ne vois pas ce que tu veux que je fasse...
sinon, je crois pas que tu puise faire : $(container).scrollTop(1000);
tu dois faire un : window.scrollTop(0, 1000);
tu appel la page, pas un élément
et pense à mettre les deux conditions
et regarde ça : https://developer.mozilla.org/fr/docs/Web/API/Window/scrollbars
ca peut aussi t'intéresser
civic whale
je ne vois pas ce que tu veux que je fasse...
Si tu as installé Node (et donc npm) sur ton ordi, tu clones ce que je t'ai envoyé, et tu fais "npm install" dans le dossier du répertoire du git
Ça va installer Parcel, etc...
ivory willow
Je vois
civic whale
Je pense que le mieux est que je recommence tout et que je me serve de la librairie ScrollTrigger et TweenMax/TweenLite de GSAP ^^
ivory willow
Tous recommencer, je suis totalement d'accord
mais pour les librairie, tu devrait continuer à regarder l'api window un peu
silent frost
Ake coucou 🙂
question rapide, si je met pas d'unité (px, em, rem, %) a quoi cela correspondra ?
civic whale
Ake coucou 🙂
question rapide, si je met pas d'unité (px, em, rem, %) a quoi cel...
Hello,
Normalement, à "em", si je ne dis pas de bêtise...
silent frost
si c'est le cas, merci 🙂
dusky skiff
Salut à tous, j'ai fait un petit dashboard, et je rencontre un léger soucis de css. Le voici :
https://pic.is-inside.me/rK95ez0E.mp4
Est-ce que vous savez pourquoi à la fin ça se remet si " brusquement " alors que pourtant j'ai bien appliqué le transition-duration
Et aussi, pourquoi il y a un léger espace entre mon image, et sa border
gaunt yoke
Parce que tu dois appliquer ta transition duration sur le hover
Donc forcément quand tu es plus en état de hover y a plus de transition duration
dusky skiff
Parce que tu dois appliquer ta transition duration sur le hover
Yes, mais justement il y est sur le hover :/
Et sur le normal aussi
gaunt yoke
Montre ton code pour l’animation
dusky skiff
.guild_icons {
background-color: black;
display: block;
margin: 1.5vh 2vh 1.5vh;
width: 6vh;
border-radius: 50%;
transition-duration: 0.5s;
}
.guild_icons:hover {
margin: 1.5vh 1.5vh 1.5vh;
border-style: solid;
border-width: 0.5vh;
border-radius: 40%;
transition-duration: 0.5s;
}
v'la
gaunt yoke
Je regarde quand je suis sur pc mais mettre tes dimensions en vh très mauvaise idées déjà
dusky skiff
Ah why ?
dusky skiff
mais ça voilà j'ai jamais trop compris, vu que px c'est tout le temps la même valeur quand on fais du zoom dézoom ça broke tout. Et vu qu'il y a des gens qui sont en 120% H24 comme des gens en 80% H24 bah ça fait des différences et parfois ça fait full merde
c'est pour ça que j'utilises vh parceque sinon j'ai que des problèmes avec ça je sais pas si tu vois ce que je veux dire
errant cypress
moi perso pour les transitions je mettais juste transition: 1s; sur le parent et pareil sur le :hover et ça marche quand tu passes et quand tu pars du hover
dusky skiff
c'est vraiment bizarre
errant cypress
test juste transition: 1s ?
errant cypress
ah
dusky skiff
:c
gaunt yoke
Parce que tu déclares ta border uniquement en hover donc elle disparaît instant en non hover car elle existe pas
déclare là en transparente en non hover et tu met juste la couleur par exemple
En hover
dusky skiff
Hey, comment s'appelle ceci ( une étiquette ? )
https://i.imgur.com/tC1iXZq.png
J'aimerais la reproduire aussi
quartz thunder
popover, tooltip
dusky skiff
MERCI !
civic whale
MERCI !
Je ne sais pas si tu sais, mais Discord est une application basée sur Chromium... fais un petit "Ctrl+Alt+I" dans Discord, et tu verras tout le code source front-end de Discord...
civic whale
okok 🙂 cool
dusky skiff
J'ai rien dit mdr
civic whale
un soucis? ^^
civic whale
lessssgo
dusky skiff
En gros quand je slide vers le bas, bah ça fait pas bouger le reste mdrrr
<div class="navbar_side">
<span style="margin: 2vh 0vh 2vh"></span>
<a style="cursor: pointer" onclick="window.location.href = 'https://0rion.fr'"><img class="Orion_logo" src="https://i.imgur.com/1PRRoDM.png"></a>
<span style="margin: 2vh"></span>
<% user.guilds.forEach(guild => { %>
<div class="tooltip">
<span class="tooltiptext"><%= guild.name %></span>
<a style="cursor: pointer" id="<%= guild.id %>" onclick="window.location.href = '/guilds/<%= guild.id %>'" id="guild_icons_a"><img class="guild_icons image_on" src="<%= guild.IconURL %>"><img class="guild_icons image_off" src="<%= guild.dynamicIconURL %>"></a>
</div>
<% }) %>
<span style="margin: 2vh"></span>
</div>
fais voir ton code
dusky skiff
mdr en même temps
dusky skiff
.navbar_side {
overflow-y: auto;
overflow-x: hidden;
background-color: #363636;
height: 100vh;
width: 80px;
}
Voilà
J'ai edit l'autre j'aurais du tout mettre
civic whale
toujours et encore les vh :p 
dans ce sens ça peut marcher
les vh
donc change pas
c'est cool comme ca
dusky skiff
bah non le vh il est essentiel là xd
civic whale
ton tooltip n'a pas de css ?
dusky skiff
ok je te le file att
.tooltip .tooltiptext {
font-size: 10px;
font-family: MontserratBold;
margin-top: 10px;
left: 80px;
visibility: hidden;
width: 120px;
background-color: #131313;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 8px 5px;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent #131313 transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
tu devrais pas faire ton tooltip comme ca ^^
att
/* element -> qui a le tooltip au hover */
.element {
/* ton code css */
position:relative
}
.element::before {
content:"";
position:absolute;
width:120px;
top:0;
left:120px;
padding:8px 5px; /* <- transforme en unités rem, c stylé */
background:#131313;
color:#fff;
border-radius:6px;
z-index:9;
opacity:0;
transition:opacity .1s ease; /* ou ease-out, ou ease-in */
.element:hover::before {
opacity:1;
}
si j'ai pas fait le con qqpart (pas évident de coder sur discord), ca devrait fonctionner
dusky skiff
donc ici le .element c'est .tooltip on est d'accord ?
civic whale
euh bah c l'élement qui quand tu le hover il a le tooltip
dusky skiff
j'ai pas compris tout compris 
civic whale
donc non
quartz thunder
bah en gros c'est les icones des serveurs
civic whale
voilà
quartz thunder
element
dusky skiff
ok ok
J'ai capté
Du coup c'est guild_icons
ça work pas :/
Y'a rien qui apparaît
civic whale
t'as bien mis position:relative sur ton .guild_icons ?
tu pourrais nous envoyer un git, ou un ngrok ? qu'on puisse checker en live ...
civic whale
yes ngrok ca serait top de chez top
quartz thunder
dusky skiff
oui mais non
ça va pas work
avec le redirect Discord
à moins que je le modifie, bouge pas
civic whale
dusky skiff
okay !
ça fonctionne 😉
tient
ah oui mais toi t'auras pas de serv du coup 
ça va être vide
dusky skiff
nan mais au pire je te met admin sur mon serv de test et voilà
quartz thunder
dusky skiff
Si tu me laisse t'inv xd
civic whale
yes vas-y
civic whale
ton .guild_icons est une image
dusky skiff
yep !
civic whale
img src="..."
civic whale
les pseudo-éléments (comme le ::before, que j'ai fait) ne fonctionnent pas sur les img
civic whale
j'essaie un truc 🙂 touche à rien haha
dusky skiff
okay
Vous avez pu le constater je fais pas souvent de css donc Désolé si je suis un peu con parfois
civic whale
ah mais y'a plein d'incohérences dans ton css, c'est ce qui fait que tout est bugué :/ c pas pour te décourager mais y'a énormément de trucs à modifier pour que ca fonctionne bien
dusky skiff
;-;
civic whale
j'ai réussi à le faire fonctionner mais une fois que tu ajoutes un deuxième server dans la barre des serveurs c bugué
dusky skiff
comment ça ?
civic whale
le overflow-x ne sert déjà à rien ^^
dusky skiff
Et comment tu as fait par curiosité ?
civic whale
je l'ai appliqué sur le a
dusky skiff
Yes bah j'ai fait pareil mais ça fait de la d :/
il se met là
mais comment je suis censé lui définir un nom c'est ça que je capte pas
civic whale
soit dans le content et ça te ferait gagner du temps, soit tu peux faire ça proprement en transformant le ::before en classe CSS qui sera relatif à son parent
mais si t'enlève pas le overflow-x:hidden, il ne s'affichera jamais puisqu'il est caché par ce dernier
dusky skiff
ok, en tout cas merci pour les conseils, je vais tenter de régler ça :)
Si j'y arrive pas et bah tan pis je verrais :c
civic whale
tout ce que tu viens de faire, tu peux le recommencer ultra rapidement en utilisant des flexbox ou des grid 🙂
dusky skiff
Je sais pas ce que c'est xD
civic whale
Si j'y arrive pas et bah tan pis je verrais :c
tu peux tjrs faire appel à moi 
dusky skiff
J'hésiterais pas
civic whale
je retourne taffer, n'hésite pas à poster ici en cas de pépin 🙂 ça pourrait aider d'autres personnes
slim lotus
tu fais un discord 2.0 ?
dusky skiff
je rigole pas
dusky skiff
tu fais un discord 2.0 ?
Nope je fais un panel pour mon bot, et je reprends juste la présentation de Discord au niveau des serveurs ^^
ah non
slim lotus
A okay :d stylé !
dusky skiff
ça rend fou 😂
slim lotus
x) tkt tu peut le faire
dusky skiff
hmm, pourquoi j'ai un doute ? 😂
dusky skiff
tout ce que tu viens de faire, tu peux le recommencer ultra rapidement en utilis...
Je go faire ça je pense parceque bon 
civic whale
viens me voir en mp si jms 🙂
dusky skiff
okay
void anvil
Salut salut, je veux créer une carte du monde, ou les pays sont clickables, et ou lorsqu'on clique sur un pays, on récupère un identifiant propre au pays.
J'ai trouver pas mal d'outil pour faire ça, leafleat, google map, etc ...
Le problême c'est que c'est des grosses librairies à importer avec lesquels je suis pas dutout à l'aise.
Alors si quelqu'un connait un truc qui permet juste d'avoir une simple carte des pays clickables, je suis preneurs !
Merci d'avance
ivory willow
Je pense pas que tu aura plus simple, apres c'est que mon avis
sinon essai open street maps ? au moins c'est open source ^^
errant cypress
hello, vous savez comment avoir un rendu pareil sur discord ? je parle de quand on tape l'url de son site ça fasse cette sorte d'embed là
je crois que c'est les og name truc comme ça mais j'ai pas trouvé
errant cypress
ah bah parfait, merci bobby
languid gazelle
koukou
bon sa a pas vraiment de rapport avec le web mais comme je vois que vous manipulez souvent ces mots, margin
dock etc, autant tenter ici
j'aimerais que mes 2 buttons occupent l'espace a eux deux, si vous avez une idée faîtes le moi savoir >_>
hollow brook
Salut salut, je cherche à comprendre pourquoi ma section à une distance avec celle du dessous (Je ne vois l'écart que quand je suis avec le dev tools (Avec la liste des écrans)
Si vous voulez voir la page directement ||https://stefia-dev.mtxserv.com/||
civic whale
bon sa a pas vraiment de rapport avec le web mais comme je vois que vous manipul...
Bonjour à toi,
Quoiqu'il en est, mis-à-part si l'un d'entre-nous s'y connait en VB, j'ai le désolant doute sur le fait qu'on puisse t'aider... essaie de voir avec le staff dans quel salon tu dois poster pour t'attendre à une éventuelle réponse.
(peut-être dans -> #autres-sujets-dev-tech ? je m'y connais vraiment pas du tout en VB ^^)
civic whale
Salut salut, je cherche à comprendre pourquoi ma section à une distance avec cel...
Salut à toi,
Afin de résoudre ton problème, je pense que tu aurais plutôt dû appliquer un z-index:1, ainsi qu'un position:relative sur le div (sans oublier tout le style, type "min-height:100vh", ou qqch du genre... c'est à toi de voir, c'est ton code) de ta première section pour lui appliquer un &:before qui aura une taille de 100% des deux sens (width & height), une position:absolute, un z-index:-1, et tout le style, bla bla bla... pour enfin lui appliquer un transform:skewY(<angle>)... ^^' !
En espérant t'aider, n'hésite pas à revenir vers nous en cas de besoin.
Dans l'HTML :
<section class="ta-section">
<!-- contenu, type container, h1, paragraphes, etc... -->
</section>
Dans le CSS :
.ta-section {
position:relative; /* pour que le ::before soit relatif à cette classe, sinon il prendra la taille du document */
min-height:100vh; /* vh = view height, il prendra donc minimum 100% de la taille en hauteur obligatoirement */
z-index:1; /* important -> pour que ton contenu apparaisse à l'avant-plan */
}
.ta-section::before {
content:""; /* pour faire en sorte qu'il existe dans ton DOM */
z-index:-1; /* arrière-plan */
top:-100px; /* c'est variable selon ton choix, voir ci-dessous */
left:0;
position:absolute;
background:url('lien_de_ton_image.jpg') center / cover no-repeat;
width:100%;
height:100%;
transform:skewY(<angle>); /* permet de pencher ton '::before', bien faire attention à ce que le dessus de l'image ne soit pas également penché, toujours remonter le top comme démontré ci-dessus */
}
J'avais le même quand j'utilisais un ::after et une position absolute
civic whale
Bonjour,
C'est-à-dire? Ce n'est pas très clair...
void anvil
Bonjour je débute débute en html et j'aimerais faire un site pour mon serv gmod qui pourrais svp (sans rémunération m'apprendre a utilisé le html css svp).
Bonsoir,
J'ai un problème j'ai un texte en html (sans css) et je voudrais savoir quel es la balise pour décendre le texte svp.
old cobalt
sauter une ligne = <br>
Mais pour "descendre" proprement ton texte utilise du css
void anvil
Bonjour, je n'arrive pas à centrer mon élément au milieu verticalement par rapport à ma div j'ai essayé avec un margin auto, il est centré au milieu quand je n'ai pas font-size mais quand je le mets bah ça merde ^^ merci de votre aide
<div id = "navbar-php">
<div class= "navbar-php-reseaux">
<ul>
<li><a href="">INSTAGRAM</a></li>
<li><a href="">Linkedin</a></li>
</ul>
</div>
<div class = "navbar-php-connect">
<ul>
<li><a href="#">A PROPOS</a></li>
<li><a href="connect.php">CONNEXION</a></li>
</ul>
</div>
</div>
div#navbar-php{
width : auto;
height : 5%;
background-color : rgb(100,0,255);
font-family: Arial;
font-size : 125%;
}
div#navbar-php ul li {
list-style: none;
display: inline-block;
}
div#navbar-php a {
color : white;
text-decoration : none;
}
div.navbar-php-reseaux{
float : left ;
}
div.navbar-php-connect{
float : right;
margin-right : 5%;
}
Bon le truc est en tout petit ^^
hollow brook
J'ai envie de dire
div#navbar-php {
display: flex;
align-items: center;
}
ok je viens de test, ça fonctionne mais mon float : right; à l'air de plus fonctionner @hollow brook
quartz thunder
justify-content: space-between;
au lieu de ton float: right
tu le met sur div#navbar-php
et du coup tu peux virer ton float: left aussi
void anvil
Yes nickel merci
potent linden
Bonjour quelqu'un aurai 10 min pour m'aidé a flex end les 3 div en grid je galere j'ai tout essayé mais rien a faire :/
dusky skiff
C'est joli comme ça pourtant je trouve
potent linden
Mais vide :/
errant cypress
faut que tu les foutes au milieu de l’écran
t’as un truc en flex pour ça
justify-content ou align-contents
strong remnant
Bonsoir,
Je sais pas si je suis dans le bon salon, j'ai besoin d'aide pour un problème avec mon site web et nginx^^Je peux demander ça ici ? 👀
quartz thunder
#système-et-réseau plutôt je pense
strong remnant
Oki merci
strong remnant
Holà,
Pouvez-vous me dire le petit bout de code a ajouter devant un href pour que le lien qui s'ouvre aille sur une autre page ?
Merci 🙂
steady verge
target='_blank'
dusky skiff
Salut à tous, j'ai fait un joli mail HTML, mais ma police ne veut pas se charger, rien à faire j'ai essayé tout ce que je savais, et ça work pas
Bien sûr on ne peut pas utiliser de fichiers, du coup voici mon code :
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
.madiv {
font-family: Montserrat, serif;
}
Alors juste fais gaffe mais il me semble que certaines boites mails ont des polices par défaut
dusky skiff
aaaaaaaah
c'est pour ça que moi ça work, mais certains non
parceque bon, moi quand je le fait ça work en local, et aussi sur mon gmail
gaunt yoke
Non ca peut aussi etre du au fait que tu ai la police d'installer sur ton ordi
dusky skiff
mais les autres, ça met une vieille police explosée et immonde
gaunt yoke
Donc il peut la charger
dusky skiff
Non ca peut aussi etre du au fait que tu ai la police d'installer sur ton ordi
Ah oui effectivement c'est le cas
D'accord ok
Donc je suis censé faire quoi ? Je comprends pas pourquoi ça work pas :/
gaunt yoke
J'ai envie de dire juste par acquis de conscience mais je suis vraiment pas sur, met le Montserrat entre quote
'Montserrat'
mais franchement j'y crois a 12%
dusky skiff
Ok je tente
gaunt yoke
okay tu me diras si c'est okay ou non
dusky skiff
ça a l'air de fonctionner, merci 👍
gaunt yoke
120% je voulais dire pas 12 
dusky skiff
XD
gaunt yoke
sinon si jamais tu rencontre d'autre soucis essaye via un @import mais sinon idk les templates de mail c'est capricieux et surtout très très relou
dusky skiff
Oui
Je confirme
Surtout quand tu fais un aperçu, tout work, mais non le tuc en a décidé autrement et ça affiche tout n'importe comment
gaunt yoke
Sinon utilise mjml pour t'aider sur la conception c'est top
dusky skiff
Oh, attends je vais voir merci pour l'info
void anvil
Hello, j'ai une question en gros je voudrai afficher sur ma page web les stats de mon bot discord genre nombre d'users, nombres de channels et nombres de serveurs. Il faut utiliser un module ou quelque chose ?
dusky skiff
Alors si je dit pas de connerie, t'es obligé d'utiliser express, pour ensuite fait une requête avec ton bot à l'API de Discord 😫
C'est la seule solution que je vois actuellement
void anvil
Alors si je dit pas de connerie, t'es obligé d'utiliser express, pour ensuite fa...
Ok cimer je vais voir ça
dusky skiff
Mais attends au pire parce que si je te fais partir sur un truc trop compliqué ;-;
void anvil
Bah après j'avais pensé un truc mais je pense que c'était éclaté
errant cypress
salut, perso pour des trucs similaires j’utilise restcord en php, je doute qu’il existe l’équivalent en js, à voir
void anvil
salut, perso pour des trucs similaires j’utilise restcord en php, je doute qu’il...
Merci de l'info au pire je peux changer mes pages en php ça sera pas trop dur
errant cypress
à mon avis c’est possible avec restcord, je l’avais fais ( les stats ) avec
brave sequoia
Salut quelqu'un pourrait m'aidé en css (projet du lycée).
Meric d'avance
limber raptor
Si tu développe pas on va pas trop pouvoir t'aider essaye de préciser
brave sequoia
j'ai une fiche d'instruction avec les actions que doit posséder mon site mais ça ne marche pas
limber raptor
Envoie le code
brave sequoia
pourrais tu venir dans une vocal ?
limber raptor
Nan peut pas
brave sequoia
ah bon alors ça va être trop compliqué pas grave merci quand même.
mortal crane
Bonjour j'aurai une questions ?
Au debut de chaque page il y a une vidéo, résume t'elle le texte du dessous ou il faut aussi la lire ?
hollow brook
Elle résume tout l'article je pense
maiden sable
Le texte donne plus de details que la video
hollow brook
Salut salut, si vous êtes comme moi et que vous n'êtes pas très créatif concernant les box-shadow j'ai trouvé ce petit site qui en expose pas mal
https://getcssscan.com/css-box-shadow-examples
limber raptor
Salut salut, si vous êtes comme moi et que vous n'êtes pas très créatif concerna...
Yeeees merci c'est beaucoup trop chiant a faire 😁
hollow brook
slim bridge
https://www.youtube.com/watch?v=3HKiXXNkyTk
franchement ouai
mortal crane
Bonjour j'aurai une questions
clever belfry
@mortal crane Salut n'oublies pas de la poser t'as question sinon personne ne pourra t'aider 😂
dusky skiff
Je suis con ou je vois pas de quoi il parle ?
Y'a aucun problème
c'est un effet d'optique
Je pense que oui, ajoute 1px à la barre bleue
tu vas bien voir
OOF
0.5 ? 
¯_(ツ)_/¯
Je pense
void anvil
Salut, est ce que quelqu'un sait comment séparer une page en deux ?
eternal ember
c'est à dire ?
eternal ember
ok
void anvil
Sauf que moi ce que je veux c'est que quand je descend vers le bas la partie orange reste fixe
eternal ember
Ah ok bah je sais coder mais en html mais je t'avoue que je m'y suis jamais interresé à ce que tu veux faire mais essaye quand même de mettre display : block; sur ta premiere page
Sinon ce que je comprends pas c'est qu'il reste fixe c'est juste il est gros donc quand tu descends tu as la fin
eternal ember
bah ta page orange elle est fixe c'est juste que quand tu descends tu vois encore la page et le texte est en haut donc il ne suit pas il est juste trop grand
void anvil
Ah oui ok mais sur des pages web avec des barres de navigation sur les cotés la page est comme "coupé en deux"
Par exemple sur Steam quand on scroll la barre de navigation l'autre contenu ne se baisse pas (Jsp trop comment expliquer)
eternal ember
Bah c'est normal après
void anvil
C'est normal cet a dire ?
eternal ember
Bah si tu veux plus y voir faut réduire le height pour faire ce que tu veux
fluid oracle
Hey!
J'aurai une petite question, voici mon site. Le soucis c'est que j'aimerai mettre le logo du côté droit mais vraiment contre la bordure, et inversément le texte mettre du côté gauche mais dans le vrai côté gauche pas vers la gauche au millieu, désolé si je me fais mal comprendre, auriez-vous des idées comment faire ? Car j'ai essayer les margins mais le problème c'est que on sait pas responsive du margin ce qui fait que sa casse tout :c
https://voltan.is-a.fail/c4aUJi (me mention car je suis aveugle parfois j'vois pas quand on me répond)
gaunt yoke
hello @fluid oracle tu veux faire ça en gros ?
fluid oracle
Ouii
Exactement
@gaunt yoke
Et que sur téléphone bah le logo se met en bas de la page, et le texte en haut
Un simple responsive en gros
gaunt yoke
Tu peux juste faire ça par ex
.content {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
et dans ta media query tu veux juste venir cancel le display:flex par un display: block
et tu peux space-around au lieu de between en fonction de ton besoin
fluid oracle
Mais j'comprend pas quelque chose
Quand je le fais sa change rien, donc je dois mettre absolument du margin ?
@gaunt yoke
gaunt yoke
No du tout, y a un lien d'accès pour voir ton site ou pas du tout
ce sera plus simple
fluid oracle
Euh non mais deux secondes j'vais le mettre sur mon server comme ça tu vois
(Fais pas gaffe au bordel hein j'suis seulement entrain de fix ce problème que j'arrive pas à éspacer les deux éléments xD)
Tiens @gaunt yoke https://voltan.ovh/
fluid oracle
Sa change vraiment ? 😮
Ah bah oui mince
J'suis bête
Du coup sa rend comme ça, sa fais bizarre mais ouais
J'me demande si y'a pas moyen que ça soit moins le bordel dans mon code, car là éfféctivement tout fonctionne mais wow le bordel que c'est juste pour ma flêche
Genre en soit ma flêche si je la retire j'ai plus besoin de ma div column et pleins d'autre truc xD
gaunt yoke
Il se barre avant qu'on lui rép.... bah salut amigo
si t'es si pressé suffit d'apprendre l'intégration ca ira plus vite
void anvil
si t'es si pressé suffit d'apprendre l'intégration ca ira plus vite <:harold:659...
C po grave 🥕
hollow brook
Salut salut, je cherche un moyen de faire un input file quand ce style
https://dribbble.com/shots/13992184-File-Uploader-Drag-Drop
civic whale
Salut salut, je cherche un moyen de faire un input file quand ce style
https://d...
Ouh là x) c'est faisable mais ultra compliqué
hollow brook
J'ai des petites idées de mon côtés mais j'ai pas eu le temps de check ça aujourd'hui, je vais checker demain si j'ai le temps
bright terrace
@hollow brook Salut je peut aider stv ?
bright terrace
J'ai des petites idées de mon côtés mais j'ai pas eu le temps de check ça aujour...
Mais c'est du JS : https://codepen.io/aaronvanston/pen/yNYOXR
potent linden
Salut j'aurai besoin d'un petit coup de main svp j'ai un petit écart entre ma bordure et mon image en bas j'arrive pas à l'enlever des idées ?
gaunt yoke
met ton image en height: 100% et son parent à 50vh comme tu l'as fais
mais t'as pas mal de soucis de responsive fais gaffe^^
potent linden
@gaunt yoke T'as un pc dans ton cerveau t'es trop fort merci
brave jay
Salut je cherche a centrer une image par rapport au centre
hollow brook
C'est à dire ?
errant cypress
tu fais une div avec un text-align: center et à l’intérieur tu mets ton image
sinon faut jouer avec display: flex; align-contents: center; et justify-content: center pour qu’il soit centré horizontalement et verticalement
quartz thunder
il a déjà réussi enzo l’a aidé en voc
hollow brook
latent grove
merci
errant cypress
Hello, voici mon code pour aligner horizontalement et verticalement mes items mais sans résultat
voici le résultat
royal patio
Hello, voici mon code pour aligner horizontalement et verticalement mes items ma...
ajoute un min-height: 100vh à ton .flex-container pour que la flex box soit aussi haute que ton viewport
parce que la il est centré verticalement mais ta box se limite à la taille de tes items rouges du coup ça compresse en haut
errant cypress
parfait ^^ merci bien ^^
latent grove
Salut comment faire dans un a href pour telecharger un dossier (pas un fichier)
steady verge
Tu compresses ton dossier et tu fais comme pour un fichier
latent grove
pk ya un maximum d'espace
royal patio
Salut comment faire dans un a href pour telecharger un dossier (pas un fichier)
les normes web ne te permette de télécharger que des fichiers
ils est malheuresement impossible de télécharger un dossier complet
la compression est effectivement le seul moyen
sinon si tu es très très fort en JS tu dois pouvoir sélectionnez un dossier puis télécharger tout les fichiers qui y sont contenu un part un et les palcer sur ton serveur
mais c'est très galère mieux vaut se contenter d'une archive
royal patio
compresse ca fait rien ?
c'est à dire
alpine leaf
Bonjour, j'ai fais une page web et j'aimerais bien avoir l'avis de quelqu'un pour voir ce que je peux améliorer
hollow kite
Go dans #présente-ta-création 
woven pumice
bonjourd j'ai un sérieu problem et ses urgent de le règler car il block mon avancer je souhaite aligner la liste a puce et que celle dans la header on peut m'aider
void anvil
Bonjour est ce que quelqu'un sait comment mettre ces éléments cote à cote ? Le position flex ou inline ne marche pas ou rendent les lignes toute petite
Pour que ça fasse quelque chose comme ça
eternal ember
tu met un position: absolute sur le texte et tu mets le inline
civic whale
Hello,
Est-ce que quelqu'un ici pourrait m'orienter vers une éventuelle solution à mon problème? Je m'explique...
J'aimerais appliquer un z-index sur l'un de mes éléments en CSS... faire en sorte que celui-ci soit au-dessus d'un pseudo-élément directement "enfant" de ce dernier. Sauf que lorsque je l'applique, cela ne fonctionne pas, je suis obligé de mettre uniquement un z-index sur le pseudo-élément et non sur l'élément en lui-même.
.animoji-avatar {
height: 150px;
width: 150px;
background: url("../../assets/img/animoji.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
transition: transform 0.4s ease;
margin-bottom: 1rem;
cursor: pointer;
z-index: 1; // faut que je l'enlève pour qu'il soit visible, sauf qu'avec le hover, il repasse derrière lorsque je le survole
&:hover {
transform: scale(1.35) rotate(-2deg);
}
&:before {
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
border-radius: 50rem;
background: linear-gradient(
to bottom right,
var(--primary-color),
#c325f3,
#4285eb,
#921af3
);
background-size: 200% 200%;
animation: animoji-gradient 15s ease infinite;
z-index: -1; // ici le z-index du pseudo-élément
}
Je peux éventuellement fournir un ngrok pour que cela soit plus clair
et j'aimerais que ce soit comme ça (sauf que je vais appliquer un filtre flou sur le cercle derrière)
gaunt yoke
envoie pr voir
prime blade
rajoute du padding sur ton cercle car là c'est trop collé j'trouve
civic whale
rajoute du padding sur ton cercle car là c'est trop collé j'trouve
Ça ne fonctionne pas sur les pseudo-éléments, ça se décale systématiquement
civic whale
envoie pr voir
gaunt yoke
Normal
Tu pourras pas faire passer le before derrière un background-image
met juste ton before sur le animoji-bg
void anvil
qui pourais call j'ai une petit truc à faire mai c'est compliqué à expliqué en message
quartz thunder
Il veux faire un codeblock avec la coloration syntaxique*
gaunt yoke
highlight js si tu veux @void anvil
void anvil
ok merci
quartz thunder
tiens si tu veux un petit tuto pour l'implémenter https://believemy.com/r/faire-de-la-coloration-syntaxique-avec-html-et-css
void anvil
tiens si tu veux un petit tuto pour l'implémenter https://believemy.com/r/faire-...
merci beaucoup.
hollow brook
Salut salut, je ne comprend pas pourquoi mon scss ne prend pas en compte mon getFontSize à cet endroit précis
Rendu css
En sachant que dans le reste du fichier scss la fonction est reconnu sans problème et la taille est donnée
gaunt yoke
t'as quoi comme message en passant ta souris dessus
gaunt yoke
🤔 si t'as pas d'erreur a la compil c'est surement juste visuel
hollow brook
Oui c'est phpStorm qui fait d'la merde
Mais ma taille ne se met pas pas quand même
Que ça soit compil en dev ou prod
gaunt yoke
Et t'es sur qu'elle fonctionne de base ? tu l'utilises ailleurs sans soucis ?
hollow brook
Oui
gaunt yoke
ton getFontSize est bien dans un des fichiers que t'import en haut ? 🤔
hollow brook
ton getFontSize est bien dans un des fichiers que t'import en haut ? 🤔
oui
Le fichier fonts.scss (il manque le @use "sass:map"; sur le screen)
gaunt yoke
hmmmmm
hollow brook
gaunt yoke
Pour tester, essaye de changer le @import par un @use
gaunt yoke
oui
hollow brook
Dans le navigateur
gaunt yoke
hollow brook
Maintenant il interprète plus la fonction ptn
gaunt yoke
maintenant
mais c'est normal
Remet le import
mais tu getFontSize de "p"
mais p existe pas dans ton $font-size
gaunt yoke
latent grove
Salut j'ai trouver ce code pour mettre un theme sombre a un site
Est ce que quelqun sait comment faire pour que sac le fasse quand je clique sur un bouton ? merci
@media (prefers-color-scheme: dark) {
html {
filter: invert(1) hue-rotate(.5turn);
}
img {
filter: invert(1) hue-rotate(.5turn);
}
img:not(:hover) {
opacity: .7;
transition: opacity .25s ease-in-out;
}
}
@gaunt yoke elle est où la vidéo pour vue.js ? Merci
wild forum
coucou, je pense que je vais utiliser GitHub Pages pour héberger mes sites web 👀
quartz thunder
Ok
hollow kite
Tans mieux
void anvil
comment je fais start une music sans le audio controller , genre la music se lance automatiquement ?
gaunt yoke
autoplay mais tu dois aussi passer le listen maintenant un truc comme ça
Enfin je parle d’une vidéo là pour le son ça doit sûrement être un autoplay aussi mais certains navigateurs bloquent les sons non lancés par l’utilisateur
void anvil
tu met un position: absolute sur le texte et tu mets le inline
le inline ? je le mets ou ?
eternal ember
je sais pas j'ai pas ton code
void anvil
Je l'ai mis mais rien ne change
J'ai mis position absolute sur le text et maintenant il est en dessous des barres juste
eternal ember
Bah du coup je sais pas après ça fait 4 jours que je t'ai envoyé le msg je me rappelle plus ce que tu voulais faire
void anvil
Quelque chose comme ça
eternal ember
Ah oui c'est vrai
J'essayerai voir comment on fait et je te dis ce qu'il faut régler mais envoie moi ton code
nocturne schooner
Salut ! Je voudrais ajouter un .mp3 à mon loading screen. j'ai donc ajouté ça :
<audio autoplay loop> <source src="audio/alchemy.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
Mais ça ne fonctionne pas. Je tiens à ajouter que j'ai essayé sur firefox et ça fonctionne, est-ce que vous avez une alternative / un moyen de régler ça ? Merci d'avance pour vos réponses !
timber willow
Salut ! Je voudrais ajouter un .mp3 à mon loading screen. j'ai donc ajouté ça : ...
Loading screen gmod ?
nocturne schooner
yes
timber willow
Salut ! Je voudrais ajouter un .mp3 à mon loading screen. j'ai donc ajouté ça : ...
bah c'est du html css normal que ca fonctionne pas
nocturne schooner
Avec du js ça fonctionne ?
timber willow
Avec du js ça fonctionne ?
ui
nocturne schooner
ok parfait, merci :
gaunt yoke
Sur chrome je crois c’est juste que l’autoplay ne fonctionne plus juste comme ça
Tu dois ajouter un attribut listen
Pour qu’il play la vidéo mais sans le son comme l’utilisateur n’a pas lancé lui même
nocturne schooner
Je suis de retour ! J'ai testé et j'y arrive pas...
J'ai essayé avec un objet audio, donc seulement javascript, et aussi avec une balise audio puis play via le javascript, aucun des deux fonctionne, et encore une fois j'ai testé sur firefox et ça fonctionne
gaunt yoke
Non tu pourras pas exécuter une vidéo en JS sur chrome
Et peut être même d’autre navigateur
C’est plus autorisé par certains navigateur
gaunt yoke
Non
Rajoute muted et non listen pardon en + de autoplay
Sur l’élément html
Et dis moi si c’est ok
Ah mais du coup oui mp3 = uniquement le son
Donc le muted bah ça va couper le son malheureusement
nocturne schooner
Oui en gros je veux une musique de fond pour mon loading screen gmod
gaunt yoke
Faut que tu contournes avec du bricolage
Mais Google l’accepte plus en tout cas
https://stackoverflow.com/questions/50490304/how-to-make-audio-autoplay-on-chrome essaye ça si tu veux
nocturne schooner
J'utilise pas chromium sur gmod, là je suis avec awesomium
Je vais tester quand même on verra ce que ça donne !
gaunt yoke
Idk alors regarde si dessus y a moyen
nocturne schooner
Bon bah maintenant on le saura, fermer une page html contenant un iframe audio fait planter gmod !
et btw ça marche toujours pas
je vais continuer d'essayer des trucs on verra quand ça fonctionne
nocturne schooner
Ok, j'ai enfin réussi ! La réponse me fait assez rager : les mp3 ne sont pas supporté par awesomium, il faut utiliser des .ogg ou .m4a !
graceful phoenix
Salut, j'ai un petit soucis... Mon background continue à droite de mon site alors que j'aimerai qu'il s'arrête à la limite, mais j'ai beau changer certains paramètres cela ne convient pas :/
CSS
/* Header */
section#sec-1 {
width: 100%;
height: 100vh;
background: linear-gradient(to bottom, #3673EE, #0844BD);
transition: 1s;
}
section#sec-1 .bg {
height: 100%;
background-image: url(../img/bg.png);
background-position: left center;
background-size: contain;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
}
section#sec-1::before {
content: "";
position: absolute;
width: 100%;
height: 100vh;
background-color: #0844BD;
transition: 1s;
z-index: -1;
border-radius: 0% 0% 50% 50%;
transform: scale(1.6);
}```HTML
<section id="sec-1">
<div class="bg">
<div class="nav-bar">
<nav>
<ul>
<li><a class="active" href="#sec-1">Accueil</a></li>
<li><a href="#sec-2">Présentation</a></li>
<li><a href="#sec-3">Compétences</a></li>
<li><a href="#d">Services</a></li>
<li><a href="#d">Contact</a></li>
</ul>
</nav>
</div>
<div class="logo">
<img src="img/logo.png" alt="Logo Alones">
</div>
</div>
</section>```Si tu veux que ça ne déborde pas sur la droite hors site :
body {
overflow-x: hidden;
}
Yes, ça marche mais j'ai des scroll-bar qui ont spawn un peu partout :x
gaunt yoke
essaye sur ton before de juste
top: 0;
right: 0;
pour voir 🤔
graceful phoenix
essaye sur ton before de juste
top: 0;
right: 0;
pour voir 🤔
Non ça me remet comme au début ou il y a l'espace sur la droite :/
quartz thunder
?
brave jay
ouii
alors
j'essaye de faire ca :
je suis la
en gros ma div doit passer en desous du truc noir
le css ```css
/* le rectanggle /
.Test-item {
height: 320px;
width: 220px;
margin: 10px;
min-width: 250px;
overflow: hidden;
border-radius: 8px;
background: linear-gradient(
230deg,
rgba(8, 93, 134, 1),
rgba(1, 24, 73, 1)
);
/ DEV /
margin-left: auto;
margin-right: auto;
margin-top: 20%;
/ DEV */
}
/* le svg /
.cls-1 {
display: flex;
float: top;
}
/ le contour /
.item-span {
/ position: absolute; /
margin: 3%;
height: 95%;
/ overflow: hidden; */
border: double 4px transparent;
background-image: linear-gradient(
230deg,
rgba(8, 93, 134, 1),
rgba(1, 24, 73, 1)
),
linear-gradient(
240deg,
rgba(12, 157, 187, 1) 0%,
rgba(2, 33, 101, 1) 100%
);
background-origin: border-box;
background-clip: content-box, border-box;
box-sizing: border-box;
}
le html : ```html
<!-- rectangle -->
<div class="Test-item" id="item-list">
<!-- svg -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1456 239.59">
<g id="Calque_2">
<polygon class="cls-1" points="0.5 0.5 0.5 239.06 1455.5 162.8 1455.5 0.5 0.5 0.5" />
</g>
</svg>
<!-- contour -->
<div class="item-span" id="item-list">
<p>test</p>
</div>
</div>```
en gros le contour doit passer sous le svg
quartz thunder
en gros ma div doit passer en desous du truc noir
en dessous ou au dessus
quartz thunder
hm tu pourrais mettre un position relative sur Test-item et un position absolute sur ton svg
brave jay
ca change rien
quartz thunder
tu l'a mis où le position: absolute?
brave jay
quartz thunder
faut que ta classe la elle sit sur le svg en lui même et pas le <polygon>
quartz thunder
envoie ton nouveau truc
brave jay
/* le rectanggle */
.Test-item {
height: 320px;
width: 220px;
margin: 10px;
min-width: 250px;
overflow: hidden;
border-radius: 8px;
background: linear-gradient(
230deg,
rgba(8, 93, 134, 1),
rgba(1, 24, 73, 1)
);
/* DEV */
margin-left: auto;
margin-right: auto;
margin-top: 20%;
/* DEV */
}
/* le svg */
.cls-1 {
fill: #fff;
}
.svtriangle {
position: absolute;
}
/* le contour */
.item-span {
position: relative;
margin: 3%;
height: 95%;
/* overflow: hidden; */
border: double 4px transparent;
background-image: linear-gradient(
230deg,
rgba(8, 93, 134, 1),
rgba(1, 24, 73, 1)
),
linear-gradient(
240deg,
rgba(12, 157, 187, 1) 0%,
rgba(2, 33, 101, 1) 100%
);
background-origin: border-box;
background-clip: content-box, border-box;
box-sizing: border-box;
}```
<div class="item-container">
<!-- rectangle -->
<div class="Test-item" id="item-list">
<!-- svg -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1456 350" class="svtriangle">
<g id="Calque_2">
<polygon class="cls-1" points="0.5 0.5 0.5 350 1455.5 220 1455.5 0.5 0.5 0.5" />
</g>
</svg>
<!-- contour -->
<div class="item-span" id="item-list">
</div>
<p>test</p>
</div>
ta psa mis le position: relative sur Test-item :-(
quartz thunder
normalement ouais
brave jay
top
stable pendant
Salut, j'ai un petit problème que je n'arrive pas à résoudre, j'aimerai lancer une annimation CSS uniquement que quand elle est affichée, on ma donc recomander d'utiliser onfocus dans le HTML avec un fonction JS qui vas ajouter la class aux élément, j'ai donc fait ceci mais cela ne fonctionne pas, cela ne viens pas du css, car quand je le met sur une class fixe il fonctionne. Merci de votre aide
<nav class="H2-nav-nav">
<ul>
<li>
<a class="H2-nav-ul-li-a-Accueil" onfocus="H2annimation()">
Accueil
</a>
</li>
<li>
<a class="H2-nav-ul-li-a-Services" onfocus="H2annimation()" href="#but">
But
</a>
</li>
<li>
<a class="H2-nav-ul-li-a-Contact" onfocus="H2annimation()">
Contact
</a>
</li>
</ul>
</nav>
</header>
<script lang="javascript">
function H2annimation() {
Element.classList.add('H2-nav-a');
}
</script>
l'animation est censé faire quoi exactement ?
de plus dans ton script le Element est déclaré nul part donc tu crée une nouvelle classe dans rien
je te conseil un
document.getElementByClassName('nom de la classe');
nom de la classe.classList.add('H2-nav-a');
stable pendant
Salut, au final j'ai trouvé :)
timber willow
Salut, au final j'ai trouvé :)
tu l'as corrigé par quoi ?
stable pendant
timber willow
d'accord 👍
graceful phoenix
Salut, quelqu'un saurai rendre responsive un circle svg ?
royal canopy
Des bons sites/logiciels qui permettent de faire du front-end facilement, un peu comme Bootstrap Studio ?
timber willow
Des bons sites/logiciels qui permettent de faire du front-end facilement, un peu...
wordpress mais tu dois coco x)
royal canopy
Ouais mais suis pas fan, j'aimerai un truc ou j'suis full independant
timber willow
mais apres il y a pas pléthore de logiciel et site qui permettent de faire du front end comme boostrap studio
scenic fiber
bonjour, il y a t-il une personne qui peux m'apprendre a coder en HTML pour que je connaisse un peux plus que se que je connais déjà (je connais pas grand chose j'ai juste regardé des vidéos et des forums)
timber willow
bonjour, il y a t-il une personne qui peux m'apprendre a coder en HTML pour que ...
suis le channel #streams-et-cours peux etre qu'il y aura un cours sur le dév HTML
scenic fiber
suis le channel <#611297307438350346> peux etre qu'il y aura un cours sur le dé...
OK je vais voir ça merci à toi
timber willow
pas de soucis
scenic fiber
Ah bha non
gaunt yoke
Des bons sites/logiciels qui permettent de faire du front-end facilement, un peu...
Alors du coup ce sera de l’intégration et pas du front end pour éviter de confondre les deux
Et tu as des outils no code comme bubble webflow etc si tu veux
royal canopy
Yes j'irai check ça merci
C'est surtout que je sais pas faire de responsive en css
Sinon je le ferai moi-même
copper warren
C'est pas ce que t'écris sur ton profile github en tout cas si t'es full stack en théorie le front c'est une formalitée 
civic whale
Ouais mais suis pas fan, j'aimerai un truc ou j'suis full independant
Ben si tu as une bonne manip' de ce dernier, tu maitrises full l'interface de ton site... jusqu'à y'a des sites où tu pourrais même pas dire que c'est du wordpress, et pourtant lorsque tu passes un coup de wappalyzer, c'est bel et bien ce petit filou...
après voilà, j'suis un défenseur de wordpress et j'trouve ça top
c'est un très bon outil sur lequel il ne faut pas cracher
royal canopy
C'est pas ce que t'écris sur ton profile github en tout cas si t'es full stack e...
Ptdr oui il y a 6 mois je faisais full front, je suivais des formations sur Udemy et tout, mais ça me casse trop la tête de le faire proprement, j'ai pas un esprit graphique
civic whale
bien qu'il faut une certaine maitrise de code pour le gérer full... mais si t'es fullstack, ca te posera pas de soucis
royal canopy
Ben si tu as une bonne manip' de ce dernier, tu maitrises full l'interface de to...
Ca marche, j'irai check de mon côté, pourquoi pas
civic whale
Ca marche, j'irai check de mon côté, pourquoi pas
sinon t'as d'autres outils de type CMS (tel que wordpress comme on vient de citer) qui font tout aussi bien le taff' mais qui restent selon moi une moins bonne référence tels que: joomla, ou drupal...
royal canopy
J'ai juste peur d'être restreint en terme de customisation avec WordPress mais why not
civic whale
ah mais paaaas du tout quoi
j'me permet de te contredire hein ^^ mais wordpress est juste au top
il est mal vu par les puristes certes
royal canopy
Ahaha on voit les défenseurs 😂
Non mais, je vais aller me documenter pour me forger un vrai avis, merci de me prévenir en tout cas 😉
civic whale
mais si t'es un minimum moderne et ouvert d'esprit, t'as vite compris que wordpress est très loin d'être négligeable
si tu veux un conseil, mets-toi directement sur le terrain et vois un peu les fichiers thèmes et modifie-les à ta sauce jusqu'à ce que ça soit full custom
n'hésite pas à créer tes propres plugins aussi etc
néanmoins, ca reste du taff' assez pénible, mais si t'aime ca tu feras meme pas attention à ce détail
languid gazelle
@gaunt yoke tu conseilles Inline ?
stoic heath
Slt es ce que quelqu’un pourrais m’aider j’aimerais savoir quelle code utilise pour pouvoir en gris enregistrer automatiquement des informations dans une une page
latent grove
est ce que c'est possible de chiffrer du code pour que personne ne le voient en inspectant ?
royal patio
Tu peux le minifier mais sinon non il n'y a pas de technique pour empêcher de voir le code
latent grove
comment font les gens qui ont des code pour une page adin par exemple
hallow forge
il le f(r)ont(-end) que en back-end
il le font que en back-end
donc il ne se voit pas
latent grove
comment on le fait
moi je penser que le back sa s'afficher aussi
que ca se voyait juste pas sur la page
latent grove
et on fait comment pour faire ca
latent grove
ba j'ai mis du php
hallow forge
regarde grafikart
latent grove
merci
languid gazelle
Bootsrap est t-i déconseillé ?
car j'ai essayé tailwind et j'avoue que les components de bootsrap sont hyper utiles
errant cypress
me semble que bootstrap use jquery pour le js donc 🤔
steady verge
La V5 n’utilise pas jquery et semble correct
deft burrow
Utiliser un framework css c'est très bien, seulement si tu prévois d'avoir des éléments plus "personnalisés" sur ton site, tu devras faire fonctionner tes modifications avec et c'est plus ou moins facile
C'est très facile avec tailwind parce que le framework est fait pour être le plus flexible possible ; bootstrap c'est un peu moins le cas
Depuis la version 5 de bootstrap c'est redevenu raisonnable dans un contexte récent de l'utiliser. Ça serait pas le framework le plus connu si c'était déconseillé de l'utiliser d'ailleurs
stable pendant
Il y a un moyen facile pour afficher son site version téléphone ?
errant cypress
np
lyric wind
Hello, 
Je viens vers vous pour voir votre avis sur un devis d'un panel web qui aura comme utilité d'utiliser des bots discord, un peu comme le panel Mee6.
Je ne sais pas trop si je suis dans la bonne catégorie pour faire cela :/ Si je me suis tromper déso 🙂
gaunt yoke
Tu veux qu’on te dise quoi là dessus exactement
lyric wind
Tu veux qu’on te dise quoi là dessus exactement
mdr, j'ai oublier de préciser ^^ Déso. Savoir si le prix et justifié, si ce n'est pas des prix surélevés. Car je ne connais pas les prix dans le domaine
gaunt yoke
Est il professionnel ? Est ce que c’est du black ou déclaré ?
lyric wind
Est il professionnel ? Est ce que c’est du black ou déclaré ?
Le virement sera directement sur son compte, c'est pas vraiment déclaré
gaunt yoke
Oui donc du black
Après encore une fois le devis que tu montres est compliqué à évaluer car y a juste des indications comme « statistiques » mais on sait pas vraiment de quoi, de où elles proviennent etc donc on connaît pas la charge de travail réel
languid gazelle
après c'est mon avis mais sa fait pas très pro je trouve
juste le
"Mise en place des requêtes SQL"
void anvil
comment utiliser cette fonctionnalité en html css js ou autre nativement ?
wow cette bouteille a la mer
quartz thunder
Faut que tu rende ton site compatible PWA
storm sonnet
Cette "fonctionnalité" dont tu parle s'appelle une PWA (Progressive Web App), il y a pas mal de doc en ligne là dessus, tu peux le faire soit via des frameworks front (VueJS, React, Angular), ou aussi bien nativement, tout ce qu'il te faut c'est déclarer un manifest et mettre en place un serviceWorker https://www.freecodecamp.org/news/build-a-pwa-from-scratch-with-html-css-and-javascript/#web-app-manifest
void anvil
Cette "fonctionnalité" dont tu parle s'appelle une PWA (Progressive Web App), il...
merci je check ça
prime blade
comment utiliser cette fonctionnalité en html css js ou autre nativement ?
wot, c'est quoi?
gaunt yoke
@void anvil tu peux faire ta demande ici https://g-ca.fr/offres
void anvil
fait
maiden plover
Y'a un endroit du discord où on peut poser des questions sur le statut d'auto-entrepreneur ?
En gros je fais ma première déclaration d'impôt et mon revenu a beau être en dessous de 10 000, j'ai une centaine d'euros à payer. Rien de grave mais je me pose la question de savoir si c'est normal, si le fait d'avoir un chiffre d'affaire d'auto-entrepreneur justifie cet impôts quoique mon revenu global n'excède pas le pallier des 10 000.
quartz thunder
Euh dans #general je pense 
maiden plover
ok, je l'ai reposée là-bas 🙂
gaunt yoke
Tu peux déjà utiliser Lighthouse qui fera bien l’affaire
obsidian socket
eternal ember
Moi si tu veux @obsidian socket
eternal ember
Si ça te dérange pas je ne suis pas dispo aujourd'hui et demain
hallow forge
c quoi comme forum
hallow forge
est-ce que c'est possible d'activer un programme python avec un bouton html
errant cypress
hallow forge
merci
nan mais je voulais dire comment récuperer les variable python en html et inversement
subtle agate
Salut j'ai besoin d'aide
Je dois faire un site web en snt (seconde) avant ce soir
Mais je galère pas mal
Si quelqu'un peut m'aider
quartz thunder
Pourquoi as-tu besoin d’aide exactement, précise ta demande en expliquant ce que tu cherches à faire et où tu bloques
tribal rune
nan mais je voulais dire comment récuperer les variable python en html et invers...
Si tu veux appeler du python depuis ton front, tu dois faire une requête à ton serveur avec js, qui arrive sur une vue côté back qui fait tourner ton code python et qui retourne ce que tu veux sur ton FE.
Après t'as des frameworks qui existe comme django ou flask qui te génère le HTML ou tu peux directement "inclure" ta variable dans le HTML si jamais
void anvil
@gaunt yoke slt je n'ai pas accès à ma page de profile sur le site gca
errant cypress
input:hover { border:none !important; }
gaunt yoke
ou alors outline: none si tu parles des contours sur tout l'input au focus
hallow forge
est-ce qu'on peut recuperer une variable d'un input avec javascript
gaunt yoke
oui
hallow forge
comment
hallow forge
ok
deft burrow
Y a plusieurs manières de faire ça
En faisant clic droit puis inspecter (ou examiner) l'élément, tu verras le code source qui a permis de créer cette barre de navigation
Je te conseille de regarder du côté de tutoriels pour créer des "navbars" pour voir des alternatives et comment on les crée
void anvil
Alors j'ai un petit probleme
Je suis entrain de develloper un portfolio ou je pourrais presenter mes creations. Voici ma page d'acceuil
Voici le site à 75% de dezoom :/ Voila mon probleme
Voila mon soucis... Apres moi je pense que ca vient de la position absolute car ca position est independante mais j'en suis pas sur :/
gaunt yoke
pourquoi ta section est en absolute ?
enfin la ce sont tes h1 et h3, mais pourquoi aussi
void anvil
Pour pouvoir les placer librement... Mais j'imagine que je ferais mieux de placer ça en relative
limber raptor
t'as pas besoin de ça pour les placer librement
tu peux tout simplement mettre tes textes dans une div que elle tu positionnes
et tu mes juste tes textes en text-align: center
ça devrait également régler ton soucis
après perso je suis pas fan d'utiliser les % dans ton cas
@void anvil
void anvil
Je suis entrain de suivre ton conseil
gaunt yoke
Oui très mauvais d'utiliser des % en hauteur, marge ou padding
car en fonction de la taille de l'écran 10% ca peut etre complètement différent
void anvil
Vous me conseillez quoi dans ce cas comme unité ?
gaunt yoke
em, rem, px
void anvil
D'accord.
limber raptor
Vous me conseillez quoi dans ce cas comme unité ?
moi j'utilises beaucoup les px valeur sur
void anvil
Re ! J'ai finalement réussi à régler mon problème, puis a changé la taille des articles ^^
Voilà le résultat pour aujourd'hui 
lethal depot
Bonjour, est ce que quelqu'un pourrait m'aider a center les icones twitter et facebook avec le texte nous contacter au centre du cadre gris, merci
lethal depot
limber raptor
yop, au lieu de faire un display: inline-block; tu peux faire un display: flex; et rajouter l'instruction justify-content: center; à ton contact-us
@lethal depot
lethal depot
yop, au lieu de faire un `display: inline-block;` tu peux faire un `display: fle...
Ah super, merci ça fonctionne mieux 😄
gaunt yoke
Pas besoin
Pour le coup le a est un élément inline
donc ton text-align center suffit de le mettre sur le contact US ca devrait etre aligné aussi
Sauf si tu veux du gauche <-> droite par contre
lethal depot
donc ton text-align center suffit de le mettre sur le contact US ca devrait etre...
Si je fais comme tu me dis les logos se retrouve la
gaunt yoke
mais tu veux qu'il soit dans la boxe grise ?
lethal depot
Oui, a coté (sur la droite) de mon texte
high karma
em, rem, px
Peux aussi utiliser vw et vh non?
gaunt yoke
Ahh yes okay
gaunt yoke
Peux aussi utiliser vw et vh non?
pour faire du fullscreen oui tu peux
hallow forge
comment mettre les contours d'un site carré en arrondi
lethal depot
border-radius : 'ta-valeur' px;
solemn kayak
Salut,
Je n'arrive pas à activer le mode majuscule sur le pattern html.
Si j'ai bien compris, les délimiteurs sont les slashs et l'option est le i mais ça ne marche pas...
Une idée ?
errant cypress
solemn kayak
Salut, j'ai déjà vu ce sujet et je vois pas trop en quoi il répond à ma problématique...
solemn kayak
Je voudrais l'équivalent du php ##i. Enfaite, je n'ai pas les éèù en majuscule sur mon clavier et flegme d'aller les chercher dans caractères spéciaux. Sinon, à la place de ce que tu viens d'écrire, j'ai mis \w et j'ai les majuscule de a à z.
balmy vault
ALT + 144 pour É mais tant a d autre regarde sur internet
royal patio
en français
ÀÉÈÊÙœŒÄËÏÖÜÂÎÔÛçÇæÆ
solemn kayak
Ok en gros ça n'existe pas pour html, merci
royal patio
Ok en gros ça n'existe pas pour html, merci
après en HTML il y a les entité
genre é pour les é
fathom venture
Bonjour j'ai un problèmes,
J'ai fait un loading screen simple, juste une image mais cela ne marche pas :
Le code index.php :
`<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Loading</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
</header>
</body>
</html>`
Le code style.css :
html { background-image: url(img/wallpaper.png); background-repeat: repeat; background-size: cover; }
mortal sage
ton dossier s'appelle bien "img" et ton image est bien dedans ?
fathom venture
oui
J'ai remarquer que même quand je mes des loading screen gmod de github que j'herberge sur mon serveur ça marche pas mais que si je mes un trucs comme google.com ça marche
mortal sage
?
hallow forge
comment on met une police pour l'écriture ou les titres en css
(attention sii vous ne répondez pas vous allez avoir une amende)
blague nul
void anvil
(attention sii vous ne répondez pas vous allez avoir une amende)
voila serif
gentle reef
Merci
dusk ember
bonjour une personne peut maider en gros je ses pas comment on cree une boutique pour un serv gmod avec Pterodactyl et je veut savoir si une personne peut m'aider
delicate horizon
@dusk ember une boutique avec ptero ? 😂
dreamy kestrel
Salut, j'ai commencé il y a 1 an un projet d'application mobile, j'ai choisi pour thème la cuisine et donc, c'est une app de recettes de cuisine, tout le monde peut y publier ces recettes et les liker, les commenter... etc
Seulement maintenant j'ai un problème, je cherche à adapter cette application en site web et je ne sais pas quel type de site Web je dois créer
void anvil
Salut, j'ai commencé il y a 1 an un projet d'application mobile, j'ai choisi pou...
L'application est terminée ?
void anvil
D'habitude c'est pas plus l'inverse? genre rendre un site responsive?
gaunt yoke
Non car là il parle d'une appli mobile pas responsive
void anvil
Ouais ouais je sais
gaunt yoke
Du coup il veut surement aussi avoir un site à côté
void anvil
mais je parlais en général
gaunt yoke
Non pas forcément, Tinder par exemple c'est une app avant d'etre un site
Instagram pareille
void anvil
Pas faux
dreamy kestrel
Je m'explique, par exemple, youtube, il y l'application mobile youtube, puis il y a le site Web youtube, les deux font la même chose
Moi j'ai l'application et je cherche à faire le site
Avec la même base de données
void anvil
Jsuis curieux, mais tu utilises quoi comme bdd?
dreamy kestrel
Mysql adapté avec phpmyadmin
Avant j'étais sur firebase, mais c'est beaucoup trop cher
void anvil
PhpMyAdmin c'est pas une passoire niveau secu ?
gaunt yoke
Bah du coup tu peux redev un site avec la techno de ton choix, sauf si par exemple tu etais sur react native, tu peux partir sur du react pour garder des composants et une config ""similaire"
void anvil
En plus wordpress tourne avec mysql par défaut
dreamy kestrel
Je veux dire je peux récupérer des liste de données et les remettre dans des listview ?
void anvil
Ouais c'est possible de récup des données de mysql
languid gazelle
Instagram pareille
je crois qu'instagram sont en train de prendre la voie du web il me semble
j'ai entendu sa quelque part
gaunt yoke
Bah vas sur insta avec ton ordi
languid gazelle
Bah vas sur insta avec ton ordi
bah je l'ai déja fait
mais t'as pas le memes fonctionnalités j'ai l'impression
timid summit
Hey, je m'explique, j'ai un ndd qui redirige vers le site g-ca (swazox.fr), j'aimerais savoir si c'est possible d'avoir un ndd avec un slash (swazox.fr/link par exemple) Sans payer et sans hébergeur
slim bridge
bah non ça c'est de la réécriture d'url et ça se fait avec un router en code
enfin grossièrement c'est ça qu'il faut faire
mais non pas besoin de payer juste de dev mdr
si c'est bien ça que tu demandes @timid summit
void anvil
Bonsoir actuellement j'ai un soucis, j'ai que le "Login" qui s'affiche alors que les cases pour entrer les identifants pour se connecter devraient être affichés également, je vous envoi aussi le login.html
le style.css
Merci de me @ pour une éventuelle réponse
timid summit
si c'est bien ça que tu demandes <@!589160793246007327>
Dac mais je n'y connais rien en dev x)
gaunt yoke
@void anvil iNput
void anvil
<@456226577798135808> iNput
Ha merci xD chui con
strong lynx
Hey, je m'explique, j'ai un ndd qui redirige vers le site g-ca (swazox.fr), j'ai...
Yo! Moi j’étais chez LWS donc j’avais un mini hébergement web fourni avec gratuitement et donc j’ai fais une page html genre link.html avec un window.location.replace("g-ca.fr/profil/pilot") dans le script js de la page et donc quand j’allais sur ndd/link ça me redirigeais
void anvil
c'est input et non imput
quartz thunder
c'est input et non imput
enzo il avait déjà dit
timid summit
Yo! Moi j’étais chez LWS donc j’avais un mini hébergement web fourni avec gratui...
Oula je comprend rien x)
strong lynx
tu as un hebergement web ou po
timid summit
Humm je regarde après
timid summit
tu as un hebergement web ou po
strong lynx
bien est-ce que tu as mis une page html dessus
type page d'accueil ou y'a rien sur ton nom de domaine
timid summit
Y'a rien, juste une redirection
strong lynx
Ah mais tu as réussi
timid summit
De quoi ?
void anvil
hello, j'aimerais savoir si quelqu'un saurait mettre du texte par dessus mon image
merci de me @
lethal depot
merci de me @
Tu met le tout en display flex ou display absolute
little depot
Sinon, je sais pas vraiment si c'est mieu, tu peut faire une div, en background tu met l'image avec un vh 100 si tu veux que ça face la taille, et à l'intérieur de la div tu fait ton texte normalement
void anvil
Tu met le tout en display flex ou display absolute
ok mrc
void anvil
Sinon, je sais pas vraiment si c'est mieu, tu peut faire une div, en background ...
je vais tester mrc
old cobalt
Je pense effectivement que tu devrais mettre cette image en background-image (d'une div dimensionnée ou tout simplement de ton body si tu garde le bg sur toute la page)
Après tu peux aussi jouer sur le positionnement pour mettre du texte par dessus mais je ne pense pas que ça soit la meilleure chose à faire dans ton cas
void anvil
okay
timid summit
Hey, @strong lynx ducoup ?
strong lynx
Hey, <@197380579816112128> ducoup ?
Dispo en vocal dans la journée?
timid summit
Dispo en vocal dans la journée?
La semaine prochaine ?
strong lynx
oiu si tu veux
timid summit
dacc
lethal depot
hello quelqu'un sait ce que c'est un token CSRF
Ça signifie que ton navigateur n'a pas pu créer un cookie sécurisé ou n'a pas pu accéder à ce cookie pour autoriser la connexion. Ça peut être causé par des plugins de blocage de pubs ou de scripts, ou par le navigateur s'il n'est pas autorisé à créer des cookies.
void anvil
Ça signifie que ton navigateur n'a pas pu créer un cookie sécurisé ou n'a pas pu...
ok merci mais ça marche pas 😦
languid gazelle
Hey, vous en pensez quoi ?
première fois que je fais du web >_>
ps: avec boostrap
void anvil
Vraiment stylé mais ça éclate les yeux mdr fais un mode sombre comme a dis F2Ville @languid gazelle
gaunt yoke
oui t'as collé les composants bootstrap quoi
languid gazelle
oui t'as collé les composants bootstrap quoi <:kappo:649342986571874315>
C’est déjà dure point moi 
void anvil
Salut à tous,
Alors voila, ca fait un peu plus d'un mois que je devellope mon site internet et je voulais vous demander si il y avait un moyen de mettre une miniature de site
Comme cet exemple (qui vient d'un message au dessus)
Au moment ou je partage mon lien, une miniature comme celle ci s'affiche ^^ Comment je peux faire ? J'ai cherché plusieurs forums mais rien de pertinents...
little depot
C'est des open graph, tu peut en faire pour fb twitter etc
sturdy solstice
Salut à tous,
Alors voila, ca fait un peu plus d'un mois que je devellope mon si...
Je vois pas trop ce que tu veux dire par "miniature"
little depot
void anvil
tien https://smartkeyword.io/seo-on-page-open-graph-twitter-card/
Merci infiniment 👍
Ca fonctionne ^^
La c'est beaucoup mieux :3
sturdy solstice
@void anvil c'est toi qui l'as fait ton portfolio ?
void anvil
<@456226577798135808> c'est toi qui l'as fait ton portfolio ?
En effet ^^ Apres je suis que debutant dans le domaine du develloppement web :/ J'ai des bonnes bases selon moi mais pas suffisant pour en faire des commandes
@void anvil ta pensé au repsonssive ?