Gegen Bilderklau - Das Original | Druckvorschau: externe Stylesheets (CSS)

Geschrieben von -Katja- am 05.05.2007 um 10:38:

externe Stylesheets (CSS)

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 ( Augenzwinkern

. 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

Geschrieben von -Katja- am 26.05.2007 um 15:43:

Ganz genau Augenzwinkern

In jedem Ordner, wo die CSS-Datei funktionieren soll, muss die Datei auch drinne sein xD

Geschrieben von Pawie am 26.05.2007 um 15:54:

Zitat:

Original von Smart Angel
Ok, dankeschön fröhlich

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.

Geschrieben von Pawie am 26.05.2007 um 16:00:

Gerngeschehen ;D Bei Fragen einfach hier rein.
(Hab oben noch was dazueditiert)

Liebe Grüße
Pawie.

Geschrieben von -Katja- am 26.05.2007 um 16:06:

Okay. Stimmt XD
Ich mach's immer so, wie ich's geschrieben hab.. obwohl der andere Weg irgendwie.. einfacher ist XD

Geschrieben von Pawie am 26.05.2007 um 16:11:

lol

Es ist eben nur so, wenn man was ändert, muss man's eben öfter ändern. Und Stylesheets haben ja ansich der Vorteil, dass man's bloß einmal ändern bräuchte. Nya und soo~ ^__^
²Smart Angel: Einfach bloß einmal Style.css erstellen & in jedem <head> einfach <link rel="stylesheet" href="http://bliblablub.bl.funpic.de/style.css" type="text/css">, also den direkten Pfad, reinschreiben ;D Also bliblablub.bl natürlich durch deine Adresse ändern XD

Liebe Grüße
Pawie.

Geschrieben von Pawie am 26.05.2007 um 17:22:

Kein Problem fröhlich

Liebe Grüße
Pawie.

Geschrieben von Lua am 02.07.2007 um 22:37:

super erklärt. danke <33

Geschrieben von Astriiid am 03.07.2007 um 08:36:

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 smile

Geschrieben von Lua am 03.07.2007 um 09:49:

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;

}

Geschrieben von Marina347 am 23.07.2007 um 12:41:

neue Frage:

auf meinen Textseiten wollen die Scrollbars nicht so, wie ich es will unglücklich

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

Geschrieben von pony_le am 04.09.2007 um 01:35:

hat sich erledgt. hab andere weg gefunden das problem
zu lösen fröhlich

Geschrieben von die Tini am 12.09.2008 um 17:45:

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

Geschrieben von Julia712 am 12.09.2008 um 19:17:

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