Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.01.2017 um 18:18 (UTC)    
Titel: Iceblue - Youtube Filme mit Rahmen [Erledigt]

Moinsen!

ich möchte um alle Youtubefilme auf unserer Seite einen Rahmen setzen.
Welchen CSS Code müsste ich über das Design packen?
Wie müsste ich den Youtubecode ändern?
Zitat:
<iframe width="560" height="315" src="https://www.youtube.com/embed/VW0-ZiNHAzU" frameborder="0" allowfullscreen></iframe>


Danke für eure Hilfe!
______________
Gruß von Sven von



Zuletzt bearbeitet von sifle am 11.01.2017, 09:30, insgesamt einmal bearbeitet
Beitrag09.01.2017 um 22:11 (UTC)    
Titel:

Hallo,

mit CSS ist das gar kein Problem:
Das Youtube-Video wird über das HTML-Element <iframe> eingebunden. Mit CSS kannst du alle iframe-Elemente auswählen:
Zitat:
iframe {
border-width: 5px;
border-style: solid;
border-color: #ABCDEF;
}

Dieser Code müsste dann über das Design, am besten hinter <style type="text/css"> <!-- oder vor --> </style>.
Grün: Die Rahmendicke in Pixel (px)
Blau: Der Rahmenstil, hier eine einfache Linie (es gibt ca. ein halbes Dutzend)
Orange: Die Rahmenfarbe, als Farbcode oder erlaubter Farbname

Angenommen, du willst nur dieses eine Youtube-Video mit einem Rahmen versehen, oder mit einem anderen Rahmen als die anderen, dann fügst du in den iframe-Tag ein Style-Attribut ein, in dem dasselbe drinsteht wie in dem Code oben:
Zitat:
<iframe style="border-width: 5px; border-style: solid; border-color: #ABCDEF;" width="560" height="315" src="https://www.youtube.com/embed/VW0-ZiNHAzU" frameborder="0" allowfullscreen></iframe>

Der obenstehende Code ist violett eingefärbt Wink

Das Ergebnis kannst du dir auch hier anschauen:
http://transint-flexible.de.tl/Rahmen-um-Iframes.htm

Gruß, TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag10.01.2017 um 05:39 (UTC)    
Titel:

Perfekt! - Danke!
Jetzt ist das Thema für Später/Andere auch hoffentlich in der Forensuche zu finden Wink
______________
Gruß von Sven von

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de