Page 1 of 1
Linkfarbe ändern
Posted: Thu 6. Mar 2008, 19:42
by MCI
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
Re: Linkfarbe ändern
Posted: Thu 6. Mar 2008, 20:02
by flip-flop
Hallo,
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>';
In der frontend.css:
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;
}
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
Re: Linkfarbe ändern
Posted: Thu 6. Mar 2008, 20:08
by MCI
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
Re: Linkfarbe ändern
Posted: Thu 6. Mar 2008, 20:25
by KeineAhnung
Hallo MCI,
du solltest erst die frontend.css von Fehlern bereinigen.
Das
Code: Select all
*********************Anfang MCI-CSS**********************************
powered by www.mci-media.de //
müsstest du so schreiben:
Code: Select all
/*********************Anfang MCI-CSS**********************************
powered by www.mci-media.de */
Und das
Code: Select all
************************Ende MCI-CSS*********************************
so
Code: Select all
/************************Ende MCI-CSS*********************************/
Re: Linkfarbe ändern
Posted: Thu 6. Mar 2008, 20:33
by MCI
Danke, das abe ich erstmal erledigt.
Gruß
Mci
Re: Linkfarbe ändern
Posted: Thu 6. Mar 2008, 20:46
by KeineAhnung
Kannst du denn mal einen Link einbauen? Oder habe ich jetzt etwas falsch verstanden? Ich sehe nur rechts die Navigation.
Re: Linkfarbe ändern
Posted: Thu 6. Mar 2008, 21:06
by flip-flop
Die Navi kannst du so formatieren -
NAV_LIST_UL
Re: Linkfarbe ändern
Posted: Fri 7. Mar 2008, 11:20
by Heiko H.
Hallo,
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>
Nur mal so als Tip...
MCI wrote:Ich habe zunächst einmal die Schriftfarbe für die Navigation festgelegt, dazu habe ich im Standard CSS folgendes geändert...
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.
Besser:
Code: Select all
#nav a, #nav a:link,... {
deine Anweisungen;
}
Heiko