Besoin d'aide box + iframe

Fermé

Tomcdr - 30 oct. 2021 à 17:31
Tomcdr - 31 oct. 2021 à 00:09

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:

Besoin d'aide box + iframe
Tera box - Télécharger - Stockage
Adresse ip box - Guide
Music box pro - Télécharger - Lecture & Playlists
Up to box - Accueil - Guide services en ligne
Mycanal box africa ✓ - Forum Box et Streaming vidéo

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38299 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 novembre 2024 4 704
30 oct. 2021 à 21:29

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>

Tomcdr
30 oct. 2021 à 21:44

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);

jordane45 Messages postés 38299 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 novembre 2024 4 704 > Tomcdr
30 oct. 2021 à 22:10

Je t'ai donné la solution pourquoi ne l'as-tu pas appliquée ?

Tomcdr
31 oct. 2021 à 00:09

J'ai appliqué ce que vous m'avez dit merci beaucoup

Bonne soirée

Réponse 2 / 2

jordane45 Messages postés 38299 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 novembre 2024 4 704
30 oct. 2021 à 18:58

Bonjour
Via quel langage de programmation ?
Comment edt fait ta box ? Quel code ?
Qu'as tu essayé ?
Sur quoi bloques tu ?

Tomcdr
Modifié le 30 oct. 2021 à 21:23

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

Discussions similaires

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

Seule le voyant d'alimentation de mon box plus de sfr s'allume

my.canalbox.africa changer le mot de passe

Arnaque du site light in the box

Brancher la free box à une TV à distance