OnePage

Ladet den Download-Link und speichert die Zip-Datei auf eurem PC ab. Nun erstellt ihr im Ordner "C / Benutzer / Dokumente / Zeta Producer xx" einen neuen Ordner "articlegroups". Entpackt die herunter geladene ZIP-Datei und kopiert den kompletten Ordner in den neu erstellten Ordner "articlegroups".

Nun sollte der Inhalt unter Widgets / Inhalt verfügbar sein.

Diese Vorlage bezieht sich auf diese Seite. Genaueres ist HIER beschrieben.

Zuerst solltet ihr auf der Seite folgendes CSS einfügen.

CSS-Code

Diesen Code per Einstellungen > CSS einfügen und anpassen.

@media (max-width: 1280px) {
.navi{
	left: 97%;
	margin-left: 0;
}}
@media (max-width: 980px) {
.navi{
	display: none;
}}
/*#################################*/
.container-top {
height:100vh;
margin-top:-110px;
}
@media (max-width: 920px) {
.container-top {
height:100%;
margin-top:0;
}}
/*#################################*/
.container100 {
height:100vh;
}
@media (max-width: 920px) {
.container100 {
height:100%;
}}
/*#################################*/
.titel {
	margin-top:50px; 
}
.titel H1{
	color:#fff;
	font-size: 3em;
	    text-shadow:1px 1px #333,2px 2px #333,3px 3px #333,4px 4px #333,5px 5px #333,6px 6px #333;
	transition: all 0.2s ease;
}
/*#################################*/
.inhalt {
	margin-top:10%; 
	margin-bottom:10%; 
	color:#fff;
	background: rgba(0,0,0,0.8); 
	padding:20px;
	border-radius: 10px;
	transition: all 0.4s ease;
}
.inhalt:hover {
	background: rgba(0,0,0,0.95); 
}
@media (max-width: 1400px) {
.inhalt  {
	margin-top:3%; 
	margin-bottom:5%; 
}}
@media (max-width: 920px) {
.inhalt  {
	margin-top:0; 
	margin-bottom:0; 
}}
/*#################################*/
.schweben {margin:0 10px 25px 0;}
.hovering {
animation-name: hovering;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes hovering {
from {transform:translate(0, 0px);}
20% {transform:translate(0, -25px);}
80% {transform:translate(0, -25px);}
to {transform: translate(0, -0px);}
}
</style>

Quellcode markieren & kopieren

Nun die Artikelgruppe downloaden und wie oben beschrieben einfügen.

Download
"OnePage"

Anschließend müsst ihr noch die Pfeile am Ende jeden Containers sowie die einzelnen Punkte der Navigation am rechten Rand der Seite verlinken. Hierbei verlinkt ihr immer den ersten Artikel des jeweiligen Containers.

CSS-Code

NEUE BEITRÄGE