| Autor |
Nachricht |
Benutzer 6563
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 19.07.2004 10:54
Titel css erweitert |
  |
|
hab da mal wieder ne frage. es gibt ja diese beiden html codes für links, dass die nicht unterstrichen sind und diesen rollovereffekt das sie halt beim rübergehn die farbe wechseln. nun mach ich das so das ich die auf jeder seite einfügen wo ich die haben will. aber es muss doch auch gehen die in einen style sheet oder so einzubinden und einfach von jeder seite daraufhin zu verweisen oder? arbeite mit golive 6. wie immer dankbar für jede antwort.
mfg ben
|
|
| |
|
 |
speedy-wn
Dabei seit: 31.12.2003
Ort: stuttgart
Alter: -
Geschlecht: 
|
Verfasst Mo 19.07.2004 11:04
Titel
|
|
|
klar du erstellst einfach eine externe css-datei und bindest den link zu der datei dann im header deiner seite ein.
hoffe das ich dein problem richtig verstanden habe!??
|
|
| |
  |
|
|
Anzeige
|
|
|
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht: 
|
Verfasst Mo 19.07.2004 11:05
Titel
|
|
|
Weißt du denn, wie man eine ausgelagerte css-Datei erstellt?
Hier mal ein Beispiel für eine Linkformatierung:
| Code: |
a:active { color:#003C17; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
a:hover { color:#003C17; text-decoration: underline; font-family: Arial, Helvetica, sans-serif}
a:link { color:#C0000A; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight: normal}
A { color:#C0000A; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight: normal}
|
|
|
| |
|
|
Waschbequen
Account gelöscht Threadersteller
Ort: -
|
|
| |
|
|
speedy-wn
Dabei seit: 31.12.2003
Ort: stuttgart
Alter: -
Geschlecht:
|
Verfasst Mo 19.07.2004 12:52
Titel
|
|
|
ich kann dir die externe datei erstellen und dir dann anhängen wenn du möchtest!!!
sag kurz bescheid
|
|
| |
|
|
speedy-wn
Dabei seit: 31.12.2003
Ort: stuttgart
Alter: -
Geschlecht:
|
Verfasst Mo 19.07.2004 12:58
Titel
|
|
|
| Zitat: | Style-Datei anlegen
Die Style-Datei wird als reine Textdatei angelegt. Sie enthält ohne Angabe des Schlüsselwortes "style" ausschließlich die Definitionsausdrücke, also könnte sie etwa wie folgt lauten, auch Kommentarzeilen könnte sie enthalten: H1,P,TABLE{font-family:helvetica;color:red;font-size:14pt}
H2,OL,UL{font-family:arial;color:green;font-size:12pt}
...
/* jetzt reicht es mit den Styles! */
Style-Datei speichern
Die fertige Datei wird unter einem selbst gewählten Namen mit der Kennung ".css", z.B. "styledat.css", am besten in den Ordner gespeichert, der auch die zu formatierenden Webseiten enthält. Das erleichtert den Aufruf.
Style-Datei einbinden
Im <head>- Teil jedes einzubeziehenden Dokuments wird eingetragen: <LINK REL="stylesheet" TYPE="text/css" HREF="styledat.css">
|
damit solltest du klarkommen!!!
|
|
| |
|
|
Benutzer 6563
Account gelöscht Threadersteller
Ort: -
|
Verfasst Di 20.07.2004 13:24
Titel
|
|
|
hallo,
danke für die tipps an alle. wo ich das gelesen haben, erschien mir das auch sehr logisch, hatte vorher nicht dran gedacht aus der datei selbst ne css zumachen, hab immer versucht den code in einen bestehenden css einzubinden und das funtze nicht. aber ich krieg das irgendwie auch nicht hin, irgendwas klappt da nicht obwohl ich nu weiß wie das geht (müsste).
speedy-wn,
kannst du mir die datei erstellen und vielleicht auch ne normale html datei wo die im head schon verlinkt ist, will das krieg ich irgendwie net hin. wär super nett von dir.
hier die beiden codes die ich einbinden will:
<style type="text/css">
a{
text-decoration:none;
}
</style>
<STYLE type="text/css">
a:hover{
color:B7DAFF;
}
</STYLE>
(eben die zum wegmachen des unterstriches bei links und zum farbwechsel beim rollover.)
danke für die mühen, Mit freundlichen Grüßen ben
|
|
| |
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Di 20.07.2004 13:29
Titel
|
|
|
...
^mach einfach ne plain txt.datei, in der | Code: | a{
text-decoration:none;
}
a:hover{
color:B7DAFF;
} |
oder was auch immer drinsteht
(wärst glaub mit
| Code: |
a:link { color: #ffffff; text-decoration:none;}
a:visited { color: #ffffff; text-decoration:none;}
a:hover { color:#B7DAFF; text-decoration:none;}
|
glücklicher)
und speicher die unter "wasauchimmer.css" ...#
wenn die im selber Ordner liegt, wie die html-datei, legst das: | Code: |
<link rel="stylesheet" type="text/css" href="wasauchimmer.css"> |
in den header... fertig...
doch nicht so ein Stress, oder=??
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Mouseover erweitert Text/Links CSS(3) oder...?
|
|
Willkommen auf dem Portal für Mediengestalter
