Wie Elemente unverbundene anzielen ?

erdling · 18 April 2014

Hallo, ich benötige eure Hilfe.

Ich möchte beispielsweise am unteren Teil einer Seite einen Button haben der bei hover oder active die Farbe des Headerhintergrundes oder andere Eigenschaften ändert. Also Div1 wird angeklickt und die Eigenschaften von Div2 sind Ziel.

Ist so etwas möglich ?

Vielen Dank im Vorraus

MrMurphy · 18 April 2014

Hallo,

ja, sowas ist möglich, wenn auch etwas aufwändig. Der Begriff lautet "Style Switcher", danach kannst du auch googlen.

Hier mal zwei Seiten, die sich mit dem Thema beschäftigen:

http://www.1ngo.de/web/css-layout.html#titel

und

http://thestyleworks.de/tut-art/style_switcher_1.shtml

Ich habe mich damit noch nie intensiv beschäftigt, aber mittels Style Switch soll das Layout der Seite oder auch nur einzelner Elemente verändert werden können, ohne das die Seite komplett neu geladen wird.

Gruss

MrMurphy

djheke · 18 April 2014

Wenn die Änderungen nicht dauerhaft gespeichert und jeweils nur ein Elemnt angesprochen werden soll, dann könnte hier schon ein einfaches :target reichen.
BEISPIEL:

Code:

css

:target { background:#ada;}

html

<div id="div1">Div 1</div>
<div id="div2"><a href="#div1">Ändere die Hintergrundfarbe von Div 1 </a></div>

Wie Elemente unverbundene anzielen ?

erdling

Neues Mitglied

MrMurphy

Senior HTML'ler

djheke

Aktives Mitglied

Neueste Beiträge