Du bist nicht angemeldet. [Anmelden]
Optionen
Thema bewerten
Linkstyling. - #1849857 - 27.09.2009, 13:50:19
DreamGirl1617
Nicht registriert


Hey.

Hab 'ne Frage.
Ist es möglich, zwei verschiedene Linkstylings auf die Homepage einzubinden?
Ich will z.B. die normalen Links (NICKs Homepage, Gästebuch, Homepage bearbeiten etc.) dunkelrot haben, hab aber auch Links zu Videos eingebaut, die weiß sein sollen. Auf Ramnips Homepage steht nur, dass ein Code für alle Links ist. Vielleicht fällt mir die Lösung grade nicht ein.. Kann mir jemand helfen?

Mit freundlichen Grüßen
Elli

[zum Seitenanfang]  
Re: Linkstyling. [Re: ] - #1849886 - 27.09.2009, 14:08:37
KnuddelWelli

Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
Hier wäre es wohl am besten, du definierst die Linkfarbe für die Knuddelslinks im CSS ganz normal und allen andren Links, die du zB. eben weiß haben magst, weißt du eine extra Klasse zu. Könnte dann so aussehen:

Code:
<style type="text/css">
a:link, a:active, a:visited {
	color:#8B0000; /* dunkelrot */
}

.white {
	color:#FFFFFF; /* weiß */
}
</style>

Natürlich musst du das jetzt noch umformatieren, alles in eine Zeile schreiben, sonst funktionierts im Knuddels-Editor nicht.

Der HTML-Code dazu sieht dann so aus:
Html:
<a href="URL" class="white">TEXT</a>

Hoffe es war verständlich. :-)

[zum Seitenanfang]  
Re: Linkstyling. [Re: KnuddelWelli] - #1849903 - 27.09.2009, 14:28:17
DreamGirl1617
Nicht registriert


Ja, denke schon, ich probiers direkt mal. Danke. :D


Bearbeitet von DreamGirl1617 (27.09.2009, 14:29:59)

[zum Seitenanfang]  
Re: Linkstyling. [Re: ] - #1850274 - 27.09.2009, 22:46:23
Hugi2
Nicht registriert


so ein Problem hate ich auch Danke

[zum Seitenanfang]  
Re: Linkstyling. [Re: ] - #1850382 - 28.09.2009, 01:56:21
Bizarrus
Nicht registriert


Zitat:
<style type="text/css">
a {
color: #444444;
}

a:hover {
color: #FF9000;
}
</style>

[zum Seitenanfang]  
Re: Linkstyling. [Re: ] - #1850432 - 28.09.2009, 08:27:14
Scnappi
Nicht registriert


Antwort auf: Bizarrus
Zitat:
<style type="text/css">
a {
color: #444444;
}

a:hover {
color: #FF9000;
}
</style>


Damit legt man die Schriftfarbe für Links auf der gesamten Homepage fest und genau darum geht es doch garnicht. Der oben genannte Code von KnuddelWelli war schon richtig. *g*

[zum Seitenanfang]  
Re: Linkstyling. [Re: ] - #1850697 - 28.09.2009, 16:04:00
DreamGirl1617
Nicht registriert


Es hat trotzdem nicht funktioniert, wahrscheinlich bin ich zu blöd, um das richtig in die HP einzufügen.

[zum Seitenanfang]  
Re: Linkstyling. [Re: ] - #1850731 - 28.09.2009, 16:50:11
chrixix

Registriert: 25.10.2005
Beiträge: 12.620
Das ist der CSS-Code, den du einfach in die HP einfügen muss, copy and paste:
Warnung! Spoiler!
<style type="text/css">a:link, a:active, a:visited { color:#8B0000; /* dunkelrot */}.white { color:#FFFFFF; /* weiß */}</style>

Und eben diejenigen Links, die du dann nicht in dieser Farbe haben willst, schreibst du dann so:
Code:
<a href="HierDieUrl" class="white">TEXT</a>

Das class="white" zeigt nur, dass hier die oben deklarierte Klasse "white" genutzt wird, was bedeutet, dass die Farbe #FFFFFF genutzt wird.


Eigentlich kann man da nicht so viel falsch machen. *g

[zum Seitenanfang]  
Re: Linkstyling. [Re: chrixix] - #1850806 - 28.09.2009, 18:15:09
Scnappi
Nicht registriert


Und falls das immernoch nicht geht, versuch folgendes:
Warnung! Spoiler!
Html:
<style type="text/css">a:link, a:active, a:visited { color:#8B0000; /* dunkelrot */}.white { color: #FFFFFF !important; /* weiß */}</style>


Bearbeitet von Scnappi (28.09.2009, 18:15:43)

[zum Seitenanfang]  
Re: Linkstyling. [Re: ] - #1850813 - 28.09.2009, 18:23:33
DreamGirl1617
Nicht registriert


ACHSO. Jetzt hab ich's geschnallt, denke ich! DANKE! xD

[zum Seitenanfang]  
Re: Linkstyling. [Re: ] - #1850821 - 28.09.2009, 18:32:21
DreamGirl1617
Nicht registriert


Editzeit eben abgelaufen. :| Es funktioniert jedenfalls, danke für die Hilfe! :D

[zum Seitenanfang]  
Re: Linkstyling. [Re: ] - #1851017 - 28.09.2009, 23:23:05
KnuddelWelli

Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
Bitte bitte. ;-)

[zum Seitenanfang]