[GastForen Web allgemein HTML und CSS / Stylesheets Mit CSS nur bestimme Seiten Body's ansprechen ?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Mit CSS nur bestimme Seiten Body's ansprechen ?

First Violin
Beiträge gesamt: 6

20. Mär 2011, 20:59
Beitrag # 1 von 16
Bewertung:
(25117 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich kommen gleich zursache damit ^^

Meine Homepage, 1 CSS datei.

Ich möchte dne Body bei verschiedenen unterseiten per CSS verändern.

wie spreche ich bei der CSS nur bestimmte Seiten an ?

z.b. body#Custom.html { background:url(../img/custom.gif) no-repeat center top; }

(wenn sowas überhaupt gehen würde, bei mir gehts nicht)

grüße

(Dieser Beitrag wurde von First Violin am 20. Mär 2011, 21:02 geändert)
X

Mit CSS nur bestimme Seiten Body's ansprechen ?

FSt
  
Beiträge gesamt: 1961

20. Mär 2011, 21:27
Beitrag # 2 von 16
Beitrag ID: #467339
Bewertung:
(25102 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Erste Geige

Du kannst dem <body> eine ID zuweisen.
z.B.
<body id="hauptseite"> oder
<body id="unterseite1"> oder
<body id="unterseite2"> usw.

Im externen CSS dann einfach die IDs ansprechen.

Gruss
Martin


als Antwort auf: [#467337]

Mit CSS nur bestimme Seiten Body's ansprechen ?

First Violin
Beiträge gesamt: 6

20. Mär 2011, 23:23
Beitrag # 3 von 16
Beitrag ID: #467341
Bewertung:
(25078 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
alles klar danke :)!

hat geplappt


als Antwort auf: [#467339]

Mit CSS nur bestimme Seiten Body's ansprechen ?

Quarz
Beiträge gesamt: 3508

4. Apr 2011, 07:31
Beitrag # 4 von 16
Beitrag ID: #468275
Bewertung:
(24885 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Martin,

ich möchte mich hier mal 'anhängen'.

Ist es möglich im CSS-Layout mit einem Link
in der <div id="nav"> nur den <div id="body">
auszutauschen - so wie in einem Frameset?

Ich möchte gerne das Pseudoformat
a:active benutzen.


Gruß
Quarz

-------------------------------------------
InDesign CS5 7.03 | Win7/64 Prof.



als Antwort auf: [#467339]

Mit CSS nur bestimme Seiten Body's ansprechen ?

FSt
  
Beiträge gesamt: 1961

4. Apr 2011, 07:57
Beitrag # 5 von 16
Beitrag ID: #468277
Bewertung:
(24880 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Quarz

Antwort auf [ Quarz ] Ist es möglich im CSS-Layout mit einem Link
in der <div id="nav"> nur den <div id="body">
auszutauschen - so wie in einem Frameset?

Nein. Das was Du meinst, gibts zwar schon, ist aber nicht HTML/CSS sondern JavaScript, bzw. nennt sich Ajax.
http://de.wikipedia.org/...%28Programmierung%29


Antwort auf [ Quarz ] Ich möchte gerne das Pseudoformat
a:active benutzen.

Ich versteh diese Aussage nicht ganz, bzw. seh den Zusammenhang mit der oben genannten Frage nicht. Schau mal hierbei Selfhtml nach, was das Pseudoklasse :acitve macht.
http://de.selfhtml.org/...d_focus_hover_active

bzw.
http://de.selfhtml.org/...ige/pseudo_links.htm

Wenn Du auf dieser Seite einen Link anklickts, aber die Maustaste gedrückt hälst, siehst Du das helle grün (color:lime) für den Zustand :active.

Gruss
Martin


als Antwort auf: [#468275]
(Dieser Beitrag wurde von FSt am 4. Apr 2011, 07:58 geändert)

Mit CSS nur bestimme Seiten Body's ansprechen ?

Quarz
Beiträge gesamt: 3508

4. Apr 2011, 08:12
Beitrag # 6 von 16
Beitrag ID: #468279
Bewertung:
(24872 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Martin,

danke für Deine Anwort.

Da habe ich active wohl nicht richtig
verstanden ;-(

Ich möchte, dass der ausgewählte Link
in einer anderen Farbe dargestellt wird,
wenn der neue Inhalt zu sehen ist;
damit ich weiß, wo ich gerade bin.
(Wie auf Deiner Website.)


Gruß
Quarz

-------------------------------------------
InDesign CS5 7.03 | Win7/64 Prof.



als Antwort auf: [#468277]

Mit CSS nur bestimme Seiten Body's ansprechen ?

FSt
  
Beiträge gesamt: 1961

4. Apr 2011, 08:23
Beitrag # 7 von 16
Beitrag ID: #468280
Bewertung:
(24869 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Quarz

Wink

Ich mach das wie oben beschrieben. Ich gebe jedem body auf allen Seiten eine eindeutige ID. Danach kann ich mein CSS wie eine rudimentäre "if then" Abfrage coden.

#one a:hover {blabla: blablabla;}
#two a:hover {blabla: uiuiui;}
#three a:hover {blabla: oioioi;}
usw. usf.

Zusammen mit display: block/inline bzw. hidden kann man sogar Navigationsteile ein und ausklappen lassen.
Schau Dir das doch mal hier an:
http://www.henriundeliza.ch/
Auf meiner Seite hab ich den CSS-Code nicht gerade lesefreundlich hinterlegt.

Gruss
Martin


als Antwort auf: [#468279]

Mit CSS nur bestimme Seiten Body's ansprechen ?

Quarz
Beiträge gesamt: 3508

4. Apr 2011, 08:44
Beitrag # 8 von 16
Beitrag ID: #468283
Bewertung:
(24860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke Martin,

ich werde mir mal den Quelltext Deiner
Website ansehen - wenn es Dir recht ist ;-)

Und wenn noch Fragen auftauchen sollten
(bestimmt), dann melde ich mich.


Gruß
Quarz

-------------------------------------------
InDesign CS5 7.03 | Win7/64 Prof.




etwas



als Antwort auf: [#468280]

Mit CSS nur bestimme Seiten Body's ansprechen ?

SabineP
Beiträge gesamt: 7586

4. Apr 2011, 10:48
Beitrag # 9 von 16
Beitrag ID: #468301
Bewertung:
(24837 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> Ich möchte, dass der ausgewählte Link in einer anderen Farbe dargestellt wird,
>> wenn der neue Inhalt zu sehen ist; damit ich weiß, wo ich gerade bin.

So wie hier beschrieben?

http://www.hilfdirselbst.ch/..._P251261.html#251261
http://www.hilfdirselbst.ch/..._P251262.html#251262


als Antwort auf: [#468279]

Mit CSS nur bestimme Seiten Body's ansprechen ?

Quarz
Beiträge gesamt: 3508

4. Apr 2011, 10:58
Beitrag # 10 von 16
Beitrag ID: #468304
Bewertung:
(24830 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke Sabine für die beiden Links.

Ich werde sie mir ansehen und studieren,
obwohl ich für mich jetzt eine Lösung gefunden
habe.
Aber viele Wege führen nach Rom ;-)

Mir raucht der Kopf - durch die Umstellung
von Tabellen auf CSS.



Gruß
Quarz

-------------------------------------------
InDesign CS5 7.03 | Win7/64 Prof.



als Antwort auf: [#468301]

Mit CSS nur bestimme Seiten Body's ansprechen ?

Quarz
Beiträge gesamt: 3508

7. Apr 2011, 15:21
Beitrag # 11 von 16
Beitrag ID: #468659
Bewertung:
(24738 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Martin,

ich war so frei und habe mir Deine Website
in GoLive geladen.


Meine Frage ist nun:

Was ist <body id="six">
Und wo ist diese id definiert?


Gruß
Quarz

-------------------------------------------
InDesign CS5 7.03 | Win7/64 Prof.



als Antwort auf: [#468280]

Mit CSS nur bestimme Seiten Body's ansprechen ?

FSt
  
Beiträge gesamt: 1961

7. Apr 2011, 18:37
Beitrag # 12 von 16
Beitrag ID: #468687
Bewertung:
(24718 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Quarz

Code
#one .subnavigation1, #two .subnavigation2, #three .subnavigation3, #four .subnavigation4, #five .subnavigation5, #six .subnavigation6, #seven .subnavigation7, #eight .subnavigation8, #nine .subnavigation9, #ten .subnavigation10, #eleven .subnavigation11, #twelve .subnavigation12, #thirteen .subnavigation13 { 
display: block;
}

Dieser Codeschnippsel lässt eine evtl. Unternavigation unterhalb des sechsten Navigationsbuttons erscheinen, wenn die sechste Seite mit der ID #six angeschau wird.

Code
#one .navi1 a:link, #two .navi2 a:link, #three .navi3 a:link, #four .navi4 a:link, #five .navi5 a:link, #six .navi6 a:link, #seven .navi7 a:link, #eight .navi8 a:link, #nine .navi9 a:link, #ten .navi10 a:link, #eleven .navi11 a:link, #twelve .navi12 a:link, #thirteen .navi13 a:link { 
background: transparent;
color: #00977b;
}

#one .navi1 a:visited, #two .navi2 a:visited, #three .navi3 a:visited, #four .navi4 a:visited, #five .navi5 a:visited, #six .navi6 a:visited, #seven .navi7 a:visited, #eight .navi8 a:visited, #nine .navi9 a:visited, #ten .navi10 a:visited, #eleven .navi11 a:visited, #twelve .navi12 a:visited, #thirteen .navi13 a:visited {
background: transparent;
color: #00977b;
}

#one .navi1 .subnavigation1 a, #two .navi2 .subnavigation2 a , #three .navi3 .subnavigation3 a, #four .navi4 .subnavigation4 a, #five .navi5 .subnavigation5 a, #six .navi6 .subnavigation6 a, #seven .navi7 .subnavigation7 a, #eight .navi8 .subnavigation8 a, #nine .navi9 .subnavigation9 a, #ten .navi10 .subnavigation10 a, #eleven .navi11 .subnavigation11 a, #twelve .navi12 .subnavigation12 a, #thirteen .navi13 .subnavigation13 a {
background: transparent;
color: #fff !important;
}

#one .subnavigation1 a:hover, #two .subnavigation2 a:hover , #three .subnavigation3 a:hover, #four .subnavigation4 a:hover, #five .subnavigation5 a:hover, #six .subnavigation6 a:hover, #seven .subnavigation7 a:hover, #eight .subnavigation8 a:hover, #nine .subnavigation9 a:hover, #ten .subnavigation10 a:hover, #eleven .subnavigation11 a:hover, #twelve .subnavigation12 a:hover, #thirteen .subnavigation13 a:hover {
background: transparent;
color: #000 !important;
}

Ganz "normale" Deklaration für die jeweiligen Zustände die der sechste avigationsbutton mit der ID #six haben kann.

Es wird nirgend eine ID #six alleine deklariert, sondern immer nur als zusammengesetzter Ausdruck.
Dieser zusammengesetzte Ausdruck ist spielt dann die "if-then-Abfrage". (Nur) wenn die innerhalb der ID #six die folgenden Klassen vorkommen, sollen die entsprechenden Dekalrationen gelten ...

Gruss
Martin


als Antwort auf: [#468659]

Mit CSS nur bestimme Seiten Body's ansprechen ?

Quarz
Beiträge gesamt: 3508

7. Apr 2011, 18:40
Beitrag # 13 von 16
Beitrag ID: #468688
Bewertung:
(24717 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke Martin,

das muss ich mir in Ruhe zu Gemüte führen.
Wo kann man solche speziellen 'Sachen' nachlesen?

Mir raucht der Kopf ;-)


Gruß
Quarz


als Antwort auf: [#468687]
(Dieser Beitrag wurde von Quarz am 7. Apr 2011, 19:00 geändert)

Mit CSS nur bestimme Seiten Body's ansprechen ?

FSt
  
Beiträge gesamt: 1961

7. Apr 2011, 19:29
Beitrag # 14 von 16
Beitrag ID: #468690
Bewertung:
(24709 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
<leise Musik>Tief durchatmen, Augen schliessen, langsam mit einem Lift runter fahren, Stock für Stock, es öffnen sich die Türen, Du bist in einer Kristallhöhle ...</leise Musik>

Wink

Gruss
Martin


als Antwort auf: [#468688]

Mit CSS nur bestimme Seiten Body's ansprechen ?

Quarz
Beiträge gesamt: 3508

9. Apr 2011, 11:03
Beitrag # 15 von 16
Beitrag ID: #468807
Bewertung:
(24643 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Martin,

ich habs mit dem <body id="six"> verstanden
und eine 'schöne' Navigation hinbekommen.

Wer denkt sich solch eine geniale Programmierung
für eine Navigation nur aus, die für einen Neuling
in CSS erst mal schwer zu durchschauen ist.

Noch mal : DANKE


Gruß
Quarz

-------------------------------------------
InDesign CS5 7.03 | Win7/64 Prof.



als Antwort auf: [#468690]
X