mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 10:40 Benutzername: Passwort: Auto-Login

Thema: Mehrere Style-Sheets verwenden vom 04.02.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Mehrere Style-Sheets verwenden
Seite: Zurück  1, 2, 3, 4  Weiter
Autor Nachricht
WurstOderWas
Threadersteller

Dabei seit: 26.03.2003
Ort: -
Alter: 43
Geschlecht: Männlich
Verfasst Mi 04.02.2004 16:14
Titel

Antworten mit Zitat Zum Seitenanfang

sahnemuh hat geschrieben:
nochmal als anschauliches beispiel eine definition aus dem stylesheet der seite, an der ich grade bastle:
body.b {
background-image: url(../assets/background.gif);
background-color: #FFFFFF;
font-family: verdana, arial, helvetica;
background-repeat: repeat-x;
background-position: bottom left;
text-decoration: none;
padding: 0;
margin: 0;
}


body.a {
background-image: none;
background-color: #FFFFFF;
font-family: verdana, arial, helvetica;
text-decoration: none;
padding: 0;
margin: 0;
}

mit body.b gibts ein bgimage, mit body.a nur weiss.
html wäre dann :
<body class="a">ich bin ein weisses dokument</body>
<body class="b">ich bin ein dokument mit hintergrundbild</body>


joa, nur is das gerade nicht die frage *zwinker*
Problem: verschiedene .css-Dateien
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Mi 04.02.2004 16:34
Titel

Antworten mit Zitat Zum Seitenanfang

Hi...

muss ich wohl ran... *bäh*

im head:
Code:

<link rel=stylesheet href=../1.css type=text/css title=Standard>
<link rel=alternate stylesheet href=../2.css type=text/css title=Alternatives Layout>
blablabla


zur Veranschaulichung mal als dink zum css switchen...:

Code:

<a href=javascript:setStyle('Standard')>Standard Layout</a>
<a href=javascript:setStyle('Alternatives Layout')>Alternatives Layout</a>


alles klar, is doch kein prob...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
conZole

Dabei seit: 21.12.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mo 12.07.2004 14:15
Titel

Antworten mit Zitat Zum Seitenanfang

mahlzeit,

habe ein ähnliches problem.
ich will auf einer index.html per klick die background-color ändern.

aber mit oben genannter lösung komme ich nicht weiter. funktioniert nicht.
hat jemand einen plan wie ich das auf die reihe bekomme?!

danke
con
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Mo 12.07.2004 14:28
Titel

Antworten mit Zitat Zum Seitenanfang

@conZole
Das ist einfach. Verpaß deinem Body eine ID und dann kannst Du das Element über's DOM ansprechen. Geht natürlich auch mit anderen Elementen oder Eigenschaften...

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
<html>

<head>
   <style type="text/css">
      body { background-color:#fff; }
   </style>
</head>


<body id="bla">
   <a href="#" onclick="document.getElementById('bla').style.backgroundColor='#000';">klick</a>
</body>

</html>
  View user's profile Private Nachricht senden
conZole

Dabei seit: 21.12.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mo 12.07.2004 14:46
Titel

Antworten mit Zitat Zum Seitenanfang

danke hilft mir schon mal ein bischen weiter.
aber ich müßte zwischen zwei stylesheets hin und her switchen können.

das mit dem bg-color klappt zwar, aber ich müßte es dann wieder zurückstellen können
aber ich kann doch dem body nur einmal eine id verpassen?!

con
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 12.07.2004 14:52
Titel

Antworten mit Zitat Zum Seitenanfang

habt jett nur die dritte seite eben überflogen. aber schaut mal bei www.einfach-fuer-alle.de im downloadbereich..
da sollte es die lösung für euer problem geben. stichwort stylesheet switcher.
  View user's profile Private Nachricht senden
conZole

Dabei seit: 21.12.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mo 12.07.2004 15:05
Titel

Antworten mit Zitat Zum Seitenanfang

einwandfrei. thx to all.

<con />
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Mo 12.07.2004 15:25
Titel

Antworten mit Zitat Zum Seitenanfang

also wenn ich nur den hintergrund ändern möchte, dann benutze ich mit sicherheit keinen stylesheet-switcher. das wäre ein wenig oversized dafür.
und ja: du kannst dem body nur eine id mitgeben. das ist aber auch ausreichend. darüber kannst du dann das element ansprechen und die farbe dann beliebig ändern.
du müßtest aus meinem beispiel heraus, den hintergrund auch nicht direkt im link ändern, sondern könntest auch eine funktion aufrufen, die die momentane farbe abfragt und dann nach deinen wünschen ändert.
  View user's profile Private Nachricht senden
 
Ähnliche Themen cascading style sheets-frage
Photoshop Text Style Sheets
[Hilfe] Style-Sheets werden nicht angezeigt!
HTML element Style ohne Parentelement Style
Tipps für verwaschenen Style bzw. Splash Style
Cheat Sheets für Microformats, Prototype und Co.
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.