Kohlsworld Castrop-Rauxel Button Farben & Größen

Button Farben

Hier nun mal eine Reihe an Button die das System ( W-P CMS Portal Mobil ) unterstützt.

System Button

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-default">System Button Farbe</button>

Farben anpassen

Sie können die Farbe ändern im Admin Panel unter:

Style / Mittelbereich / Style Eingabefeld und dort unten:

Style Button submit (abschicken):

Hier ändern Sie die:
•Hintergrundfarbe
•Schriftfarbe
•Borderfarbe
•Aktivefarbe

Natürlich brauchen Sie die folgenden Codes nicht einbauen im CMS auf den Standard Seiten, dort werden die Button aus dem Admin breich automatisch generiert.

Aber für den Fall das Sie doch ein extra Button benötigen, hier mal ein paar Code Muster für Sie.

Button Basic hell Grau

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn">Basic Button Grau</button>

Button Primär blau

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-primary">Button Primär blau</button>

Erfolg Button grün

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-success">Erfolg Button grün</button>

Info Button Türkis

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-info">Info Button Türkis</button>

Warnung Butten gelb-orange

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-warning">Warnung Button Gelb-Orange</button>

Achtung Button rot

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-danger">Achtung Button rot</button>

Button Größen

Hier nun mal eine Reihe an Button die das System ( W-P CMS Portal Mobile ) unterstützt.

Großer Button

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-primary btn-lg">GroÃŸer Button</button>

Standard Button

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-primary">Standard-Button</button>

Kleiner Button

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-primary btn-sm">Kleiner Button</button>

Extra-kleiner Button

Hier mal eine Live Ansicht!

Code:

<button type="button" class="btn btn-primary btn-xs">Extra-kleiner Button</button>

Button Farben

System Button

Code:

Farben anpassen

Button Basic hell Grau

Code:

Button Primär blau

Code:

Erfolg Button grün

Code:

Info Button Türkis

Code:

Warnung Butten gelb-orange

Code:

Achtung Button rot

Code:

Button Größen

Großer Button

Code:

Standard Button

Code:

Kleiner Button

Code:

Extra-kleiner Button

Code:

Rechtliches:

Links:

CMS Portal Mobile Hilfe:

Kontakt: