Forum Partner+Friends LinkUs Downloads KNW Suche TS³ Viewer Twitter Facebook

CSS - Anweisung für aktuellen Link in Navileiste

Jetzt kostenlos Anmelden!
  • 1
  • 2


philosapiens Männlich

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

1

Dienstag, 12. Februar 2008, 23:06

CSS - Anweisung für aktuellen Link in Navileiste

Hi,

gerade versuche ich via CSS eine Navileiste zu definieren. Bisher habe ich folgende Anweisungen definiert:

Quellcode

 
1
2
3
4

a:link { color: #000000; text-decoration:none; }
a:visited { color: #000000; text-decoration:none; }
a:hover { color: #0000ff; text-decoration:none; }
a:active { color: #0000ff; text-decoration:none; }


Wenn der aktuell angezeigte a-tag nun andersfarbig bleiben soll während ich über weitere mit dem Mausezeiger wandere, wie müßte dann der CSS-Befehl lauten? Bei selfhtml habe ich nix Entsprechendes gefunden. ;(
Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes: ^^
  • Zum Seitenanfang
  • Zum Seitenende

Riddler Männlich

kennen Einige hier

Beiträge: 307

Geschlecht: Männlich

PHPKIT Version: 1.6.5

2

Mittwoch, 13. Februar 2008, 00:34

Also ich versteh das jetzt so das du, wenn du auf einen Link klickst, der gerade angeklickte Link in der Hover-Farbe bleiben soll. Richtig?
Wenn ja müsste das richtig sein, wie du es oben gepostet hast...

Vielleicht hilft dir auch folgende Seite zu dem Thema:
Klick mich (mal auf die testlinks klicken...)
  • Zum Seitenanfang
  • Zum Seitenende

Master-B Männlich

Grafiker

Beiträge: 79

Geschlecht: Männlich

PHPKIT Version: 1.6.03

3

Mittwoch, 13. Februar 2008, 06:02

Bei diesem CMS (meine Sandbox) ist es Standard.
Schau dir doch mal die CSS an, vllt. ist was brauchbares dabei?
Bei Joomla gehts doch auch?!

Oder hier:
http://www.andreas-kalt.de/webdesign/tut…ite-hervorheben
http://www.thestyleworks.de/tut-art/listnav2.shtml
  • Zum Seitenanfang
  • Zum Seitenende

philosapiens Männlich

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

4

Mittwoch, 13. Februar 2008, 12:53

Hi,

danke für die Gedanken!

Die Empfehlung von Riddler ist sehr interessant! Da werde ich wohl noch oft schmöckern.

EDIT: Das erste Tut von Master-B macht auch genau das, was ich gerne hätte. Mal sehen, ob ich das verwirklicht bekomme. :whistling:

EDIT2: Hmm, leider funzt es nicht so wie es soll. Ich bin jetzt mal von den id´s wieder zurück zu den classes gegangen und leider mußte ich feststellen, dass der Befehl bzw. die Pseudoklassen wie es bei selfhtml so schön heißt nach dem Aufrufen nicht mehr activ ist. Ergo kann folgender CSS-Code auch nicht angenommen werden:

Quellcode

 
1
2
3
4
5
6
7
8
9

...
a:link, a:visited  { color: #000000; text-decoration:none; }
a:hover { color: #0000ff; text-decoration:none; }
a:active { color: #004066; text-decoration:none; }

td.navi { background-color: #c7c7FF; height: 25px;}
td.navi:focus, td.button:link { background-color: #0000ff; height: 25px;}
td.navi:hover, td.button:active { background-color: #e4e4FF; height: 25px;}
...


Der dazugehörige html-Code lautet:

Quellcode

 
1
2
3
4
5
6
7
8

....
    <tr>
     <td class="navi" width="150"><a href="http://www.krenz-kanzlei.rsclan.de/" title="Start">Start</a></td>
    </tr>
    <tr>
     <td class="navi"><a href="http://www.krenz-kanzlei.rsclan.de/beratungsangebot.php" title="Beratungsangebot">Beratungsangebot</a></td> 
    </tr> 
....


Hat einer eine Idee, warum das eigentlich active Element unmittelbar nach dem Aufrufen nicht mehr als activ gewertet wird?
Oder anders:
Wenn ich auf den entsprechenden Link in der Navileiste klicke ist während des Gedrückthaltens der richtige CSS-Code für active auch sichbar. Doch sobald die Anfrage abgearbeitet ist, ist der Button wieder "nicht active".

Idee:
Liegt das eventuell daran, dass ja eine neue Seite aufgerufen wird und dort der "active Button" ja noch nicht aktiviert ist. 8o

EDIT3: Das würde ja bedeuten, dass man für jede Seite eine eigene CSS-Datei benötigen würde oder eine style="...-Anweisung für den jeweils aktiven Button pro Seite erstellen müßte. Oder eben diese dann recht lange CSS-Datei mit den ganzen id`s . :huh:
Uiii! :pinch:
Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes: ^^

Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von »philosapiens« (13. Februar 2008, 17:56)

  • Zum Seitenanfang
  • Zum Seitenende

philosapiens Männlich

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

5

Mittwoch, 13. Februar 2008, 20:40

EDIT4:

So, ich brech gleich zusammen! Wenn ich via php immer nur eine Navileiste aufrufen möchte, dann müßte ich wohl die jeweilige html-Klasse für jede neue "Unterseite" neu definieren. Aber wie???

Um es zu verdeutlichen:

Auf der Seite von Master-B (cms35.teppichkante.de) werden immer die gerade aktiven Links in der class="hoverlink" angezeigt und die übrigen in class="hauptlink". Wie heißt diese Anweisung in php? Oder geht das nur über eine SQL-Datenbank?
Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes: ^^
  • Zum Seitenanfang
  • Zum Seitenende

philosapiens Männlich

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

6

Donnerstag, 14. Februar 2008, 17:45

Hi,

Duuu HiGHteK, bei http://www.chat2u.de ist das ja auch so schick mit der id="active_menu" !!! Wie macht man das denn, damit das via php geschieht???? 8o
Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes: ^^
  • Zum Seitenanfang
  • Zum Seitenende

Master-B Männlich

Grafiker

Beiträge: 79

Geschlecht: Männlich

PHPKIT Version: 1.6.03

7

Donnerstag, 14. Februar 2008, 19:02

Schau nochmal hier rein -> http://www.thestyleworks.de/examples/lis…istnav218d.html

Ist doch selbsterklärend. Ob du das nun mit PHP oder HTML benutzt ist wurscht.
  • Zum Seitenanfang
  • Zum Seitenende

HiGHteK Männlich

findet sich zurecht

Beiträge: 144

Geschlecht: Männlich

PHPKIT Version: 1.6.03

8

Donnerstag, 14. Februar 2008, 19:07

Öhm..Ist schon eine Weile her, dass ich das mal aus Spaß ausprobiert hatte. Und ich denk, da das Menü auf deiner Seite nicht dynamisch erzeugt wird, wird dir das auch nicht viel weiterhelfen....
Aber wieso machst du es so kompliziert?
So wie ich das sehe, hast du für jede Seite in deinem Menü eine eigene PHP-Datei und in dieser, so vermute ich mal, bindest du die Navigation per include oder ähnlichem ein, also schreibst sie nicht für jede Unterseite neu.
Dann probier doch einfach mal folgendes...
Erstelle deine Navigation nach folgendem Muster..

Quellcode

 
1
2
3
4
5
6

<tr>
 <td class="navi"><a class="navilink" $id_startseite href="domain.de/startseite.php">Startseite</a></td>
</tr>
<tr>
 <td class="navi"><a class="navilink" $id_beratung href="domain.de/beratungsangebot.php">Beratungsangebot</a></td>
</tr>


Bist du nun auf der Startseite, schreibt du in die startseite.php vor dem Einbinden der Navigation einfach folgende Zeile...

PHP-Quelltext

 
1

$id_startseite = 'id="navilink_aktiv"';

Analog dazu eben in der beratungsangebot.php folgende Zeile

PHP-Quelltext

 
1

$id_beratung = 'id="navilink_aktiv"';

Und das eben für jede deiner Unterseite immer so weiter nach dem Muster. Hat den Effekt, dass die in der Navigation angegebenen Variablen beim Aufruf der dazugehörigen Unterseite einen Wert erhalten und alle ohne Wert einfach "ignoriert" werden. Somit hast du dann bei einem Link eine id, welche du wunderbar mittels CSS gestalten kannst ;)
Hoff du konntest mir soweit folgen. Ich bin nun auch davon ausgegangen das du irgendeine Art kitähnliches Templatesystem benutzt, weil du vor einiger Zeit deswegen mal gefragt hattest :D Sollte dem nicht so sein, gib Bescheid und ein bisschen Code ^^

Grtz
[Bevor du jemanden mit Füßen trittst, überleg ob du einem eventuellen Echo gewachsen bist]
  • Zum Seitenanfang
  • Zum Seitenende

philosapiens Männlich

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

9

Donnerstag, 14. Februar 2008, 22:23

Hi,

vielen Dank für Eure Zeit!!!

Danke HiGHteK !!!! Genau das ist es. Vielleicht ein wenig plump, aber funktionell!!!! :thumbsup:
Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes: ^^
  • Zum Seitenanfang
  • Zum Seitenende

Master-B Männlich

Grafiker

Beiträge: 79

Geschlecht: Männlich

PHPKIT Version: 1.6.03

10

Donnerstag, 14. Februar 2008, 22:29

Zitat von »HiGHteK«

Sollte dem nicht so sein, gib ... ein bisschen Code
Das wäre in der Tat hilfreich. ;)
  • Zum Seitenanfang
  • Zum Seitenende
  • 1
  • 2

Ähnliche Themen

Tagging