Besoin d'aide box + iframe

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
A voir également:

2 réponses

Réponse 1 / 2
jordane45 Messages postés 40050 Date d'inscription   Statut Modérateur Dernière intervention   4 758
 
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>

1
Tomcdr
 
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);
0
jordane45 Messages postés 40050 Date d'inscription   Statut Modérateur Dernière intervention   4 758 > Tomcdr
 
Je t'ai donné la solution pourquoi ne l'as-tu pas appliquée ?
0
Tomcdr
 
J'ai appliqué ce que vous m'avez dit merci beaucoup

Bonne soirée
0
Réponse 2 / 2
jordane45 Messages postés 40050 Date d'inscription   Statut Modérateur Dernière intervention   4 758
 
Bonjour
Via quel langage de programmation ?
Comment edt fait ta box ? Quel code ?
Qu'as tu essayé ?
Sur quoi bloques tu ?
0
Tomcdr
 
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
0

Discussions similaires

Avoir la télé sans box internet - avec la prise RJ45
Indy31 -
baladur13 -

1 réponse
Seule le voyant d'alimentation de mon box plus de sfr s'allume
Tangeline -
Tangeline -

2 réponses
Plus aucuns voyant a part le voyant Power sur ma neufbox
Entaax -
kaumune -

5 réponses