Video en lettrine

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

Résolu Video en lettrine

Message par Hayari le Dim 29 Sep 2013 - 17:24

Bonjour! Voilà j'ai besoin d'aide pour mettre une vidéo en lettrine. J'ai fais un montage pour vous faire visualiser ce que j'avais en tête. Si oui, comment procéder? Je sais faire un peu de codage mais là je sais pas trop comment faire, merci d'avance! =)



Dernière édition par Hayari le Mer 2 Oct 2013 - 14:18, édité 1 fois

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Video en lettrine

Message par emc2 le Dim 29 Sep 2013 - 23:43

Peut-être en faisant un tableau de 2 sur 2, dans la première case en haut à gauche, la vidéo. en haut à droite, une partie du texte et en bas en rodspan 2 le reste du texte:

Code:
<table border="1">
     <tr><td>la vidéo</td><td>Texte en haut à droite</td></tr>
     <tr><td rowspan="2">texte en bas sur toute la largeur du tableau</td></tr>
    </table>
Le texte reste à être centré mis en page grâce à la balise br, et supprimer "border=1 lorsque la mise en page est terminée.

emc2
*****

Messages : 518
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Video en lettrine

Message par Hayari le Mar 1 Oct 2013 - 9:55

Bonjour!

ça marche plutôt bien mais je voulais savoir si il était possible de donner une largeur au tableau qui comprent la video et le texte du haut, comment faire?
Merci d'avance

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Video en lettrine

Message par emc2 le Mar 1 Oct 2013 - 22:22

Code:
<br>
Cette balise permet d'aller à la ligne, ce qui délimite naturellement la dimension du tableau:

video video video video texte texte texte texte texte texte texte texte br
video video video video texte texte texte texte texte texte texte texte br
video video video video texte texte texte texte texte texte texte texte br
texte texte texte texte texte texte texte texte texte texte texte texte br
texte texte texte texte texte texte texte texte texte texte texte texte br
texte texte texte texte texte texte texte texte texte texte texte texte br

emc2
*****

Messages : 518
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Video en lettrine

Message par Scoubifitz le Mar 1 Oct 2013 - 23:58

bonsoir,

comme ceci ?

Code:
<iframe width="280" height="157" style="float:left;padding-right:10px;" src="//www.youtube.com/embed/pY1_HrhwaXU?rel=0" frameborder="0" allowfullscreen></iframe><p style="text-align:justify;">Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum.<br>
 quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare.<br>
Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.<p>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Video en lettrine

Message par Hayari le Mer 2 Oct 2013 - 11:41

Bonjour! Merci pour vos deux reponses.
Dans la première astuce, j'ai pas oser mettre des br partout j'ai donc repris la seconde.
Scoubifitz, voici un aperçu de se que ça donne:

- Je voulais savoir si on pouvait remplacer la video, j'ai essayer mais la mienne se s’affiche pas! >< voici la video: http://www.youtube.com/watch?v=qK7R_bDoeOw
- Comme tu peut le constater, ça débordé sur le coté, j'aimerais bien qu'il soir aligner en dessous de la video, j'avais essayer un margin mais ça le centre! o.o

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Video en lettrine

Message par Scoubifitz le Mer 2 Oct 2013 - 12:47

Sur Youtube , je clique sur "Partager" , puis "intégrer" pour obtenir le code iframe de la vidéo .

Je rajoute ensuite un style à cette iframe pour qu'elle se comporte comme une lettrine et je réduis de moitié pour les dimensions de la vidéo ...

dans votre cas :

<iframe width="280" height="157" style="float:left;padding-right:10px;" src="//www.youtube.com/embed/qK7R_bDoeOw?rel=0" frameborder="0" allowfullscreen></iframe>
... et enfin , je mets les paragraphes dans un style justifié :

<p style="text-align:justify;">Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum.<br>
Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.<p>
Pour le décalage , il me faudrait plus de renseignements , comme :

Le code fourni est-il placé dans une page d'accueil ? une description de forum ? un message ?
Est-il intégré à un autre code ?
Y-a-t-il un CSS , un style avant le code qui pourrait décaler ? (margin , padding , first-line , fisrt-letter ...)

Le code complet pourrait aider ..

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Video en lettrine

Message par Hayari le Mer 2 Oct 2013 - 13:42

Oui, c’est placé dans une page d'accueil. J'essais aussi de l'aligner a un code.


Après je peut te fournir le code de la page d'accueil,
Code:
Code supprimer
coté css, si t'en a besoin je te rajouterais après, mais la pa comporte aussi un code javascript, et je ne sais pas le modifier.


Dernière édition par Hayari le Mer 2 Oct 2013 - 14:14, édité 1 fois

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Video en lettrine

Message par Scoubifitz le Mer 2 Oct 2013 - 14:09

Je pense que vous voulez aussi aligner le texte par rapport aux images au-dessus , c'est ça ?

Remplacez le code que je vous ai donné par celui ci :

Code:
<p style="text-align:justify; margin:auto;width:720px;"><iframe width="280" height="157" style="float:left;padding-right:10px;" src="//www.youtube.com/embed/qK7R_bDoeOw?rel=0" frameborder="0" allowfullscreen></iframe>Tokyo, capitale du Japon, des nouilles et ... Des y Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum.<br>
            Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.</p>
j'ai tout placé dans un paragraphe , auquel j'ai donné un style centré , justifié , et d'une largeur fixe .
Le texte commence directement après l'iframe .

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Video en lettrine

Message par Hayari le Mer 2 Oct 2013 - 14:13

Oui voilà je voulais l'aligner par rapport aux images, j'aurais du le préciser dès le début >< J'ai replacer et ça marche, c’est bien aligner comme je veux, merci encore Scoubifitz pour ton aide! et merci emc2 d'avoir essailler =)
sujet resolu

Hayari
****

Féminin
Messages : 230
Inscrit(e) le : 30/04/2012

http://t-i-s.forumactif.org/
Hayari a été remercié(e) par l'auteur de ce sujet.

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


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