Ein Generator von:
HpBk-Generatoren - Die ultimative Generatoren Homepage im Baukasten. Design-Generatoren (Mit Live-Vorschau!), Html-Generatoren, CSS-Generatoren, Tools, Tutorials und vieles mehr für deine Homepage!

css-design-generator

Home

Pseudo-Text für die Schriftformatierungen:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

Schritt 1 von 10

zurück
1
2
3
4
5
6
7
8
9
10
11
weiter
Grundlayout wählen
Layout_1
Allgemeine Einstellungen
Soll Position der rechten Box wählen
Soll die Werbung zentriert(in der Bildschirmmitte) sein?
Soll das Design zentriert(in der Bildschirmmitte) sein?
Welche Hauptschriftfarbe soll deine Homepage haben?
#
Welche Hauptschriftart soll deine Homepage haben?
Welche Hauptschriftgröße soll deine Homepage haben?
Body: Hintergrund hinter dem Design
Welche Hintergrundfarbe soll der body haben?
#
Willst du eine eigene Grafik, als Hintergrund des bodys? Ja
Container: Gelber Hintergrund
Breite des Containers (Breite des Designs): - +962px
Welche Hintergrundfarbe soll der Container haben?
transparent
#
Willst du eine eigene Grafik, als Hintergrund des Containers? Ja
Soll der Container einen Rahmen haben?  Ja
Dicke des Rahmen: - +1px
Farbe des Rahmen?
transparent
#
Header: Blaues Feld
Soll das Feld ausgeblendet werden? Ja
Höhe des Headers - +200px
Welche Hintergrundfarbe soll der Header haben?
transparent
#
Willst du eine eigene Grafik, als Header? Ja
Abstand nach unten zur Navigation? - +10px
Navigation
Welche Hintergrundfarbe soll die Navigation haben?
transparent
#
Willst du eine eigene Grafik, als Hintergrund der Navigation? Ja
Soll die Navigation oben und unten einen Rahmen haben?  Ja
Dicke des Rahmen: - +1px
Farbe des Rahmen?
transparent
#
Hintergrundfarbe der Menüpunkte:
transparent
#
Willst du eine eigene Grafik, als Hintergrund der Menüpunkte? Ja
Willst du rechts an den Menüpunkten einen Rahmen (zur Abgrenzung)?  Ja
Dicke des Rahmen: - +1px
Farbe des Rahmen?
transparent
#
Welche Schriftfarbe sollen die Menüpunkte haben?
#
Welche Hintergrundfarbe sollen die Menüpunkte beim Hover (überfahren mit der Maus) haben?
transparent
#
Willst du eine eigene Grafik, als Hintergrund beim Hover? Ja
Welche Schriftfarbe sollen die Menüpunkte beim Hover haben?
#
Abstand nach unten zum Inhalt? - +10px
Titel: Grauer Balken über dem Inhalt
Soll das Feld ausgeblendet werden? Ja
Schriftfarbe des Titel:
#
Welche Hintergrundfarbe soll der Titel haben?
#
Willst du eine eigene Grafik, als Hintergrund des Titel? Ja
Content: Inhaltsbereich
Breite des Contents (Achtung gegebenenfalls die Breite des Designs anpassen): - +645px
Welche Hintergrundfarbe soll der Content haben?
#
Willst du eine eigene Grafik, als Hintergrund? Ja
Soll der Content einen Rahmen haben?  Ja
Dicke des Rahmen: - +1px
Farbe des Rahmen?
transparent
#
Abstand nach unten zum Footer? - +10px
Abstand nach links? - +10px
Abstand nach rechts? - +10px
Innenabstand des Inhaltes (Padding)? - +20px
Sidebar: Rechte Box
Soll das Feld ausgeblendet werden? Ja
Breite der Sidebar (Achtung gegebenenfalls die Breite des Designs anpassen): - +203px
Welche Hintergrundfarbe soll die Sidebar haben?
#
Willst du eine eigene Grafik, als Hintergrund? Ja
Soll die Sidebar einen Rahmen haben?  Ja
Dicke des Rahmen: - +1px
Farbe des Rahmen?
transparent
#
Abstand nach unten zum Footer? - +10px
Abstand nach rechts? - +10px
Footer: Feld unten
Soll das Feld ausgeblendet werden? Ja
Welche Hintergrundfarbe soll der Footer haben?
#
Willst du eine eigene Grafik, als Hintergrund des Footers? Ja
Willst du rechts an den Menüpunkten einen Rahmen (zur Abgrenzung)?  Ja
Dicke des Rahmen: - +1px
Farbe des Rahmen?
transparent
#
Höhe des Footers - +50px
Code genrieren
generate

Einfügen:


=> "Design einstellen"
=> Reiter "Erweiterte Einstellungen"
=> "CSS-Code ohne Style Tags"
=> "Speichern" klicken
HINWEIS: Den Inhalt der rechten Box müsst ihr ins Feld "Hinweis unter dem Inhalts-Bereich (z.B. Copyright)" einfügen. Schreibt dort am besten zunächst einfach mal das Wort "Test" hinein
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=