Wikizone - Benutzerbeiträge [de]

CSS - Baukasten

2006-08-07T15:36:24Z

84.160.67.19: /* Zentrales Stylesheet main.css */

Ziel des Abschnittes CSS-Baukasten ist es verschiedene CSS-Skripte vorzuhalten, die für verschiedene Projekte eingesetzt werden können.
In Anlehnukng an YAML werden die Dateien möglichst Modular vorgehalten und über ein Zentrales Sylesheet eingebunden

== Konzept-Richtlinien ==
=== Struktur ===
/main.css
ToDo

== Zentrales Stylesheet base.css==

Hier werden die verschiedenen benötigten Dateien eingebunden und einige Grundeinstellungen definiert.
In einer späteren Ausbaustufe werden diese evt. ebenfalls ausgelagert
In Typo3 Projekten könnten die CSS-Dateien auch über TypoScript eingebunden werden dann entfällt die base.css
<pre>
/*
### "CSS-Baukasten (c)2006 Stephan Schlegel" ###
### Version: 0.1
### Datei : base.css
### Funktion : Zentrales Stylesheet, Grundeinstellungen + Einbindung der CSS-Module
*/

@import url(main/base.css);
@import url(mods/basemod.css);
@import url(mods/basemod_layout_xcol_xyz.css);
@import url(navi/nav_slidingdoor.css);
@import url(main/content.css);
@import url(print/print_003.css);
</pre>

CSS - Baukasten

2006-08-07T15:13:29Z

84.160.67.19: /* Konzept-Richtlinien */

Ziel des Abschnittes CSS-Baukasten ist es verschiedene CSS-Skripte vorzuhalten, die für verschiedene Projekte eingesetzt werden können.
In Anlehnukng an YAML werden die Dateien möglichst Modular vorgehalten und über ein Zentrales Sylesheet eingebunden

== Konzept-Richtlinien ==
=== Struktur ===
/main.css
ToDo

== Zentrales Stylesheet main.css==

Hier werden die verschiedenen benötigten Dateien eingebunden und einige Grundeinstellungen definiert.

In einer späteren Ausbaustufe werden diese evt. ebenfalls ausgelagert
<pre>
/*
### "CSS-Baukasten (c)2006 Stephan Schlegel" ###
### Version: 0.1
### Datei : main.css
### Funktion : Zentrales Stylesheet, Grundeinstellungen + Einbindung der CSS-Module
*/

@import url(main/base.css);
@import url(mods/basemod.css);
@import url(mods/basemod_layout_xcol_xyz.css);
@import url(navi/nav_slidingdoor.css);
@import url(main/content.css);
@import url(print/print_003.css);
</pre>

CSS - Baukasten

2006-08-07T15:11:54Z

84.160.67.19: /* Zentrales Stylesheet main.css */

Ziel des Abschnittes CSS-Baukasten ist es verschiedene CSS-Skripte vorzuhalten, die für verschiedene Projekte eingesetzt werden können.
In Anlehnukng an YAML werden die Dateien möglichst Modular vorgehalten und über ein Zentrales Sylesheet eingebunden

== Konzept-Richtlinien ==

== Zentrales Stylesheet main.css==

Hier werden die verschiedenen benötigten Dateien eingebunden und einige Grundeinstellungen definiert.

In einer späteren Ausbaustufe werden diese evt. ebenfalls ausgelagert
<pre>
/*
### "CSS-Baukasten (c)2006 Stephan Schlegel" ###
### Version: 0.1
### Datei : main.css
### Funktion : Zentrales Stylesheet, Grundeinstellungen + Einbindung der CSS-Module
*/

@import url(main/base.css);
@import url(mods/basemod.css);
@import url(mods/basemod_layout_xcol_xyz.css);
@import url(navi/nav_slidingdoor.css);
@import url(main/content.css);
@import url(print/print_003.css);
</pre>

CSS - Baukasten

2006-08-07T15:10:53Z

84.160.67.19:

Ziel des Abschnittes CSS-Baukasten ist es verschiedene CSS-Skripte vorzuhalten, die für verschiedene Projekte eingesetzt werden können.
In Anlehnukng an YAML werden die Dateien möglichst Modular vorgehalten und über ein Zentrales Sylesheet eingebunden

== Konzept-Richtlinien ==

== Zentrales Stylesheet main.css==

Hier werden die verschiedenen benötigten Dateien eingebunden und einige Grundeinstellungen definiert.

In einer späteren Ausbaustufe werden diese evt. ebenfalls ausgelagert
<pre>
/*
### "CSS-Baukasten (c)2006 geo-bit" ###
### Version: 0.1
### Datei : main.css
### Funktion : Zentrales Stylesheet
*/

@import url(main/base.css);
@import url(mods/basemod.css);
@import url(mods/basemod_layout_xcol_xyz.css);
@import url(navi/nav_slidingdoor.css);
@import url(main/content.css);
@import url(print/print_003.css);
</pre>

CSS

2006-08-07T14:59:21Z

84.160.67.19:

== Infos zu Stylesheets / CSS ==
[[CSS Navigation]]

[[CSS - Hacks]]

[[CSS - Positionierung]]

[[CSS - Float]]

[[CSS - Tipps & Tricks]]

[[CSS - Baukasten]]

ToDo...