HKN

html knowhow

Bei Scrolling Farbe wechseln










Bei Scrolling Farbe wechseln

So sieht´s aus

Htmlknowhow möchte Ihnen keine Lehrstunde in html, css oder Java geben, sondern ganz praktische Tipps, wie Sie ihre Homepage optisch und inhaltlich verbessern können. Html, CSS und Java bieten da super Möglichkeiten der Webseiten-Gestaltung. Bevor Sie aber mit Ihrem Homepage-Projekt beginnen, sollten Sie sich über Grundsätzliches informieren, damit Sie wissen, was alles auf Sie zukommt. Ich gebe Homepage-Designern Tipps, wie sie ihren Webauftritt verbessern können.


Viele, die eine Webseite betreiben wollen, greifen auf vorgefertigt Seiten zurück. Die gibt es z.B. bei Ionos, Jamdo, Strato und vielen, vielen mehr. Aber wer etwas Individuelles haben möchte, der macht alles selber. Es lohnt sich garantiert. Ein Styling, das keinem anderen gleicht.
Quellcode
<html>
<head>
<script>
window.addEventListener("load", function() {
window.onscroll=function () {
let suns = document.querySelectorAll('.Rising').length;
for (var x = 0; x < suns; x++) {
var element = document.getElementsByClassName("Rising")[x].offsetTop
- document.getElementsByClassName("Block")[x].offsetHeight;
if (document.body.scrollTop > element ||
document.documentElement.scrollTop > element) {
document.getElementsByClassName("Rising")[x].classList.add("Sun");
}
else {
document.getElementsByClassName("Rising")[x].classList.remove("Sun");
}}}});
</script>

<style type="text/css">
div.Block {margin-top: 50px;padding: 25px;border: Solid 0px #000000;}
.Sun {background: lightblue;}
</style>
<head>

<body >
<div class="Rising Block">
Htmlknowhow möchte Ihnen keine Lehrstunde in html, css oder Java geben, sondern ganz praktische Tipps, wie Sie ihre Homepage optisch und inhaltlich verbessern können. Html, CSS und Java bieten da super Möglichkeiten der Webseiten-Gestaltung. Bevor Sie aber mit Ihrem Homepage-Projekt beginnen, sollten Sie sich über Grundsätzliches informieren, damit Sie wissen, was alles auf Sie zukommt. Ich gebe Homepage-Designern Tipps, wie sie ihren Webauftritt verbessern können.</div>
<br/><br/>

<img alt="" height="auto" src="../Bilder/life.jpg" width="80%" />

<div class="Rising Block">
Viele, die eine Webseite betreiben wollen, greifen auf vorgefertigt Seiten zurück. Die gibt es z.B. bei Ionos, Jamdo, Strato und vielen, vielen mehr. Aber wer etwas Individuelles haben möchte, der macht alles selber. Es lohnt sich garantiert. Ein Styling, das keinem anderen gleicht.
</div>

</body>
</html>








Kontakt    Datenschutz   Impressum