Derniers sujets*
» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par Roza Aujourd'hui à 11:07
» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par clost Sam 17 Avr 2021 - 12:03
» [MODERNBB] Supprimer l'effet scroll sur la barre de navigation
par Milouze14 Lun 12 Avr 2021 - 7:56
» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Serah Sam 10 Avr 2021 - 22:48
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Stefano36 Mer 31 Mar 2021 - 21:57
» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Constellation Mer 31 Mar 2021 - 1:59
» [PHPBB2] Remplacer le mot Invité
par Constellation Mer 31 Mar 2021 - 1:37
» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Constellation Mer 31 Mar 2021 - 1:31
» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Constellation Mer 31 Mar 2021 - 1:30
» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
par Constellation Mer 31 Mar 2021 - 1:24
» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par Constellation Mer 31 Mar 2021 - 1:14
» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Constellation Mar 30 Mar 2021 - 22:53
» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Constellation Mar 30 Mar 2021 - 22:50
» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Milouze14 Mar 30 Mar 2021 - 6:14
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par Constellation Dim 28 Mar 2021 - 19:34
» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par Constellation Dim 28 Mar 2021 - 19:31
» [TOUTES VERSIONS] Modifier les menus défilant de l'éditeur
par Milouze14 Lun 22 Mar 2021 - 7:30
» [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris
par photoclic Dim 21 Mar 2021 - 19:24
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
par Roza Aujourd'hui à 11:07
» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par clost Sam 17 Avr 2021 - 12:03
» [MODERNBB] Supprimer l'effet scroll sur la barre de navigation
par Milouze14 Lun 12 Avr 2021 - 7:56
» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Serah Sam 10 Avr 2021 - 22:48
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Stefano36 Mer 31 Mar 2021 - 21:57
» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Constellation Mer 31 Mar 2021 - 1:59
» [PHPBB2] Remplacer le mot Invité
par Constellation Mer 31 Mar 2021 - 1:37
» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Constellation Mer 31 Mar 2021 - 1:31
» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Constellation Mer 31 Mar 2021 - 1:30
» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
par Constellation Mer 31 Mar 2021 - 1:24
» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par Constellation Mer 31 Mar 2021 - 1:14
» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Constellation Mar 30 Mar 2021 - 22:53
» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Constellation Mar 30 Mar 2021 - 22:50
» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Milouze14 Mar 30 Mar 2021 - 6:14
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par Constellation Dim 28 Mar 2021 - 19:34
» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par Constellation Dim 28 Mar 2021 - 19:31
» [TOUTES VERSIONS] Modifier les menus défilant de l'éditeur
par Milouze14 Lun 22 Mar 2021 - 7:30
» [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris
par photoclic Dim 21 Mar 2021 - 19:24
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
Les statistiques du forum
[PHPBB2]Encadrer les vidéos youtube et daylimotion
Page 1 sur 1 • Partagez
Bonjour à tous,
un petit bidouillage qui vous permettra d'encadrer les vidéos de Youtube et Daylimotion.
Un visuel pour commencer :
![[PHPBB2]Encadrer les vidéos youtube et daylimotion Sans_t33](https://i.servimg.com/u/f74/11/93/85/24/sans_t33.png)
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mets un titre explicite.
Coches sur les sujets.
Déposes ceci:
Penses a cliquer sur le bouton Valider
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposes ceci:
Un petit explicatif :
iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] va gérer l'encadrement immédiat de la vidéo.
div#video:before va permettre d'insérer une partie au dessus de la vidéo (le div est généré par le js)
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports
un petit bidouillage qui vous permettra d'encadrer les vidéos de Youtube et Daylimotion.
Un visuel pour commencer :
![[PHPBB2]Encadrer les vidéos youtube et daylimotion Sans_t33](https://i.servimg.com/u/f74/11/93/85/24/sans_t33.png)
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mets un titre explicite.
Coches sur les sujets.
Déposes ceci:
- Code:
/*Encadrement youtube et dalymotion*/
$(function(){
$('.postbody').find('iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] ').wrap('<div id="video"></div>');
});
Penses a cliquer sur le bouton Valider
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposes ceci:
- Code:
iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] {
width:560px;
background-color: #fff;
padding: 7px!important;
box-shadow: 2px 2px 15px 0 #000;
display: block;
margin: auto;
}
div#video:before {
content: "";
background-color: #fafafa;
height: 30px;
border: 8px solid #fff;
display: block;
Width: 550px;
box-shadow: 2px 2px 15px 0 #000;
margin: auto;
padding-left: 4px;
padding-right: 4px;
}
Un petit explicatif :
iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] va gérer l'encadrement immédiat de la vidéo.
div#video:before va permettre d'insérer une partie au dessus de la vidéo (le div est généré par le js)
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![]() |
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide

https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par fascicularia le Dim 27 Jan 2019 - 14:02, édité 1 fois
NOUVELLE BARRE DE NAVIGATION
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum