Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.02.2011 um 17:50 (UTC)    
Titel: Aktiver Button als Link?! (erledigt)

Hi,

wie man auf meiner Seite sieht, http://sound-inferno.de.tl/News.htm befindet sich die Navigation oben.
Ebenfalls ist ein Hovereffekt vorhanden

Wie kann ich einstellen, dass wenn z.b. News aufgerufen ist, der Button groß bleibt so wie beim Hovereffekt?
______________


Zuletzt bearbeitet von sound-inferno am 19.02.2011, 14:18, insgesamt 2-mal bearbeitet
Beitrag17.02.2011 um 18:00 (UTC)    
Titel:

Hi,
versuch es mal mit folgendem.
Habe das aus einem anderen Thread. Die Forensuche mit "checked_menu"
würde dir bestimmt auch helfen!

badweb hat Folgendes geschrieben:
Hi,
ja es ist möglich.
Allerdings wirst du dazu wieder für jeden Button einzeln diesen Effekt festlegen müssen:

Text über dem Design
Code:
<style type="text/css">
tr.checked_menu td#nav_Seitenname {
background: url(Bildadresse) no-repeat;
}

tr.checked_menu td#nav_Seitenname2 {
background: url(Bildadresse) no-repeat;
}

usw ...
</style>

Das "usw ..." natürlich entfernen
Beitrag17.02.2011 um 18:17 (UTC)    
Titel:

Das funktioniert wenn man die Navigation links hat. ich habe die aber oben und das ist ja der Code von hier: http://iceblue-test.de.tl/Eigene-Navi_Buttons.htm

Also zumindest ist verständlich was ich meine, das ist ja schonmal was.

Jetzt müsste man das nur noch für diesen Code anpassen Smile
______________
Beitrag19.02.2011 um 13:17 (UTC)    
Titel:

Hier die Antwort von Iceblue-Test.de.tl

Zitat:
Jede Seite, die du in der Navi oben verlinkt hast, muss dann als Inhalt einen CSS Code bekommen, mit den Anweisungen, die der "Hover-Effekt" hat.

Beispiel ?
-----------
- Seite mit Titel Hauptseite ist #link_1 a {
- Seite mit Titel "News" wäre #link_2 a {
- Seite mit Titel "Events" wäre #link_3 a (u.s.w.)

Hauptseite bekommt #link_1 a {
mit den Anweisungen, die der Hover hat. Mit einem !important, damit diese als "wichtiger" bewertet und vorrangig ausgeführt wird.

Beispiel 2: Die Hauptseite
- auf "Eigene Seiten editieren"
- Seite "Hauptseite" wählen
- im Editor oben links auf "Quellcode" klicken
- diesen CSS-Code zu Beginn der Seite einfügen:

<style type="text/css">
<!--
#link_1 a {
font-size:15px!important;
margin-top: 20px!important;
padding-top: 5px!important;
padding-bottom: 5px!important;
color: #ffffff!important;
font-weight: bold!important;
background-color: #6f8ac4!important; }
-->
</style>

Die Anweisungen hier wären nur Beispiele.
Schaue bitte, welche Anweisungen bei dir die a:hover bekommen haben. Diese setzt du dann in diesem Beispiel ein. Die Seite News / Events u.s.w. bekommen den gleichen Code, nur statt #link_1 a dann #link_2 a, #link_3 a (u.s.w.) in der CSS-Anrede.

______________
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de