Startseite
Neueste Bilder
Suchen
Anmelden
LoginHTML-Tutorial | Scrollboxen
2 verfasser
:: Aufbauhilfe :: Tutorials :: Coding
Seite 1 von 1
HTML-Tutorial | Scrollboxen
von Neovine So 12 Nov 2017 - 17:35
Guten Tag!
Heute würde ich Euch gerne einen HMTL-Code zu Scrollboxen zeigen.
Fertiges Aussehen der Scrollbox:
Code:
Wer sich nicht mit dem Einfügen ins HTML auskennt - hier wird der Text eingefügt:
Die Bestandteile des Code's:
overflow: Bleibt bestehen, dies erzeugt den Scrolleffekt.
height: Die Höhe der Scrollbox.
width: Die Breite der Scrollbox.
(Wenn Ihr anstatt einer Pixelgröße px - auto einsetzt, passt sich die Höhe und die Breite automatisch der Auflösung des Beitrags an.)
padding:0px 0px 0px 0px
Die Abstände zum Text in der Scrollbar ...
... oben
______________________________
... rechts/zur Bildlaufleiste
______________________________
... unten
______________________________
... links
Der Code sollte Aufjedenfall problemlos in Beiträgen und im Administrations-Bereich von Forumieren funktionieren.
Bei Fragen oder Anmerkungen, einfach melden!
Liebe Grüße
Heute würde ich Euch gerne einen HMTL-Code zu Scrollboxen zeigen.
Fertiges Aussehen der Scrollbox:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porttitor eleifend metus eu laoreet. Sed efficitur tincidunt consequat. Integer diam urna, auctor nec rutrum a, laoreet non risus. Vivamus luctus odio ut turpis maximus tristique. Praesent posuere maximus scelerisque. Sed quam arcu, fringilla in risus id, dictum dignissim lectus. Aenean posuere pulvinar leo non consequat. Aenean neque elit, venenatis eu pharetra eget, laoreet eu dolor. Maecenas quis erat eget arcu efficitur eleifend vel at enim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porttitor eleifend metus eu laoreet. Sed efficitur tincidunt consequat. Integer diam urna, auctor nec rutrum a, laoreet non risus. Vivamus luctus odio ut turpis maximus tristique. Praesent posuere maximus scelerisque. Sed quam arcu, fringilla in risus id, dictum dignissim lectus. Aenean posuere pulvinar leo non consequat. Aenean neque elit, venenatis eu pharetra eget, laoreet eu dolor. Maecenas quis erat eget arcu efficitur eleifend vel at enim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porttitor eleifend metus eu laoreet. Sed efficitur tincidunt consequat. Integer diam urna, auctor nec rutrum a, laoreet non risus. Vivamus luctus odio ut turpis maximus tristique. Praesent posuere maximus scelerisque. Sed quam arcu, fringilla in risus id, dictum dignissim lectus. Aenean posuere pulvinar leo non consequat. Aenean neque elit, venenatis eu pharetra eget, laoreet eu dolor. Maecenas quis erat eget arcu efficitur eleifend vel at enim.
Code:
- Code:
<div style="padding:0px 0px 0px 0px; overflow:auto; height:0px; width:0px"> </div>
Wer sich nicht mit dem Einfügen ins HTML auskennt - hier wird der Text eingefügt:
Die Bestandteile des Code's:
overflow: Bleibt bestehen, dies erzeugt den Scrolleffekt.
height: Die Höhe der Scrollbox.
width: Die Breite der Scrollbox.
(Wenn Ihr anstatt einer Pixelgröße px - auto einsetzt, passt sich die Höhe und die Breite automatisch der Auflösung des Beitrags an.)
padding:0px 0px 0px 0px
Die Abstände zum Text in der Scrollbar ...
... oben
______________________________
... rechts/zur Bildlaufleiste
______________________________
... unten
______________________________
... links
Der Code sollte Aufjedenfall problemlos in Beiträgen und im Administrations-Bereich von Forumieren funktionieren.
Bei Fragen oder Anmerkungen, einfach melden!
Liebe Grüße
Neovine- Laune : Aktiv
Anzahl der Beiträge : 13
Anmeldedatum : 04.10.17 -
Dream Chaser- Laune : Vorerst Geschlossen, im Aufbau
Anzahl der Beiträge : 3
Anmeldedatum : 10.11.17 -
Re: HTML-Tutorial | Scrollboxen
von Neovine Mo 13 Nov 2017 - 22:50
Sehr gerne, freut mich, dass Dir das Tutorial wohl gefallen/geholfen hat.
Neovine- Laune : Aktiv
Anzahl der Beiträge : 13
Anmeldedatum : 04.10.17 -
:: Aufbauhilfe :: Tutorials :: Coding
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten|
|
|