030 - 403 61 17 40   info@bgpr.de Di. & Do.: 10:00 bis 14:00 Uhr     Mitgliederportal

Module Variationen

Das Theme kommt mit vielen verschiedenen Modul Styles, sowie badges und Icons. Die Konfiguration der Module können in den Template Settings eingestellt werden. Unten aufgelistet finden sie Modul Style, Klassen sowie Icons und Badges:

Class: uk-text-center circle, headline-center-border
Animation: No, Fade, Scale Up, Scale Down, Slide Top/Bottom/Left/Right
Repeat: On, Off
Style: Default, Box, Box Primary/Secondary, Header, Space, Blank
Icon: 500 Icons (Font Awesome)
Badge: Success, Warning, Danger
Display: Desktop, Pad, Phone

Demo Image

UiKit

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Article title

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="myclass">...</div>

text-muted
text-info
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous
  • Author

    May 2, 2090 at 1:55 pm

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%
55%
55%
55%
Form states
Form styles


  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.

All UIkit Typo, Core & Compontents

Dummy Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Features

The general theme section allows you to control the behaviour and the overall appearance of your theme.

Style

The style section contains the customizer. Hit the Customizer button to add your own style or to modify an existing style. After the customizer is loaded, you can easily customize colors, fonts, margins and even more settings of the theme. The customizer saves only the modified variables and automatically compiles them into CSS.


Screenshots

Demo Image Demo Image Demo Image Demo Image

Module Positions

Module Layout

module-layout

Das Theme enthält viele verschiedene Modul Positionen. Die blau markierten Positionen können verschieden Layouts haben, siehe Bild links:

parallel, first-doubled, last-doubled or stacked

parallel = Alle Module prozentual nebeneinander first doubled = Das erste Modul doppelte Größe last doubled = Das letzte Modul doppelte Größe stacked = Alle Module untereinander

 

Column Layout

module-layout

Die zwei Sidebars, rechts und links (rot markiert) vom Joomla Inhalt können ebenfalls verschiedene Größen haben. Des Weiteren können diese Module links sowie auch rechts positioniert werden.

 

 Module Positions

module-layout

Customizer inklusive

Der Warp7 "Customizer" kann grundlegende Einstellungen des Template ändern auch ohne CSS Kenntnisse.

Mit dem Customizer können sie "fast" Alles ändern, doch manchmal ist es ratsam bzw. schneller die Änderungen in der css/custom.css zu tätigen

Im Standard Modus erhält der Customizer lediglich einige Einstelluneg, wenn sie Advanced klicken, sehen sie weitere Einstellungen. Da die Einstellungen von Template zu Template unterschiedlich sind, macht es keinen Sinn all die Funktionen hier aufzulisten.

Mode Description
Advanced mode Wenn sie Advanced aktivieren, stehen ihnen weitere Customizer Funktionen zur Verfügung.
More Im Advanced Mode sehen sie auch öfters den Button (More). Dieser erlaubt eine weitere Einstllung für die Kategorie. Das @ Symbol ist eine Standrdeinstellung die sie jedoch auch ändern können
Aus Performance Gründen ist es empfohlen, alle Browser Entwicklungs Werkzeuge während des Customizer zu deaktivieren.

Wie erstellen sie einen neuen Style

  1. Wählen sie ihren gewünschten Style
  2. Klicken sie Copy und vergeben dem neuen Style einen Namen.
  3. Nun können sie ihren eigenen Style bearbeiten.
  4. Wenn sie Alles editiert haben, klicken sie Save und der Customizer speichert ihren neuen Style in Ordner: /styles/STYLE-NAME/style.less
Bitte editieren sie niemals einen von uns zuvor definierten Style. Diese vordefinierten Styles werden nämlich bei einem Template Update wieder überschrieben.

Smooth Scroll Funktion

Sie können mit dem Template auch ein wunderschönes "Onepage" Design" entwerfen, da wir eine moderne smooth-scroll Funktion eingefügt haben. Demnach können sie zu jedem Modul in folgenden Sektionen scrollen:

Sektionen sind: home, top-a, top-b, top-c, top-d, top-e, top-f, main-content, bottom-a, bottom-b, bottom-c, bottom-d, bottom-e, bottom-f

Beispiel: Scroll to home

Scroll

Sidebar Left

[module-245]

Gesundes Herz

Sehr geehrte Herzpatienten und Familienangehörige,

nach einer koronaren Herzerkrankung und erfolgter Rehabilitation wird Ihnen Ihr Arzt die Fortführung Ihrer Rehabilitation in einer ambulanten Herzgruppe empfohlen und verordnet haben. Als Landesorganisation der Deutschen Gesellschaft für Prävention und Rehabilitation von Herz-Kreislauferkrankungen e.V. (DGPR) sind wir für das Land Berlin Ihr Ansprechpartner bei der Suche nach wohnortnaher Herzgruppen. Auf unserer Webseite finden Sie umfangreiche Informationen rund um die Thematik der Berliner Herzgruppen. Wir, die BGPR, bildet Herz-Gruppenleiter aus, zertifiziert die Herzgruppen und sorgt im Qualitätsmanagment für die Einhaltung der gesetzlichen Vorgaben. So können Sie mit einem guten und sicheren Gefühl in den Herzgruppen der BGPR Ihre Heilanschlussbehandlung fortsetzen.

 


 

Gesundes Herz - Patienteninformationen

Sektion Hintergrundbilder

Jede Sektion, in dem die Modul publiziert werden, kann ein eigenes Hintergrundbild haben. DIe Hintergrundbilder können bequem über das Backend ausgewählt werden.

Sections are:top-a, top-b, top-c, top-d, top-e, top-f,bottom-a, bottom-b, bottom-c, bottom-d, bottom-e, bottom-f

Section BG
  • 1
  • 2

Haben Sie noch weitere Fragen?

Kontaktieren Sie uns