1. artstaal
  2. Overige vragen
  3. maandag 20 november 2017
Naar aanleiding van de tips op de laatste bijeenkomst van de Leidse gebruikersgroep heb ik Shortcodes Ultimate aangeschaft en met succes als extensie geïnstalleerd op mijn website.
Nu wilde ik een filmpje plaatsen in de tekst.

Op die manier wil ik op een pagina een videofragment laten zien, met links van de film een doorlopende tekst.
Ik wil het filmpje dus niet over de hele breedte, dat vind ik niet mooi staan.
Nog mooier als ik het filmpje gecentreerd op een regel kan plaatsen.
Dan geen tekst er omheen, tekst erboven en eronder.
Maar dat lukt me niet, het filmpje (videofragment van Youtube) laat zich alleen links uitlijnen.
Hoe kan ik dit aanpassen? Of kan ik de shortcode niet bewerken?

Dit is de code:
[youtube url="https://www.youtube.com/watch?v=0Y78DmO368w" width="300" height="200" responsive="no"]</strong><strong style="font-size: 0.875em;">


De pagina waar ik het over heb vind je hier: http://arthurstaal.nl/natuur/excursieverslagen/48-wel-gekruisde-bekken-maar-geen-hop
Ik heb met wat kunstwerk het fragment in het midden gekregen, maar ben niet echt tevreden.
Het betreft het filmpje over de grauwe franjepoot.

Alvast dank voor je hulp,
Geaccepteerde antwoord
Margriet Geaccepteerde antwoord Pending Moderation
Het is niet handig om een driekoloms layout aan te passen qua css. Ik neem aan dat je zelf die drie kolommen verzonnen hebt en dat dat de niet zo nette oplossing is waar je naar verwijst. Ik zou de shortcode in een div zetten:

<div class="yt">[youtube url="https://www.youtube.com/watch?v=0Y78DmO368w" width="300" height="200" responsive="no"]</iframe></div>

En dan kan je hem met css stylen:

.yt {
float: right;
clear: both;
display: inline-flex;
margin-left: 15px;
}
Martijn Geaccepteerde antwoord Pending Moderation
Beheerder
Ik ken de extensie de je gebruikt niet, maar ik gebruik voor mijn video's altijd Sourcerer (de gratis versie voldoet).
https://www.regularlabs.com/extensions/sourcerer
Dit is de code die ik dan gebruik.
{source}<iframe width="187" height="105" src="//http://www.youtube.com/embed/6PWl4h0ZdTM" frameborder="0" allowfullscreen></iframe>{/source}

Indien je in de tekstverwerker deze code centreert, dan komt de video ook in het midden.
Misschien werkt jouw extensie ook zo?
https://www.reisverslagen.net
Vertaler van Joomla op Crowdin.
Vertaler van documentatie in het Joomla! vertaalteam.
Onderhoud van de Joomla! helpschermen.
  1. 4 weken geleden
  2. Overige vragen
  3. # 1
Patrick Smits Geaccepteerde antwoord Pending Moderation
Gebruikersgroep regio Utrecht
Als je de volgende code als override gebruikt moet het goed komen. De width:33% kun je zelf even instellen naar de gewenste grootte.


.su-responsive-media-yes iframe, .su-responsive-media-yes object, .su-responsive-media-yes embed {
left: 0;
top: 0;
width: 33%;
height: auto;
}

.su-column-size-medium-1-3, .su-column-size-medium-2-6 {
width: 100%;
}



Hoor graag of het zo lukt ;-)
  1. 3 weken geleden
  2. Overige vragen
  3. # 2
Wim (v/h tralala) Geaccepteerde antwoord Pending Moderation
Zet het filmpje in een div (dus niet binnen <p>-tags, ofwel niet als 'paragraph', en geef die als marge: 0 auto. Dus
“margin: 0 auto”

Of als je werkt met JCE als editor, kies dan voor Uitlijning: centreren. En klaar ben je.
Interlijn.nl, praktisch webdesign.
  1. 3 weken geleden
  2. Overige vragen
  3. # 3
artstaal Geaccepteerde antwoord Pending Moderation
Dank voor alle reacties. Ik ben net nieuw op dit forum, stel mijn eerste vraag en krijg direct veel positieve reacties. Vraagje aan Patrick:
Wat bedoel je met
Als je de volgende code als override gebruikt moet het goed komen. De width:33% kun je zelf even instellen naar de gewenste grootte.

Ben niet zo goed in html e.d. Moet ik deze tekst onder of boven de code zetten?
Alvast dank voor je hulp.
  1. 3 weken geleden
  2. Overige vragen
  3. # 4
Patrick Smits Geaccepteerde antwoord Pending Moderation
Gebruikersgroep regio Utrecht
De code moet in het css bestand worden gezet. Werkwijze is per template verschillende. Dus kijk bij de maker van de template hoe je een css regel kunt toevoegen aan de template. Let op! deze code dus niet in de html gaan plaatsen, want dat heeft geen zin.
  1. 3 weken geleden
  2. Overige vragen
  3. # 5
artstaal Geaccepteerde antwoord Pending Moderation
Dank voor je heldere uitleg. Maakt het nog uit waar ik het zet in het css bestand?
Ik gebruik templates van RS Joomla. Ben ik erg tevreden over. Ik gebruik RS Juno. Vind ik erg mooi. Moet ik het dan plaatsen in template.css? Fijn dat je me zo op weg helpt.
Het filmpje staat trouwens al aardig op zijn plaats.
Zie: http://arthurstaal.nl/natuur/excursieverslagen/48-wel-gekruisde-bekken-maar-geen-hop
Nogmaals dank,
Arthur Staal
  1. 3 weken geleden
  2. Overige vragen
  3. # 6
artstaal Geaccepteerde antwoord Pending Moderation
Margriet, dank voor je tip. Ik kom nu vast een stuk verder.
Het filmpje staat al aardig op de goede plaats.
Zie: http://arthurstaal.nl/natuur/excursieverslagen/48-wel-gekruisde-bekken-maar-geen-hop
Veel dank,
Arthur
  1. 3 weken geleden
  2. Overige vragen
  3. # 8
Patrick Smits Geaccepteerde antwoord Pending Moderation
Gebruikersgroep regio Utrecht
Waar de code in het css geplaatst mag/moet worden hangt af of het werkt of niet.
  1. 3 weken geleden
  2. Overige vragen
  3. # 9
Wim (v/h tralala) Geaccepteerde antwoord Pending Moderation
Waar precies je een regel css-code toevoegt maakt in beginsel niet uit. Maar omdat er vaak deels dubbeling of overlap plaatsvindt, is het belangrijk om dit te onthouden: de laatste regel geldt. Dus als je eerst opgeeft dat alle tekst zwart (#000) moet zijn, en daarna bepaalt dat sommige stukjes tekst donkergrijs moeten worden (bijv. #444), dan worden die stukjes donkergrijs. Maar als je die 'grijs-regel' helemaal bovenaan plaatst, wordt die overschreven door de algemene bepaling 'zwart'.
Overigens nooit code aanpassen in template.css. Want als je het template updatet, vervalt die aanpassing. Eigen code altijd zetten in custom.css.
Interlijn.nl, praktisch webdesign.
  1. 3 weken geleden
  2. Overige vragen
  3. # 10
artstaal Geaccepteerde antwoord Pending Moderation
Dank voor de tip. Prima, voortaan aanpassingen zetten in custom.css
Met deze tip kom ik weer een stuk verder. Super bedankt.
  1. 3 weken geleden
  2. Overige vragen
  3. # 11
  • Pagina :
  • 1


Er zijn nog geen reacties op dit bericht.
U mag echter niet reageren op dit bericht.