Do it yourself: CSS für Profil und Blog

@Luminita
Hatte ich auch schon mal vor, konnten uns aber noch nicht einmal über die Kritiken usw. einigen! 😄

aspie schrieb:Kann man auch Bilder nebeneinander platzieren?

Das geht auch. :Y:

Ich habe folgendes Problem:

Wenn ich mein aktuelles Profil in der mobilen Ansicht und mit der aktiven Berührungssimulation im Firefox teste, sieht das Ganze so aus:



Das ist natürlich auch im Online-Modus meines Profils so.

Rechts bleibt ein etwa 20% breiter Rand, der in der Landscape- Ansicht aber wegfällt. Klar, dass mir dieser Platz für eine saubere mobile Ansicht fehlt.

Hat jemand eine Ahnung woran das liegen könnte? Derzeit gehe ich davon aus, dass es an der Allmy-Technik liegt, denn außerhalb von Allmy wird mein Profil ohne diesen Rand dargestellt.

DANKE derweil!

@S_C

Das scheint irgendwie durch die .user_view Blöcke zu kommen, wenn ich die auf display: none setze dann ist der Balken weg.

@dns
Ja, es lag an den .user_view Blöcke :Y: DANKE! War definitiv zu spät zum tüfteln :)

Hallo @dns!

Ist es möglich, im Profil den Viewport Meta Tag

<meta name="viewport" content="width=device-width, initial-scale=1">

für die mobile Ansicht einzubauen?

S_C schrieb:Ist es möglich, im Profil den Viewport Meta Tag

Habs eingebaut. :ok:

Ford schrieb am 12.04.2020:Dazu bei YouTube unter dem Video auf "Teilen" und dann auf "Einbetten" klicken. Den dort stehenden Link kopieren.

Bei mir kommt da nichts mit Einbetten.
Wie gehe ich denn dann vor?

@Cherokeerose
Machst du das am PC oder am Handy?

Mittlerweile hat YouTube sein Design umgestellt... Unter dem Video ist in der Desptopversion eine Schaltfläche mit einem Pfeil, die "Teilen" heißen müsste. Da draufklicken und dann öffnet sich ein kleines Fenster mit verschiedenen Symbolen von zum Beispiel Facebook, Twitter usw. Ganz links müsste eine Schaltfläche namens "Einbetten" stehen, die das Symbol < > trägt. Klickst du da drauf, erhälst du den Code zum einbetten.

Beispiel: (füge beim XXXXX den Videocode aus der URL eines bliebigen Videos ein.
<iframe width="560" height="315" src="https://www.youtube.com/embed/XXXXX" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


ACHTUNG!
Schau auf den Link in diesem Code genau hin. Du darfst nicht einfach den kompletten Link aus der Adresszeile nehmen. Der aus der Adresszeile hat mittendrin den Text /watch?v= und der aus dem Code den Text /embed/!

@Ford
Mit Handy.
Wenn ich auf Teilen klicke kommt eben nichts mit Einbetten

Cherokeerose schrieb:Mit Handy.
Wenn ich auf Teilen klicke kommt eben nichts mit Einbetten

Hast du einen PC zur Verfügung? Dann würde ich einfach diesen verwenden, bevor es hier noch komplizierter wird. Oder du nimmst einfach den Videocode (aus der URL über den Browser) und fügst den in den Code von @Ford ein, er hat dir das ja netterweise alles schon vorgeschrieben inkl. dem embed drin.

Luminita schrieb:Oder du nimmst einfach den Videocode (aus der URL über den Browser) und fügst den in den Code von @Ford ein, er hat dir das ja netterweise alles schon vorgeschrieben inkl. dem embed drin.

Super!
Das werde ich später so machen!

Danke dir und @Ford

@Luminita
@Ford
Hat geklappt.
Danke für die Hilfe

@Cherokeerose
Gerne. ;)

Mach sowas eher am PC bzw. Laptop im Browser. Das geht viel angenehmer. Wenn du sowas nicht hast, dann öffne YouTube am Handy im Browser (nicht per App) und wähle die Desktopansicht aus. Dann siehst aus wie am PC und du kriegst in dem Menüs die notwendigen Codes.

Vor allem kannst du am PC bzw. Laptop per Rechtsklick im Quellcode suchen und anderen Usern ihre toll gemachten Ideen klauen und einfach den Code für dein Profil kopieren. :troll:

Ford schrieb:Vor allem kannst du am PC bzw. Laptop per Rechtsklick im Quellcode suchen und anderen Usern ihre toll gemachten Ideen klauen und einfach den Code für dein Profil kopieren. :troll:

Ich meine gesehen zu haben, dass das nicht mehr geht. :D

Ciela schrieb:Ich meine gesehen zu haben, dass das nicht mehr geht. :D

Im Quellcode sieht man es nicht mehr, bzw. nur encoded, aber im Webinspector (Browser-Console) bekommt man den Code mit:

decodeURIComponent(allmystery.data.profile_content)

Ford schrieb:Vor allem kannst du am PC bzw. Laptop per Rechtsklick im Quellcode suchen und anderen Usern ihre toll gemachten Ideen klauen und einfach den Code für dein Profil kopieren. :troll:

Wäre zwar einfach aber ich will das etwas verstehen und lernen wie es funktioniert

Cherokeerose schrieb:Wäre zwar einfach aber ich will das etwas verstehen und lernen wie es funktioniert

Das geht auch durchs Klauen ;) Wenn man sich dann noch genau anschaut, welches Element was macht und wie es sicher verändert, wenn man Parameter verändert, dann lernt man dabei. :)

dns schrieb:Im Quellcode sieht man es nicht mehr, bzw. nur encoded, aber im Webinspector (Browser-Console) bekommt man den Code mit:

decodeURIComponent(allmystery.data.profile_content)

Garnicht mitbekommen, dass das so nicht mehr geht.
Aber danke für den neuen Tipp. :troll:

Luminita schrieb:Das geht auch durchs Klauen ;) Wenn man sich dann noch genau anschaut, welches Element was macht und wie es sicher verändert, wenn man Parameter verändert, dann lernt man dabei. :)

Jup. Bei anderen abgucken, probieren, freuen. So ähnlich hab ichs auch gemacht.

dns schrieb am 17.09.2020:S_C schrieb:
Ist es möglich, im Profil den Viewport Meta Tag

Habs eingebaut. :ok:

DANKE! 👍