Adm:HAWK-Design: Unterschied zwischen den Versionen
(Die Seite wurde neu angelegt: „== HAWK-Design ab 2016 == === Logo === ==== Logo-Größe ==== Die Größe des Logos variiert je nachdem, ob es 2-farbig oder einfarbig-transparent ist: * ein…“) |
Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
== HAWK-Design ab 2016 == | == HAWK-Design ab 2016 == | ||
Die CSS-Angaben werden in der Datei "[wikiname]\skins\monobook\main.css" angepasst. Es betrifft: | |||
* Logo-Position | |||
* Hintergrundfarben/-bilder | |||
=== Hintergrund === | |||
Angaben zu Hintergrundfarben und Grafiken erfolgen an folgenden Stellen: | |||
* Gesamter body-Bereich: body | |||
* Navigation links: .pBody | |||
==== Gesamter body-Bereich ==== | |||
HAWK-Hintergrundfarbe ohne Grafik, Z.47ff: | |||
<pre> | |||
body { /* für HAWK HHG geändert 2016-02-29 */ | |||
... | |||
background-color: #fafafa; /* Original: background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat; */ | |||
... | |||
} | |||
</pre> | |||
==== Navigation links ==== | |||
Entfernen der gesonderten Hintergrundfarbe mit Rahmen, Z.245ff: | |||
<pre> | |||
.pBody { /* für HAWK HHG geändert 2016-02-29 */ | |||
font-size: 95%; | |||
/*background-color: white;*/ | |||
color: black; | |||
/*border-collapse: collapse;*/ | |||
/*border: 1px solid #aaa;*/ | |||
padding: 0 .8em .3em .5em; | |||
} | |||
</pre> | |||
=== Logo === | === Logo === | ||
==== Logo-Größe ==== | ==== Logo-Größe ==== | ||
Die Größe des Logos variiert je nachdem, ob es 2-farbig oder einfarbig-transparent ist: | Die Größe des Logos variiert je nachdem, ob es 2-farbig oder einfarbig-transparent ist: | ||
* einfarbig-transparent: Breite x Höhe = 152 x 152 px | * einfarbig-transparent: Breite x Höhe = 152 x 152 px | ||
* 2-farbig: Breite x Höhe = 145 x 145 px | * 2-farbig: Breite x Höhe = 145 x 145 px | ||
==== Logo-Position ==== | |||
Um das Logo mit einem anderen oberen und linken Abstand auszurichten, bestehen 2 Änderungsmöglichkeiten: | |||
* oberer Abstand für Logo und Navigation: div#column-one | |||
* linker und oberer Abstand für 2-farbiges Logo bei unveränderter Position der Navigation: div#p-logo | |||
==== Logo-Angaben in main.css ==== | ==== Logo-Angaben in main.css ==== | ||
Bei Verwendung des | Bei Verwendung des einfarbig-transparenten Logos vergrößert sich bei "div#coumn-one" in Z.24ff und bei "#p-logo" in Z.273ff der obere Innenabstand um 30px: | ||
<pre> | |||
div#column-one { /* für HAWK HHG geändert 2016-02-29 */ | |||
padding-top: 190px; /* Original: padding-top: 160px; */ | |||
} | |||
... | |||
/* für HAWK HHG top-Position geändert 2016-02-29 */ | |||
#p-logo { | |||
top: 30px; /* Original: top: 0; */ | |||
... | |||
} | |||
</pre> | |||
Bei Verwendung des 2-farbigen Logos ändert sich in Z.284f die Angabe für die Position des Hintergrundbildes: | |||
<pre> | <pre> | ||
/* | /* | ||
Zeile 22: | Zeile 77: | ||
background-position: 35% 85% !important; /* Original: 35% 50% für 2-farbiges Logo: 15% 85%*/ | background-position: 35% 85% !important; /* Original: 35% 50% für 2-farbiges Logo: 15% 85%*/ | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
</pre> | |||
=== Ausrichtung der Navigation links === | |||
Bei der Navigation links wird nach Wegfall des Rahmens und der gesonderten Hintergrundfarbe die linke Ausrichtung der Abschnittsüberschriften angepasst, Z.235ff: | |||
<pre> | |||
.portlet h3 { | |||
background: transparent; | |||
padding: 0 1em 0 .6em /* Original: padding: 0 1em 0 .5em */ | |||
... | |||
} | } | ||
</pre> | </pre> |
Version vom 29. Februar 2016, 12:49 Uhr
HAWK-Design ab 2016[Bearbeiten]
Die CSS-Angaben werden in der Datei "[wikiname]\skins\monobook\main.css" angepasst. Es betrifft:
- Logo-Position
- Hintergrundfarben/-bilder
Hintergrund[Bearbeiten]
Angaben zu Hintergrundfarben und Grafiken erfolgen an folgenden Stellen:
- Gesamter body-Bereich: body
- Navigation links: .pBody
Gesamter body-Bereich[Bearbeiten]
HAWK-Hintergrundfarbe ohne Grafik, Z.47ff:
body { /* für HAWK HHG geändert 2016-02-29 */
...
background-color: #fafafa; /* Original: background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat; */
...
}
[Bearbeiten]
Entfernen der gesonderten Hintergrundfarbe mit Rahmen, Z.245ff:
.pBody { /* für HAWK HHG geändert 2016-02-29 */
font-size: 95%;
/*background-color: white;*/
color: black;
/*border-collapse: collapse;*/
/*border: 1px solid #aaa;*/
padding: 0 .8em .3em .5em;
}
Logo[Bearbeiten]
Logo-Größe[Bearbeiten]
Die Größe des Logos variiert je nachdem, ob es 2-farbig oder einfarbig-transparent ist:
- einfarbig-transparent: Breite x Höhe = 152 x 152 px
- 2-farbig: Breite x Höhe = 145 x 145 px
Logo-Position[Bearbeiten]
Um das Logo mit einem anderen oberen und linken Abstand auszurichten, bestehen 2 Änderungsmöglichkeiten:
- oberer Abstand für Logo und Navigation: div#column-one
- linker und oberer Abstand für 2-farbiges Logo bei unveränderter Position der Navigation: div#p-logo
Logo-Angaben in main.css[Bearbeiten]
Bei Verwendung des einfarbig-transparenten Logos vergrößert sich bei "div#coumn-one" in Z.24ff und bei "#p-logo" in Z.273ff der obere Innenabstand um 30px:
div#column-one { /* für HAWK HHG geändert 2016-02-29 */ padding-top: 190px; /* Original: padding-top: 160px; */ } ... /* für HAWK HHG top-Position geändert 2016-02-29 */ #p-logo { top: 30px; /* Original: top: 0; */ ... }
Bei Verwendung des 2-farbigen Logos ändert sich in Z.284f die Angabe für die Position des Hintergrundbildes:
/*
** Logo properties
*/
...
/* background-position geändert für neues 2-farbiges HAWK-Logo 2015-08-17 */
#p-logo a,
#p-logo a:hover {
...
background-position: 35% 85% !important; /* Original: 35% 50% für 2-farbiges Logo: 15% 85%*/
text-decoration: none;
}
[Bearbeiten]
Bei der Navigation links wird nach Wegfall des Rahmens und der gesonderten Hintergrundfarbe die linke Ausrichtung der Abschnittsüberschriften angepasst, Z.235ff:
.portlet h3 { background: transparent; padding: 0 1em 0 .6em /* Original: padding: 0 1em 0 .5em */ ... }