Zum Inhalt springen

###NEWS_LINK### definieren ... Wie?

Erstellt am 6. April 2004 · 2 Antworten · letzte Antwort am 30. April 2004

Tags: tt_news, HTML & CSS, Frage

Mathaka ·

Ich habe das Problem, dass meine Links nicht über die Standard CSS Vorgaben definiert werden können, sondern ich für den marker NEWS_LINK eine eigene Definition vornehmen muss.

Meine Frage ist... Wie und vor allem wo?

Wenn mir jemand helfen könnte wär ich sehr dankbar, da mir das StandardLila absolut nich gefällt 😉

Wie kann ich diese einzelnen Marker definieren und ihnen eigene Styles zuweisen?

Am besten wär ein Codebeispiel ... da ich noch totaler Anfänger bin

mavo ·

Hi Mathaka,

also man kann das schon über CSS definieren. Man kann nämlich jeder class eine Link Eigenschaft "zuweisen". So hab ich das gemacht. Ich habe für die News einen neuen CSS Style gemacht und diesen dann im Template der News Seite eingefügt.

<p class="newsSytleNews"> ....</p> oder so ähnlich

Und wie kann man die Link speziel definieren? Hier der Auszug aus meiner style.css:

A:link {
	COLOR: #cb2424; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #cb2424; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #cb2424; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:active {
	COLOR: #cb2424; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.text_normal {
	FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: justify
}
A.text_normal:link {
	FONT-SIZE: 12px; COLOR: #cb2424; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.text_normal:visited {
	FONT-SIZE: 12px; COLOR: #5d1010; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.text_normal:hover {
	FONT-SIZE: 12px; COLOR: #cb2424; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.text_normal:active {
	FONT-SIZE: 12px; COLOR: #cb2424; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.menu_small:link {
	FONT-SIZE: 10px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menu_small:visited {
	FONT-SIZE: 10px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menu_small:hover {
	FONT-SIZE: 10px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.menu_small:active {
	FONT-SIZE: 10px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

Ich denk dass dir das weiterhelfen kann. Wenn net noch mal nachhacken.

Ciao