Weiter-Lesen Button über transparenten Teaser-Text

[VGT]

Wie ließe sich der Effekt (weiß nicht mal genau wie man den benennt): "Read More Button over text with some transparency" | frei nach Onkel Google |
mit Contao bewerkstelligen. Gibt es eine Extension?
Sieht man auf Seiten, wo der Teaser Text langsam verblasst und z.B. nur mit Bezahlung weiter zu lesen ist ...

[tab]

Das kann sowohl mit CSS als auch mit Javascript gemacht werden.

[derRenner]

Wie @tab schon schreibt ist dieser Effekt mit JS und/oder CSS möglich.
Verbinden würde ich das ganze mit der Anzeige "wenn Gast" bzw. "wenn Mitglied". Als Gast erscheint der Effekt und die Möglichkeit sich anzumelden und/oder einzuloggen und als eingeloggtes Mitglied erscheint dieser Effekt eben nicht und du bekommst sogleich den kompletten Content angezeigt, oder einen Weiterlesen-Button

[zonky]

hmm? stellt sich mir die Frage nach der Sinnhaftigkeit...

Der Teasertext soll doch animieren (gegen Bezahlung) den eigentlichen Haupttext zu lesen - und der wird doch wohl nicht schom im Quelltext "versteckt" enthalten sein :-)

also warum "den Wurm am Angelhaken" unsichtbar machen?!?

[tab]

hmm? stellt sich mir die Frage nach der Sinnhaftigkeit...

Der Teasertext soll doch animieren (gegen Bezahlung) den eigentlichen Haupttext zu lesen - und der wird doch wohl nicht schom im Quelltext "versteckt" enthalten sein :-)

also warum "den Wurm am Angelhaken" unsichtbar machen?!?

Ja, der Haupttext sollte besser nicht schon im Quelltext drin sein. Ist er aber oft, allerdings dann meist überlagert von einem Overlay. Das reicht wohl für 95% der potenziellen Leser. Aber natürlich kann man dann entweder im Quelltext lesen oder man macht in den Browsertools den drüberliegenden Layer einfach weg oder durchsichtig.

[zonky]

dafür habe ich Scripts in Greasemonkey...

[VGT]

Ja, der Haupttext sollte besser nicht schon im Quelltext drin sein. Ist er aber oft, allerdings dann meist überlagert von einem Overlay. Das reicht wohl für 95% der potenziellen Leser. Aber natürlich kann man dann entweder im Quelltext lesen oder man macht in den Browsertools den drüberliegenden Layer einfach weg oder durchsichtig.

Wäre nur kleine Spielerei gewesen den Teasertext mit 'opacity' langsam unsichtbar werden lassen um z.B. am Teaserende mittels Downloadlink auf geschützten Bereich zu verlinken; kann ich aber natürlich auch einfacher machen ohne Teaser drei Textzeilen schreiben und mittels 'opacity' formatieren und dann den Downloadlink setzen ....
Danke für die Anregungen, ich komme zur Überzeugung diese "Spielerei" zu verwerfen ....
Haupttext im Quelltext macht ja keinen Sinn wenn man den mit Browsertools wieder sichtbar macht.

[lucina]

Wobei Du an der Stelle vermutlich mit opacity nicht wirklich weit kommst, den das vererbt sich. Eine Hintergrundfrage a la rgba(0, 0, 255, 0.5) /* 50% opaque blue */, möglicherweise mit einem Gradienten kombiniert, ist hier die bessere Lösung.

[VGT]

@lucina : danke, habe mir daraufhin die Varianten opacity und rgba auf w3schools.com angesehen. ; wie gesagt, es bleibt für mich eigentlich nur eine Spielerei, aber vielleicht nutzt es jemand anderem ....