Schlagwort: Bootstrap

  • Bootstrap Input Controls CSS-Farbe & -Design anpassen

    Bootstrap Input Controls CSS-Farbe & -Design anpassen

    Input-Felder, wie Textsuch-Felder und andere Formulare kombiniert Bootstrap 4 in der Klasse .form-control. Sollten Ihr den „rosa“ Rand davon entfernen wollen, müsste Ihr zwei Dinge beachten:

    (mehr …)
  • Bootstrap Buttons OnClick CSS-Farbe & -Design

    Bootstrap Buttons OnClick CSS-Farbe & -Design

    Jedesmal gesucht, jetzt endlich mal notiert: Wenn Ihr die Default-Farbe der Standard-Buttons .btn, .btn-primary und .btn-secondary ändern wollt, gibt es zwei „Tricks“ beziehungsweise Details zu beachten:

    1. Status :active (am besten gleich noch den :focus mitdefinieren!)
    2. das !important bei der Farbangabe

    Ihr könnt das nun zentral für die Klasse .btn definieren oder aber unterteilt in die beiden Standard-Farbklassen.
    In Quellcode umgesetzt sieht das wie folgt aus:

    .btn-primary:active,
    .btn-primary:focus {
      background-color:#dddddd !important;
      border-color:#dddddd !important;
    }
  • Karriere-Portal | Stumbaum GmbH

    Karriere-Portal | Stumbaum GmbH

    Gemeinsam mit der Stumbaum GmbH durften – in enger Absprache – wir ein Karriere-Portal planen, entwickeln und umsetzen.

    Anforderungen
    – Design-Erstellung und -Umsetzung mit Elementor NoCoding Lösung
    – Fully Responsive Design, „mobile first“
    – Projektbetreuung vor, während und nach dem Go-Live
    – dynamische und sehr einfach zu erstellende Menüs
    – dynamische Content-Platzierung
    – Optimierte Titel-Erstellung u.a. für SEO
    – Formular zur Bewerbung

    Projektbetreuung
    Seit Februar 2022

    Umsetzungszeitraum
    16 Wochen

    Go-Live
    6.5.2022

    Links
    karriere.stumbaum.de

  • Stumbaum GmbH

    Stumbaum GmbH

    Für die Stumbaum GmbH durften wir ein neues Webseiten-Konzept und Web-Design entwickeln, die Umsetzung in das WordPress CMS vornehmen sowie sämtliche Daten umziehen.

    Anforderungen
    – Design-Erstellung und -Umsetzung in HTML5/CSS3
    – Fully Responsive Design, „mobile first“ mit Bootstrap 4.6.x
    – Projektbetreuung vor, während und nach dem Go-Live
    – dynamische und sehr einfach zu erstellende Menüs
    – dynamische Content-Platzierung, Slider
    – Optimierte Titel-Erstellung u.a. für SEO
    – https-Umstellung

    Projektbetreuung
    Seit Mai 2020

    Umsetzungszeitraum
    6 Wochen

    Go-Live
    3.7.2020

    Links
    www.stumbaum.de

  • Responsive Embeds / iFrames

    Responsive Embeds / iFrames

    Einbettungen externer URLs und Daten in HTML die auf jedem Endgerät auch größenunabhängig laufen, geht das? Ja, anbei zwei Ansätze: Einer beschreibt die responsive iFrame-Integration und ein zweiter Ansatz verfolgt einen generelleren Ansatz mit dem Bootstrap-Framework.

    (mehr …)
  • ing.concept

    ing.concept

    Für die ing.concept GmbH durften wir ein neues Webseiten-Konzept und Web-Design entwickeln, die Umsetzung in das WordPress CMS vornehmen sowie sämtliche Daten umziehen.

    Anforderungen
    – Design-Erstellung und -Umsetzung in HTML5/CSS3
    – Fully Responsive Design, „mobile first“ mit Bootstrap 4.3.x
    – Projektbetreuung vor, während und nach dem Go-Live
    – dynamische und sehr einfach zu erstellende Menüs
    – dynamische Content-Platzierung, Slider
    – Optimierte Titel-Erstellung u.a. für SEO

    Projektbetreuung
    Seit Mai 2019

    Umsetzungszeitraum
    5 Wochen

    Go-Live
    29.8.2019

    Links
    www.ingconcept.de

  • Keine-Schrottwohnungen.de

    Keine-Schrottwohnungen.de

    Landing-Page einer GdW-Aktion für die Wohnungswirtschaft Deutschland.
    (mehr …)

  • schels  | büro für gestaltung – Webflyer

    schels | büro für gestaltung – Webflyer

    Das Design der Webseite von ‚schels | büro für gestaltung‘ wurde neu gestaltet und als Zweiseiter/kleine Webseite technisch umgesetzt.
    (mehr …)

  • GWG München – Responsive Design

    GWG München – Responsive Design

    Die Website der GWG München wurde angepaßt um ein sogenanntes „Responsive Design“ für mobile Geräte wie Smartphones, iPhones und iPod touch-Geräte umzusetzen und die Webseite optimal anzuzeigen.

    Anforderungen
    – Responsive Design für die Darstellung auf möglichst vielen Bildschrimgrößen
    – Integration auf der GWG München Webseite u.a. mit „Bootstrap“
    – Einfache Integration in das bestehende CMS

    Projektbetreuung
    Seit 2008

    Link
    www.gwg-muenchen.de