a:active {

[Zicco]

huhu

hab nen problem/frage

und zwar hab ich folgende links in der navileiste home foto .. wenn ich die seite lade sind alle links noch unberüht. fahre ich mit der maus rüber bekommt der link ne andere farbe wo ich drauf geh.
klick ich den link foto an bekommt der dank a:active { die gewünscht farbe beim klicken.
Aber sobald ich mit klicke fertig bin und auf der fotoseite bin ist alles normal kann ich den "aktiven link" permanent einfärben so das der user weiß wo er sich befindet?

hab jetz zwar raus gefunden das a:active { eben nur den klick lang das so färbt wie man das will aber danach nicht mehr ich such jetz was damit der permanent so gefärbt is wie ich das will

s hatte ich gedacht geht das aber wie gesagt active geht nur für den klick
#nav li a:active {
border-top: 3px solid #1c5b69;
color:#1c5b69
}

 

[sokie]

AW: a:active {

:active gilt nur für den moment des draufklickens. Wenn du den geklickten Link in der neu geladenen Seite farblich hervorheben, musst du ihm dann zB eine klasse geben.

 

[cebito]

AW: a:active {

Du kannst auf der jeweiligen Seite dem entsprechenden Link eine Klasse verpassen bsp. Startseite:

<a class="aktiverLink" href="index.html">Home</a>

und diesen dann per css stylen:

 .aktiverLink{
border-top: 3px solid #1c5b69;
color:#1c5b69
}

Auf den anderen Seiten gibtst du dann dem jeweils entsprechenden Link diese Klasse.

 

[Zicco]

AW: a:active {

hab das jetz doch mal getestet.. es geht aber nur teilweise, denn ic bekomme den rahmen oben aber die schrift farbe ändert sich nicht ..

hab btw den ";" vergessen bei
color:#1c5b69;
}

aber den fehler find ich sicher noch danke nochmal =)

 

[Blackout289]

AW: a:active {

gabs das Thema nicht scho mal?
Für diese Lösung brauchst du halt PHP:


MFG

 

[cebito]

AW: a:active {

Für diese Lösung brauchst du halt PHP:

Brauchen? Nö, siehe oben - geht doch ohne. Das es mit php (vor allem bei größeren Projekten mit evtl. noch automatisch generierten Seiten) gut umzusetzen ist steht auf nem anderen Blatt.

 

[Blackout289]

AW: a:active {

okay gewonnen...=)

WOOOOOOOOOOOOOOOOOOOW shit war da gradn fetter blitzzz..

 

[bubu306]

AW: a:active {

Hallo zusammen, jetzt mus sich auf das Thema noch einmal zurück kommen.

Ich versuch schon die ganze Zeit hier dieses active einzusetzen, so das beim angeklickten Navi die Navi blau bleibt, damit man weiss wo man ist.....leider ohne Erfolg.

Bin am verzweifeln....

CSS:

.art-BlockContent-body
{
    color:#FFFFFF;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0px;
    text-align: left;
    text-indent: 0px;
    margin-left: 0px;
    padding-bottom: 15px;
}

.art-BlockContent-body a:link
{
color: #F8F7F1;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
    color: #F8F7F1;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
color: #004594;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-BlockContent-body a:active, .art-BlockContent-body a.active
{
color: #0F0;
}

.art-BlockContent-body ul
{
list-style-type: none;
color: #FFFFFF;
margin:0;
padding:0;
}

.art-BlockContent-body ul li
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
line-height: 125%;
line-height: 1.64em;

muss ich jetzt im index.php das active zu der class hinzufügen ??

<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>
<div class="art-contentLayout">
<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>
</div>
<?php endif; ?>
<div class="art-<?php echo artxGetContentCellStyle($document); ?>">

<?php
  echo artxModules($document, 'banner2', 'art-nostyle');
  if (artxCountModules($document, 'breadcrumb'))
    echo artxPost(null, artxModules($document, 'breadcrumb'));
  echo artxPositions($document, array('user1', 'user2'), 'art-article');
  echo artxModules($document, 'banner3', 'art-nostyle');
?>
<?php if (artxHasMessages()) : ?><div class="art-Post">
    <div class="art-Post-body">
<div class="art-Post-inner">
<div class="art-PostContent">

<jdoc:include type="message" />

 

[sokie]

AW: a:active {

das ist doch Joomla! Joomla setzt die aktive klasse für den aktiven Menüpunkt automatisch - da musst du am Template nicht schrauben. nur im css die class "active" regeln

 

[bubu306]

AW: a:active {

@sokie hab schon alles probiert, geht aber irgenwie nicht :'''(

.art-BlockContent-body a:active, .art-BlockContent-body a.active { color: #0F0; }

 

[sokie]

AW: a:active {

die Formatierung für die Menü-einträge sind im Abschnitt /*begin MenuItem*/ bei artisteer Templates zu finden. Die Einträge .art-BlockContent-body a:active, .art-BlockContent-body a.active { color: #0F0; } werden durch die spezielleren auf '.art-menu' bezogenen Regeln überschrieben.

du bekommst in der Ausgabe für den angeklickten Menüpunkt den code in etwa der form:

<ul class="menu"><li id="current" class="active item85">

ausgezeichnet wird.
Das lässt für das css nun zu, dass man das Element genau selektieren kann, und Eigenschaften zuweisen.
nun geht es dir hier (nur) um die Navigation in der sidebar. Der CSS-Selektor muss als so aussehen:

     .art-sidebar1 #current .active{   /* Deine Fromatierungen */ }

oft werden hier die selben Regeln wie für das Hover notiert.