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

UiKit

Item
Active
Parent
- Sub item
- Sub item
  - Sub item
  - Sub item
Parent
- Sub item
- Sub item
Item
Header
Item
Item
Item

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Article title

Written by Super User on 12 April. Posted in Blog

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.

1
2
3
4
...
20

Header
Active
Parent
- Sub item
- Sub item
  - Sub item
  - Sub item
Item

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

Active
Item
Disabled

Active
Item
Disabled

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

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

Ещё статьи...