StyleGuide * PDF

 

       .gif   width="18" height="16"

 


StyleGuide * Farb-Palette

 

StyleGuide - Farb-Paletten-Bild   strommer.eu StyleGuide Line 


StyleGuide * Überschrift

 

Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5
Überschrift 6

 


StyleGuide * Zitat

 

Einstein hat bereits gesagt: „Es braucht anderes um Lösungen zu entwickeln.“

 


StyleGuide * Ramen

 

Tabelle 1

Zeile 1

Zeile 2    Text Zentriert

Tabelle 2

border-width: 2px

Zeile 2 Text links-bündig

Tabelle 2a

border-width: 1px Farbe: Orange !

Zeile 2 Text links-bündig

Tabelle 2b

border-width: 1px Farbe: Orange ! no <p>

Tabelle 2c

border-width: 1px Farbe: Orange ! with <p>

Tabelle 3

border-width: 10px, padding: 15px  ( Innenrand )

Zeile 2 Text links-bündig

Tabelle 4

border-width: 10px, padding: 0px  ( Innenrand )

Zeile 2 Text links-bündig

Tabelle 5

border-width: 10px, padding: 30px  ( Innenrand )

Zeile 2 Text links-bündig

Tabelle 6

border-width: 10px, padding: 10px  ( Innenrand )
border-width: 2px

Zeile 2 Text links-bündig

StyleGuide * Farbe

 

  • grau:
  • gelb:
  • orange:

 


StyleGuide * Schrift

 

Schrift: Verdana

Farbe: #625c4f

 


StyleGuide * Linien

 

 

normal; <hr />


normal; <hr /><hr />



Schriftfarbe #625c4f;


weiss;


grau Test1 #E0E0E0E0;


grau Test2 #BFBFBFBF;


grau Test3 #A1A1A1A1;


grau Test4 #80808080;


grau Test5 #61616161;


 

 

 


StyleGuide * Tabellen

 

Tabelle 1

border-width: 10px, padding: 10px  ( Innenrand )
border-width: 2px

Zeile 2 Text links-bündig

Tabelle 2

aaa bbb
  • ttt
xxx

Tabelle 3

aaa bbb ttt xxx

Tabelle 4

aaa bbb ttt (untere Line und Zwischenbalken fehlt!) xxx

Tabelle 5

aaa bbb ttt (untere Line fehlt!) xxx

 

 

 

Tabelle 6 (= 3 x Tabelle 5 + Abschluss-Felder)

aaa bbb ttt (untere Line fehlt!) xxx
aaa bbb ttt (untere Line fehlt!) xxx
aaa bbb ttt (untere Line fehlt!) xxx
       

 

 

Tabelle 7 (= 3 x Tabelle 5 + Abschluss-Linie)

aaa bbb ttt (untere Line fehlt!) xxx
aaa bbb ttt (untere Line fehlt!) xxx
aaa bbb ttt (untere Line fehlt!) xxx
       

 

 

 

aaa bbb Test - Beitrag 1 xxx
aaa bbb Test - Beitrag 2 xxx
aaa bbb Test - Beitrag 3 xxx