Linkfarbe ändern
Linkfarbe ändern
Hallo,
brauche noch einmal hilfe.
Ich habe folgendes Problem: Ich habe zunächst einmal die Schriftfarbe für die Navigation festgelegt, dazu habe ich im Standard CSS folgendes geändert.
a, a:link, a:visited, a:active, a:focus {
color: #FFCC44;
font-size: 14px;
text-decoration: none
}
a:hover {
color: #FFCC66;
font-size: 14px;
text-decoration: underline;
}
Jetzt kommt das eigentliche Problem: Der Hintergrund des Hauptcontents hat ungefähr die selbe Farbe, folglich sieht man z.B. den More Link im Artikellisting fast gar nicht. Wo kann ich jetzt die Linkfarbe für z.B. More im Artikellistiing eine andrere Farbe zuordnen. Im Moment haben alle Links egal ob der Morelink, die Artikelpaginierungslinks für Seite 1,2 usw. die selbe Farbe.
Vielen Dank schon im Voraus
Gruß
MCI
brauche noch einmal hilfe.
Ich habe folgendes Problem: Ich habe zunächst einmal die Schriftfarbe für die Navigation festgelegt, dazu habe ich im Standard CSS folgendes geändert.
a, a:link, a:visited, a:active, a:focus {
color: #FFCC44;
font-size: 14px;
text-decoration: none
}
a:hover {
color: #FFCC66;
font-size: 14px;
text-decoration: underline;
}
Jetzt kommt das eigentliche Problem: Der Hintergrund des Hauptcontents hat ungefähr die selbe Farbe, folglich sieht man z.B. den More Link im Artikellisting fast gar nicht. Wo kann ich jetzt die Linkfarbe für z.B. More im Artikellistiing eine andrere Farbe zuordnen. Im Moment haben alle Links egal ob der Morelink, die Artikelpaginierungslinks für Seite 1,2 usw. die selbe Farbe.
Vielen Dank schon im Voraus
Gruß
MCI
Re: Linkfarbe ändern
Hallo,
du könntest z.B. so etwas machen:
conf.template_default.inc.php:
In der frontend.css:
Also haben wir jetzt eine eigene Klasse gebildet, die mit dem <span> tag um das more gelegt wird. Und die kannst du nach herzenslust formatieren.
Ich kenne deine Seite nicht aber der Grundansatz die globale Formatierung der a tags für die Navigation zu ändern ist schlecht.
Das Thema wird dich nun in allen bereichen der Seite verfolgen.
Ich würde nach obigem Strickmuster die Navigation separat formatieren.
Schaue bitte einmal in den generierten Quelltext, vielleicht generiert deine Navi automatisch Klassen.
Knut
du könntest z.B. so etwas machen:
conf.template_default.inc.php:
Code: Select all
$template_default['top_readmore_before'] = '<span class="more_link">';
$template_default['top_readmore_link'] = 'more…';
$template_default['top_readmore_after'] = '</span>';
Code: Select all
.more_link a, .more_link a:link, .more_link a:visited, .more_link a:active, .more_link a:focus {
color: #FFAA00;
font-size: 12px;
text-decoration: none
}
.more_link a:hover {
color: #FFCC66;
text-decoration: underline;
}
Ich kenne deine Seite nicht aber der Grundansatz die globale Formatierung der a tags für die Navigation zu ändern ist schlecht.
Das Thema wird dich nun in allen bereichen der Seite verfolgen.
Ich würde nach obigem Strickmuster die Navigation separat formatieren.
Schaue bitte einmal in den generierten Quelltext, vielleicht generiert deine Navi automatisch Klassen.
Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Re: Linkfarbe ändern
Danke schön.
Das sieht gut aus, aber du hast recht das müsste ich dann auf alle Bereiche anwenden, und das wäre nicht so effektiv.
Meine Seite heißt http://www.in-der-crone.de
Dies steht in der Vorlage im Haupt:
<div id ="seite">
<div id ="Seite1"><img src="picture/back3.gif" width="771" height="570" /></div>
<div id ="head"><img src="picture/head.gif" width="370" height="90" /></div>
<div id ="nav">{NAV_LIST_UL:F,0,act_path,active}</div>
<div id ="sub"></div>
<div id ="cont">{CONTENT}</div>
<div id ="foot"style="background: url(picture/16.gif) no-repeat;"></div>
<div id ="foot">{SPACER:10x10}{BREADCRUMB}</div>
</div>
Aber wie kann ich die Farbe einzelnd, nur für die Nav ändern????
Gruß
MCI
Das sieht gut aus, aber du hast recht das müsste ich dann auf alle Bereiche anwenden, und das wäre nicht so effektiv.
Meine Seite heißt http://www.in-der-crone.de
Dies steht in der Vorlage im Haupt:
<div id ="seite">
<div id ="Seite1"><img src="picture/back3.gif" width="771" height="570" /></div>
<div id ="head"><img src="picture/head.gif" width="370" height="90" /></div>
<div id ="nav">{NAV_LIST_UL:F,0,act_path,active}</div>
<div id ="sub"></div>
<div id ="cont">{CONTENT}</div>
<div id ="foot"style="background: url(picture/16.gif) no-repeat;"></div>
<div id ="foot">{SPACER:10x10}{BREADCRUMB}</div>
</div>
Aber wie kann ich die Farbe einzelnd, nur für die Nav ändern????
Gruß
MCI
-
- Posts: 99
- Joined: Sat 2. Feb 2008, 17:38
Re: Linkfarbe ändern
Hallo MCI,
du solltest erst die frontend.css von Fehlern bereinigen.
Das
müsstest du so schreiben:
Und das
so
du solltest erst die frontend.css von Fehlern bereinigen.
Das
Code: Select all
*********************Anfang MCI-CSS**********************************
powered by www.mci-media.de //
Code: Select all
/*********************Anfang MCI-CSS**********************************
powered by www.mci-media.de */
Code: Select all
************************Ende MCI-CSS*********************************
Code: Select all
/************************Ende MCI-CSS*********************************/
Re: Linkfarbe ändern
Danke, das abe ich erstmal erledigt.
Gruß
Mci
Gruß
Mci
-
- Posts: 99
- Joined: Sat 2. Feb 2008, 17:38
Re: Linkfarbe ändern
Kannst du denn mal einen Link einbauen? Oder habe ich jetzt etwas falsch verstanden? Ich sehe nur rechts die Navigation.
Re: Linkfarbe ändern
Die Navi kannst du so formatieren - NAV_LIST_UL
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Re: Linkfarbe ändern
Hallo,
zumindest im aktuellen snapshot 1.3.5 hat der "more-Link" bereits eine eigene Klasse.
Nur mal so als Tip...
Besser:
Heiko
zumindest im aktuellen snapshot 1.3.5 hat der "more-Link" bereits eine eigene Klasse.
Code: Select all
<div class="phpwcmsArticleListMore"><a href="index.php?aid=yxz">mehr >></a></div>
Diese globale Einstellung "a, a:link,..." zu benutzen um die Navi-Farbe zu beeinflussen muss zu Problemen führen, da es sich ja auf ALLE Links des Dokuments bezieht, sofern sie nicht anders definiert sind.MCI wrote:Ich habe zunächst einmal die Schriftfarbe für die Navigation festgelegt, dazu habe ich im Standard CSS folgendes geändert...
Besser:
Code: Select all
#nav a, #nav a:link,... {
deine Anweisungen;
}