WSC 5 & WSC 3 HTML-Startseite (Free)

Gino Zantarelli · Jun 18th 2020

Hallo zusammen,

ich habe die kostenlose HTML-Startseitenvorlage überarbeitet auf Version 1.4 und hier im Shop zum Download eingefügt.

Changelog 1.4:

- Kleinere Codefehler gefixt

- Texte verbessert

- Preistabellen zugefügt

- Teamboxen zugefügt (nur HTML, verlinkt nicht zu offiziellen Teamseite)

- Darstellung von diversen Button verbessert

Wer sich noch einmal die Demoseite anschauen möchte: >>> Zur Demo <<<

Viel Freude damit...

Euer Gino

WSC 5 / WSC 3 HTML-Start Page DE / EN (Free) Instructions

Attractive homepage template based on HTML / Java Script for the WSC 5 / WSC 3 with various examples (german & english)

Foxly · Jul 30th 2020

Moin Gino,

wäre es hier möglich, dass du dir Scrollpoint 3 bezüglich mobiler Darstellung nochmal anssiehst (hochformat)? Die Bilder werden hier schon arg verzerrt dargestellt.

Schonmal ein Danke im vorraus

Gino Zantarelli · Jul 31st 2020

Hi,

ich habe die Bilderansicht nun verbessert und den Download im Shop aktualisiert.

Gino

Foxly · Jul 31st 2020

Besten Dank

Foxly · Sep 23rd 2020

Moin Gino,

ich versuche die mobile Darstellung der CounterBox (Smartphone + Tablet (portrait) screen-sm-down) kleiner darzustellen. Leider gelingt mir dies nicht so wirklich. Würdest du dir das mal in deiner Demo ansehen?

Ich wäre dir sehr dankbar.

Grüße

Gino Zantarelli · Sep 24th 2020

Hallo,

dafür müssten folgende Codeblöcke genutzt werden:

Code

#GZcustompagecontainer .row.section.counterbox .col-md-3 .fa {
    font-size: 140px;
}

CSS

#GZcustompagecontainer .counter-value.count-title {
    font-size: 30px !important;
    font-weight: 600;
    line-height: 1 !important;
    padding: 10px;
}

Das ganze immer mit einem !important erzwingen wenn möglich!

Gino

MichMeh · Oct 7th 2020

Moin Gino,

danke erstmal für die Kostenfreie Startseite.

Wo kann ich die Farbe der Trendline ändern?

Lg

Gino Zantarelli · Oct 7th 2020

Hi,

die Linie kannst du in folgender CSS-Definition anpassen:

Code

#GZcustompagecontainer .divider {
    border-top: 8px solid currentColor;
    margin: 30px 10%;
    opacity: .1;
}

Das currentColor durch deinen Farbcode ändern.

Gino

MichMeh · Oct 8th 2020

Vielen Dank

MichMeh · Oct 8th 2020

Code

#GZcustompagecontainer .divider {
border-top: 8px solid #000000;
margin: 30px 10%;
opacity: .1

Irgendwie klappt das nicht, der Code müsste dann so wie oben aussehen?

Die Liene verändert sich leider nicht.

Gino Zantarelli · Oct 8th 2020

Hi,

passe bitte noch den Opacity-Wert an (Transparenz der Linie ist im Original 0.1):

Code

#GZcustompagecontainer .divider {
    border-top: 8px solid #000000;
    margin: 30px 10%;
    opacity: 1;
}

Gino

MichMeh · Oct 9th 2020

Perfekt.

Danke Schön.

DIYLAB · Apr 19th 2021

Hallo,

ich würde sehr gern Teile der Startseite in einer HTML-Seite oder HTML-Box verwenden, z.B. den Hero-Bereich.

Das geht auch sehr gut, nur nimmt die Ansicht sich immer die komplette Breite und man sieht die rechte Sidebar nicht mehr.

Gibt es eine einfache Lösung, damit ich Hero und die rechte Sidebar verwenden kann?

VG

Edit: die Frage hat sich erledigt, ich hatte einen kleinen Knoten in die DIV-Containern raingebastelt - sorry!

Wolfseye · May 26th 2021

Code

#GZcustompagecontainer .herobg .buttonGroup {
margin-top: 40px;
margin-bottom: 80px;
justify-content: center;
}

Hi Gino,

wie kann ich denn von den o.g. Buttons der HTML Startseite die Hintergrundfarbe ändern bitte ?
Danke im Vorraus.

Gruß

Gerd

Gino Zantarelli · May 26th 2021

Hallo,

das ist bei diesen Buton nicht möglich da keine eigene Selektoren genutzt.

Gino

Wolfseye · May 26th 2021

Ok, danke.

Wolfseye · May 27th 2021

Ist es normal, das die HTML Startseite nicht volle Breite hat auf der Seite ?

Und ich habe geschaut, außer dem Footer sind irgendwelche Boxen auf der Seite aktiv. Wieso dann rechts der breite Abstand, als wenn da ne Box wäre ?

Danke im Vorraus.

Gruß
Gerd

Gino Zantarelli · May 27th 2021

Hi,

ich vermute du wirst wohl ein </div> zu viel oder zu wenig gelöscht haben in der Vorlage...

Gino

Wolfseye · May 27th 2021

Ist wahrscheinlich nicht mal eben rausfindbar, an welcher Stelle das sein könnte ?

Habs gefunden.

Wolfseye · May 27th 2021

Frage, wie kann ich innerhalb des HTML einen iFrame von Youtube einbinden ?

Code

<iframe width="300" height="160" src="Youtube Video Link" frameborder="0" allowfullscreen></iframe>

Das was ich probiert hab, und habs auch so im Woltlab Forum gefunden zum Thema Youtube & iFrame HTML, funktioniert nicht. Weil angeblich können / dürfen die Browser das nicht anzeigen.

Wieso gehen Youtube iFrame embeds nicht ?

WSC 5 / WSC 3 HTML-Start Page DE / EN (Free) Instructions

Share