-Katja-
externe Stylesheets mit CSS
Externe Stylesheets sind deutlich einfacher, als CSS-Dateien auf jeder Seite. Beim Designwechsel muss nur eine Datei geändert werden, und nicht jede Unterseite. Das spart jede Menge Arbeit (;
In den HEAD-Tag auf JEDE Unterseite:
| code: |
1:
|
<link rel="stylesheet" href="style.css" type="text/css"> |
|
Dadurch wird die Stylesheet Datei (hier heißt sie 'style.css') auf diese Unterseite eingebunden. Schreibt den Code auf jede Unterseite, wo die Datei eingebunden werden soll.
Die Stylesheet-Datei (style.css)
Erstellt erstmal eine neue Datei, die style.css heißt (falls ihr so eine Datei nicht erstellen könnt, ladet sie aus meinem Anhang herunter. Ihr müsst sie allerdings noch entzippen (
. In diese kommen jetzt die Angaben. Man kann eigentlich so gut wie alles festlegen.
Ich gebe dir mal ein Beispiel für so einen Code (Falls dieser Code benutzt wird, bitte die '//...' entfernen!)
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
|
body {
background-color: transparent; //Hier wird die Hintergrundfarbe der Seite festgelegt.
font-family: Verdana; //Schriftart
color: #635B3D; //Schriftfarbe
text-align: center; //Textformat, zentriert, links, rechts oder Blocksatz.
font-size: 10px; //Schriftgröße
} |
|
Abspeichern, und fertig.
Weitere Hilfestellungen zu CSS findet ihr hier :
Tutorial von Katja
Liebe Grüße,
Katja
-Katja-
Ganz genau
In jedem Ordner, wo die CSS-Datei funktionieren soll, muss die Datei auch drinne sein xD
Pawie
| Zitat: |
Original von Smart Angel
Ok, dankeschön 
Achja und mit Css kannst du auch die Farbe der Tabellen einstellen? Oder nur die Schrift und die Scrollbars? |
Klar kann man das auch ;D
Einfach
table {
background-color: blah; }
Bzw. eben Schriftarbe oder was auch immer xD Weiß ja nicht was du jetzt meintest. ^__^
Edit: ²Katja: Was ich jetzt allerdings nicht verstehe. Wieso sollte Smart Angel bei jedem Ordner die CSS Datei hochladen? Sie kann doch einfach bei jeder Unterseite den Link für die selbe Datei angeben.
Also als Beispiel, wenn die Ordnerstruktur jetzt so ist:
Root (mit Style.css, Lay.html usw.)
- Ordner 1 (mit Unterseite10.html)
-- Unterordner 1 von Ordner 1 (mit Unterseite11.html)
-- Unterordner 2 von Ordner 1 (mit Unterseite12.html)
- Ordner 2 (mit Unterseite20.html)
-- Unterordner 1 von Ordner 2 (mit Unterseite21.html)
-- Unterordner 2 von Ordner 2 (mit Unterseite22.html)
Dann reicht es ja, wenn sie im Root-Verzeichnis Style.css hochlädt und im Header
<link rel="stylesheet" href="http://bliblablubb.bl.funpic.de/style.css" type="text/css">
'reinschreibt ;D
Liebe Grüße
Pawie.
Pawie
Gerngeschehen ;D Bei Fragen einfach hier rein.
(Hab oben noch was dazueditiert)
Liebe Grüße
Pawie.
-Katja-
Okay. Stimmt XD
Ich mach's immer so, wie ich's geschrieben hab.. obwohl der andere Weg irgendwie.. einfacher ist XD
Astriiid
Hey.
Ich wollte nur vermerken, wenn ihr irgendeine Datei außerhalb eures Ordners verlinken müsst:
zB von bliblablub.bli.funpic.de/pferde/pferd1.html nach bliblablub.funpic.de/style.css dann so:
<a href="../style.css">
also zwei punkte und dann schrägstrich, dann die Datei.
geht auch aus zwei ordnern hinaus ../../style.css, usw.
hoffe das war verständlich
Lua
ich habe das jetzt so gemacht und mei style.css auch eingerichtet. aber jetzt sind die links wieder blau und unterstrichen. was soll ich machen?
mein style.css code.. ->
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
|
body {
background-color: transparent;
font-family: Verdana;
color: #636551;
text-align: center;
font-size: 10px;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #00000;
scrollbar-track-color: #ffffff;
}
|
|
Marina347
neue Frage:
auf meinen Textseiten wollen die Scrollbars nicht so, wie ich es will
Der Code funktionniert nur bei Textareas, nicht bei den Seiten an sich (also bei denen, die erscheinen, wenn die Seite "zu lang" ist).
Ich hoffe, ihr versteht, was ich meine?
Ich würde mich freuen, wenn ihr mir schnell helfen könntet,
Marina
pony_le
hat sich erledgt. hab andere weg gefunden das problem
zu lösen
die Tini
Hallo!
Ich hab eine Frage bezüglich Tabellen...
kann man das auch so machen das beispielsweise eine spalte in rot und die andere in blau ist? weil man verwendet ab und zu ja auch mehrere farben in einer tabelle...
vlg vrh ponyhof naeve
Julia712
Hey!
Das kannst du über Klassen machen. Einfach im Stylesheet das schreiben:
| code: |
1:
2:
3:
4:
5:
6:
|
.rot {
background-color: #FF0000;
}
.blau {
background-color: #0000FF;} |
|
Da kannst du dann natürlich alle Angaben reinschreiben, die bei der jeweiligen Klasse dabei sein sollen. Und im normalen HTML-Code schreibst du dann in der Tabelle zB:
| code: |
1:
|
<td class="rot">inhalt...</td> |
|
Lg, Julia
