Tipps zum Plat­zie­ren der Ele­men­te

  • Obers­tes Ge­bot: Was auf al­len End­ge­rä­ten gut aus­sieht ist rich­tig ;) Wenn ihr ein Ele­ment ir­gend­wo ein­fügt und ihr es auf dem Ta­blet und dem Han­dy noch­mal ge­gen­checkt und es auch dort gut aus­sieht, kann das Ele­ment da blei­ben. Ein­fach mal aus­pro­bie­ren und not­falls das Ele­ment an der Stel­le wie­der lö­schen und wo­an­ders hin­ver­schie­ben.
  • Ihr könnt die Ele­men­te grund­sätz­lich dort in den Mo­du­len plat­zie­ren, wo auch be­reits an­de­re Ele­men­te sind.
  • Man­che Ele­men­te eig­nen sich nicht für zu klei­ne Spal­ten, z.B. Ak­kor­de­on oder Tabs

Wenn ihr zu­sätz­li­che Ele­men­te be­nö­tigt, fragt uns! Wir rich­ten sie ger­ne für euch ein!

H1-Vi­su­al

H2-Vi­su­al

H3-Vi­su­al

Än­dern er­laubt:

  • Text
  • Ele­ment-Tag (!Nur eine H1 pro Sei­te!)
  • Text­aus­rich­tung

Info: Das Ele­ment än­dert au­to­ma­tisch die Far­be, je nach­dem, ob es in ei­nem Mo­dul mit wei­ßer, grau­er oder schwar­zer Hin­ter­grund­far­be plat­ziert wird.

Än­dern er­laubt:

  • Text
  • Ele­ment-Tag (!Nur eine H1 pro Sei­te!)
  • Text­aus­rich­tung

Info: Das Ele­ment än­dert au­to­ma­tisch die Far­be, je nach­dem, ob es in ei­nem Mo­dul mit wei­ßer, grau­er oder schwar­zer Hin­ter­grund­far­be plat­ziert wird.

Än­dern er­laubt:

  • Text
  • Ele­ment-Tag (!Nur eine H1 pro Sei­te!)
  • Text­aus­rich­tung

Info: Das Ele­ment än­dert au­to­ma­tisch die Far­be, je nach­dem, ob es in ei­nem Mo­dul mit wei­ßer, grau­er oder schwar­zer Hin­ter­grund­far­be plat­ziert wird.

Pa­ra­graph

Pa­ra­graph. Lo­rem ip­sum do­lor sit amet, con­sete­tur sa­dipscing elitr, sed diam no­numy eirm­od tem­por in­vidunt ut la­bo­re et do­lo­re ma­gna ali­quyam erat, sed diam vo­lup­tua. At vero eos et ac­cu­sam et jus­to duo do­lo­res et ea re­bum. Stet cli­ta kasd Link, no sea ta­ki­ma­ta sanc­tus est Lo­rem ip­sum do­lor sit amet. Lo­rem ip­sum do­lor sit amet, con­sete­tur sa­dipscing elitr, sed diam no­numy eirm­od tem­por in­vidunt ut la­bo­re et do­lo­re ma­gna ali­quyam erat, sed diam vo­lup­tua. At vero eos et ac­cu­sam et jus­to duo do­lo­res et ea re­bum. Stet cli­ta kasd gu­ber­gren, no sea ta­ki­ma­ta sanc­tus est Lo­rem ip­sum do­lor sit amet.

Pa­ra­graph-Big

Pa­ra­graph-Big. Lo­rem ip­sum do­lor sit amet, con­sete­tur sa­dipscing elitr, sed diam no­numy eirm­od tem­por in­vidunt ut la­bo­re et do­lo­re ma­gna ali­quyam erat, sed diam vo­lup­tua. At vero eos et ac­cu­sam et jus­to duo do­lo­res et ea re­bum. Stet cli­ta kasd Link, no sea ta­ki­ma­ta sanc­tus est Lo­rem ip­sum do­lor sit amet. Lo­rem ip­sum do­lor sit amet.

Än­dern er­laubt:

  • Text
  • Bold, Ita­lic
  • Link ein­fü­gen
  • Text-Aus­rich­tung
  • Lis­te ein­fü­gen

Info: Das Ele­ment än­dert au­to­ma­tisch die Far­be, je nach­dem, ob es in ei­nem Mo­dul mit wei­ßer, grau­er oder schwar­zer Hin­ter­grund­far­be plat­ziert wird.

Än­dern er­laubt:

  • Text
  • Bold, Ita­lic
  • Link ein­fü­gen
  • Text-Aus­rich­tung
  • Lis­te ein­fü­gen

Info: Das Ele­ment än­dert au­to­ma­tisch die Far­be, je nach­dem, ob es in ei­nem Mo­dul mit wei­ßer, grau­er oder schwar­zer Hin­ter­grund­far­be plat­ziert wird.

But­tons schwarz

But­ton schwarz
But­ton schwarz Ghost
But­ton schwarz groß
But­ton schwarz groß Ghost

But­tons weiß

But­ton weiß
But­ton weiß Ghost
But­ton weiß groß
But­ton weiß groß Ghost

Än­dern er­laubt:

  • Text auf But­ton
  • URL (Link)
  • Aus­rich­tung (Links-/rechts­bün­dig, zen­triert, in­line)

Aus­rich­tung „In­line“ be­deu­tet: Wenn man meh­re­re But­tons in ei­ner Rei­he möch­te, kann man sie im Ba­ckend un­ter­ein­an­der set­zen (wie oben), und man gibt al­len die Aus­rich­tung „in­line“. Da­durch ord­nen sie sich im Front­end ne­ben­ein­an­der an.

Än­dern er­laubt:

  • Text auf But­ton
  • URL (Link)
  • Aus­rich­tung (Links-/rechts­bün­dig, zen­triert, in­line)

Aus­rich­tung „In­line“ be­deu­tet: Wenn man meh­re­re But­tons in ei­ner Rei­he möch­te, kann man sie im Ba­ckend un­ter­ein­an­der set­zen (wie oben), und man gibt al­len die Aus­rich­tung „in­line“. Da­durch ord­nen sie sich im Front­end ne­ben­ein­an­der an.

Bild 100%

Bild age­run­de­te Ecken

Än­dern er­laubt:

  • Bild

Info: Das Bild nimmt im­mer die vol­le Brei­te der Spal­te, in der es liegt ein. Bil­der wer­den wenn not­wen­dig gestret­ched um den Be­reich aus­zu­fül­len.

Än­dern er­laubt:

  • Bild

Info: Das Bild nimmt im­mer die vol­le Brei­te der Spal­te, in der es liegt ein. Bil­der wer­den wenn not­wen­dig gestret­ched um den Be­reich aus­zu­fül­len, zu­sätz­lich sind die Ecken ab­ge­run­det

Icon 100px

Icon 150px

Icon 200px

Än­dern er­laubt:

  • Bild
  • Bild­aus­rich­tung

Info: Das Bild wird im­mer auf 100px „ge­schrumpft“. Das rein­ge­la­de­ne Icon soll­te min­des­tens eine Grö­ße von 200px ha­ben, da­mit es auf Re­ti­na Bild­schir­men scharf dar­ge­stellt wird.

Än­dern er­laubt:

  • Bild
  • Bild­aus­rich­tung

Info: Das Bild wird im­mer auf 150px „ge­schrumpft“. Das rein­ge­la­de­ne Icon soll­te min­des­tens eine Grö­ße von 300px ha­ben, da­mit es auf Re­ti­na Bild­schir­men scharf dar­ge­stellt wird.

Än­dern er­laubt:

  • Bild
  • Bild­aus­rich­tung

Info: Das Bild wird im­mer auf 200px „ge­schrumpft“. Das rein­ge­la­de­ne Icon soll­te min­des­tens eine Grö­ße von 400px ha­ben, da­mit es auf Re­ti­na Bild­schir­men scharf dar­ge­stellt wird.

Feha Tabs

Tab 1

Pa­ra­graph im Tab1 / In­halts­be­reich 1. Lo­rem ip­sum do­lor. Beim ein­fü­gen des „Feha Tabs“-Elements ist der In­halt im­mer erst­mal leer. Hier kön­nen aber bei Be­darf alle vor­ge­fer­tig­ten Ele­men­te ein­ge­fügt wer­den: Hea­dings, Pa­ra­graphs, But­tons, Bil­der, Vi­de­os…

Tab 2

Pa­ra­graph im Tab 2 / In­halts­be­reich 2. Lo­rem ip­sum do­lor. Beim ein­fü­gen des „Feha Tabs“-Elements ist der In­halt im­mer erst­mal leer. Hier kön­nen aber bei Be­darf alle vor­ge­fer­tig­ten Ele­men­te ein­ge­fügt wer­den: Hea­dings, Pa­ra­graphs, But­tons, Bil­der, Vi­de­os…

Feha Ak­kor­de­on

In­halts­be­reich 1

Pa­ra­graph im In­halts­be­reich 1. Lo­rem ip­sum do­lor. Beim ein­fü­gen des „Feha Akkordeon“-Elements ist der In­halt im­mer erst­mal leer. Hier kön­nen aber bei Be­darf alle vor­ge­fer­tig­ten Ele­men­te ein­ge­fügt wer­den: Hea­dings, Pa­ra­graphs, But­tons, Bil­der, Vi­de­os…

In­halts­be­reich 2

Pa­ra­graph im In­halts­be­reich 1. Lo­rem ip­sum do­lor. Beim ein­fü­gen des „Feha Akkordeon“-Elements ist der In­halt im­mer erst­mal leer. Hier kön­nen aber bei Be­darf alle vor­ge­fer­tig­ten Ele­men­te ein­ge­fügt wer­den: Hea­dings, Pa­ra­graphs, But­tons, Bil­der, Vi­de­os…

Än­dern er­laubt:

  • In­halts­be­reich Ti­tel (z.B. „Down­loads Da­ten­blät­ter“)
  • In­halts­be­reich Ab­schnitt-ID (soll­te wie Ti­tel be­nannt wer­den, nur kei­ne Son­der­zei­chen. z.B. „down­loads-da­ten­blaet­ter“)
  • Wei­te­re Tabs über + hin­zu­fü­gen
  • Tabs be­fül­len: Hier kann über das + im In­halts­be­reich nach Be­darf ein­ge­fügt wer­den: Eine Zei­le (auch mit meh­re­ren Spal­ten), und alle vor­ge­fer­tig­ten Ele­men­te (Hea­dings, Pa­ra­graphs, But­tons, Vi­de­os, Bil­der…)

Info: Das Ele­ment än­dert au­to­ma­tisch die Far­be, je nach­dem, ob es in ei­nem Mo­dul mit wei­ßer, grau­er oder schwar­zer Hin­ter­grund­far­be plat­ziert wird.

Än­dern er­laubt:

  • In­halts­be­reich Ti­tel (z.B. „Down­loads Da­ten­blät­ter“)
  • In­halts­be­reich Ab­schnitt-ID (soll­te wie Ti­tel be­nannt wer­den, nur kei­ne Son­der­zei­chen. z.B. „down­loads-da­ten­blaet­ter“)
  • Wei­te­re In­halts­be­rei­che über + Add Sec­tion hin­zu­fü­gen
  • In­halts­be­rei­che be­fül­len: Hier kann über das + im In­halts­be­reich nach Be­darf ein­ge­fügt wer­den: Eine Zei­le (auch mit meh­re­ren Spal­ten), und alle vor­ge­fer­tig­ten Ele­men­te (Hea­dings, Pa­ra­graphs, But­tons, Vi­de­os, Bil­der…)

Info: Das Ele­ment än­dert au­to­ma­tisch die Far­be, je nach­dem, ob es in ei­nem Mo­dul mit wei­ßer, grau­er oder schwar­zer Hin­ter­grund­far­be plat­ziert wird.

Feha Vi­deo

Sie se­hen ge­ra­de ei­nen Platz­hal­ter­in­halt von You­Tube. Um auf den ei­gent­li­chen In­halt zu­zu­grei­fen, kli­cken Sie auf die Schalt­flä­che un­ten. Bit­te be­ach­ten Sie, dass da­bei Da­ten an Dritt­an­bie­ter wei­ter­ge­ge­ben wer­den.

Mehr In­for­ma­tio­nen
In­halt ent­sper­ren Er­for­der­li­chen Ser­vice ak­zep­tie­ren und In­hal­te ent­sper­ren

For­mu­lar

Ihre per­so­nen­be­zo­ge­nen Da­ten sind bei uns si­cher! Die Ver­ar­bei­tung sämt­li­cher Da­ten er­folgt im Rah­men der ge­setz­li­chen Da­ten­schutz­be­stim­mun­gen. Wir si­chern Ih­nen den ver­trau­li­chen Um­gang mit Ih­ren Da­ten zu, eine Wei­ter­ga­be an Drit­te er­folgt nicht. Ihre Da­ten blei­ben ge­spei­chert, so­lan­ge Sie uns nicht um Lö­schung bit­ten. Wei­te­re In­for­ma­tio­nen ent­neh­men Sie bit­te un­se­rer Da­ten­schutz­er­klä­rung. Die E‑­­­Mail-Adres­­­se für Da­ten­lö­schungs­an­fra­gen lau­tet info@feha.​de

Fel­der mit ei­nem * sind Pflicht­fel­der

Än­dern er­laubt:

  • Vi­deo­link

Än­dern er­laubt:

  • Short­code

Info: Das Ele­ment än­dert au­to­ma­tisch die Far­be, je nach­dem, ob es in ei­nem Mo­dul mit wei­ßer, grau­er oder schwar­zer Hin­ter­grund­far­be plat­ziert wird.