Besoin d'aide box + iframe
Tomcdr
-
Tomcdr -
Tomcdr -
Bonjour, j'aurais besoin de votre aide enfaite je suis nul en codage mais j'ai fais une box et j'aimerais mettre le iframe discord dedans voici une image : https://prnt.sc/1xugsin
Voila merci en avance
Voila merci en avance
2 réponses
-
Bonjour,
Et qu'as tu essayé ?? car là.. je ne vois pas ton IFRAME dans le code...
A noter qu'il devrait suffire de la mettre dans ta div<div class="card"> <iframe class="discord" src="https://discordapp.com/widget?id=TON_ID&theme=dark"/> </div>
-
Bonsoir voici tout mon code :
HTML :<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>???? MoonCitrouille</title>
</head>
<body>
<div style="position:center; height:200px;width: 6em">
<div style="position:absolute;z-index:1">
<p align="center"><iframe src="https://discord.com/widget?id=899006135909113907&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe></p>
</div>
</div>
</div>
<img src =https://freellustrustrations.s3.us-east-2.amazonaws.com/free-images/freeimg_47841037freejpg850.jpg id=fondecran class=fondecran alt=/>
<div class="card"></div>
CSS :
#fondecran {
/* Fixe l'image en haut à gauche de la page */
position: fixed;
top: 0;
left: 0;
/* Préserve le ratio de l'image */
min-width: 100%;
min-height: 100%;
}
body {
justify-content: center;
align-items: center;
display: flex;
min-height: 100vh;
height: 100vh;
}- { margin: 0; padding: 0; box-sizing: border-box;}.card { position: relative; width: 350px; height: 530px; background: #fff; border-radius: 30px; box-shadow: inset 5px 5px 15px rgba(0,0,0.15), inset -5px -5px 15px rgba(255,255,255,0.15), 5px 5px 15px rgba(0,0,0.15), -5px -5px 15px rgba(255,255,255,0.15);}.card::before{ content: ''; position: absolute; inset: 5px; background: #fff; border-radius: 35px; transition: 0.5s;}.card:hover:before{ transform: translate(40px, -40px); box-shadow: -30px 30px 50px rgba(0,0,0,0.25);
-
-
-
Bonjour
Via quel langage de programmation ?
Comment edt fait ta box ? Quel code ?
Qu'as tu essayé ?
Sur quoi bloques tu ?
-
HTML / CSS
<div class="card"></div>
body { justify-content: center; align-items: center; display: flex; min-height: 100vh; height: 100vh; } * { margin: 0; padding: 0; box-sizing: border-box; } .card { position: relative; width: 350px; height: 530px; background: #fff; border-radius: 30px; box-shadow: inset 5px 5px 15px rgba(0,0,0.15), inset -5px -5px 15px rgba(255,255,255,0.15), 5px 5px 15px rgba(0,0,0.15), -5px -5px 15px rgba(255,255,255,0.15);}.card::before{ content: ''; position: absolute; inset: 5px; background: #fff; border-radius: 35px; transition: 0.5s;} .card:hover:before{ transform: translate(40px, -40px); box-shadow: -30px 30px 50px rgba(0,0,0,0.25);
J'ai essayé de mettre dessus mais je n'ai pas reussi
Je bloque sur comment mettre l'iframe sur la boîte en question
EDIT: Correction des BALISES DE CODE
EDIT²: Déplacement du sujet dans le forum HTML
-
