Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par Milouze14 Aujourd'hui à 5:11

» [TOUTES VERSIONS] Menu sur 2 colonnes
par fred9545 Hier à 18:43

» [PHPBB2] Cacher du contenu aux membres n'ayant pas assez de messages avec les balise hide
par Milouze14 Dim 13 Sep 2020 - 10:55

» [PHPBB2]Retirer les crochets des groupes dans le Qeel
par fred9545 Dim 9 Aoû 2020 - 18:53

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Morane Sam 1 Aoû 2020 - 17:30

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par clost Lun 13 Juil 2020 - 18:57

» [TOUTES VERSIONS] Afficher un bouton pour remonter en haut de page
par gigi60 Ven 3 Juil 2020 - 14:19

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par photoclic Lun 29 Juin 2020 - 10:59

» [TOUTES VERSIONS] Connexion automatique après inscription
par tritri Sam 27 Juin 2020 - 17:55

» [PHPBB2] Mettre en résolu via la réponse rapide
par Kaiji Mer 17 Juin 2020 - 13:45

» [PHPBB2] Supprimer directement un message sans retour
par Milouze14 Dim 7 Juin 2020 - 4:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

» [AWESOMEBB] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:38

» [INVISION] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:30

» [PUNBB] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:24

» [EDGE]Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:19

» [MODERNBB]Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:11

[PHPBB2]Encadrer les vidéos youtube et daylimotion

Voir le sujet précédent Voir le sujet suivant Aller en bas

fascicularia
fascicularia
Milouzien

Messagefascicularia le Mar 22 Jan 2019 - 17:26

Bonjour Philippe, 
du bidouillage de primaire mais, qui sait, cela intéressera peu être quelques membres.

Js sur les sujets
Code:
/*Encadrement youtube*/
$(function(){
$('.postbody').find('iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] ').wrap('<div id="video"></div>');
});

css
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;
}

Le résultat
[PHPBB2]Encadrer les vidéos youtube et daylimotion Sans_t33

Vois s'i y a des incohérences (moi et le codage, ça fait deux mdr )


Dernière édition par fascicularia le Mar 22 Jan 2019 - 17:35, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 22 Jan 2019 - 17:33

Hello Stéphane,
c'est assez sympa comme astuce,
pour moi c'est ok Stéphane hinhin .


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
fascicularia
fascicularia
Milouzien

Messagefascicularia le Mar 22 Jan 2019 - 17:35

ok, je prépare le tuto dans la soirée.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 22 Jan 2019 - 18:11

Oki Stéphane hinhin


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum