Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> Button nach Klick ändern.
Brian Folte
Geschrieben am: Fr 8.12.2006, 12:26
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 986
Mitglied seit: 26.03.2004


Hallo ich habe folgenes Problem und zwar möchte ich gerne wie bei http://www.quoka.de/ das meine Menüpunkte sich nach dem Klick Farblich ändern. Wie bei http://www.quoka.de/ ganz oben zu sehen ist (Flirt, Kleinanzeigen u.s.w.)

Kann mir da jemand weiter helfen?

LG Brian
Top
PMEmail PosterMSN
Top
 
 
René Weber
rwx-support
#2 Geschrieben am: Fr 8.12.2006, 18:53 (+06:26)
Report PostQuote Post

AyomRank 7
Group Icon

Gruppe: Moderatoren
Beiträge: 1169
Mitglied seit: 3.09.2004


Antwort: de.selfhtml.org

Binde ein CSS File ein, wo du die A, A:hover, A:active, A:visited, A:link und A:focus definierst.

Cheers, René


--------------------
Alles ist relativ.
Visayan Silent Gardens Abenteuer Philippinen
La Fouly Ab in die Berge SOLD!!!
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Brian Folte
#3 Geschrieben am: Di 12.12.2006, 18:42 (+3d 23:49)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 986
Mitglied seit: 26.03.2004


Hallo danke das hat gut geklappt das einzige Problem was ich jetzt habe zwischen meinen einzelnen Buttons den Abstand zu definieren.

LG Brian
Top
PMEmail PosterMSN
Top
 
spacefun
#4 Geschrieben am: Di 12.12.2006, 19:58 (+01:15)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 260
Mitglied seit: 24.01.2004


hallo Brian

Alles zum Thema findest du hier: http://www.css4you.de

einfach ein wenig experimentieren.

gruss
space wink.gif
Top
PM
Top
 
René Weber
rwx-support
#5 Geschrieben am: Di 12.12.2006, 19:59 (+00:00)
Report PostQuote Post

AyomRank 7
Group Icon

Gruppe: Moderatoren
Beiträge: 1169
Mitglied seit: 3.09.2004


Hi Brian,

Auch dieses Problem sollte zu lösen sein:

1) Alle Button Images als gleich Grösse (Höhe, Breite) .GIF, JPG oder PNG erstellen
2) Die DIV oder TD alle mit gleicher Grösse definieren. Du solltest alle Masse explizit angeben (siehe de.selfhtml.org, Tabellen und DIV Parameter). Wichtig ist, dass du alle Parameter einstellst, sonst nehmen die Browser ihre Defaultwerte.

Cheers, René



--------------------
Alles ist relativ.
Visayan Silent Gardens Abenteuer Philippinen
La Fouly Ab in die Berge SOLD!!!
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Brian Folte
#6 Geschrieben am: Di 12.12.2006, 20:06 (+00:07)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 986
Mitglied seit: 26.03.2004


Danke das Problem habe ich nun auch überstanden. Nun kommt das dritte und zwar wenn ich nun auf diesen Link klicke, ändert sich die Hintergrundfarbe, wenn ich jetzt einfach einmal auf die Seite klicke (egal wohin) ändert sich die Farbe wieder Schlagartig ohne das man auf einen neuen Link geklickt hat.

SO sieht mein Code aus:

CODE
.menu1
{
background:url(../graphics/m1.gif);
padding:10px;
font-size: 110px;
display: block;
width:100px;
height: 25px;
text-decoration:none;
float: left;
}



.menu1:active
{
background:url(../graphics/m2.gif);
}
a.home span {
display: none;
}
.clearer {
clear: both;
line-height: 1px;
height: 1px;
}


Die Farbe soll sich erst ändern wenn der User einen neuen Menüpubkt auswählt.

LG Brian
Top
PMEmail PosterMSN
Top
 

#7 Geschrieben am: Di 12.12.2006, 21:50 (+01:43)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 282
Mitglied seit: 19.05.2005


Dann zeig auch nochmal den passenden HTML Code dazu. (aber bitte auch nur den wo das Menü kommt)

Ich denke dort steht irgendwas in diese Richtung:
CODE
<div class="menu1">
<a class="home" href="index.htm">index</a>
<a class="home" href="test2.htm">test2</a>
</div>


Meines Wissens wirst Du dein Problem/Aufgabe nicht mit
CODE
.menu1:active
{
background-color:#00FF00;
}

lösen.

Sondern musst je nach Seite auf der man sich gerade befindet die Klasse des passenden Links ändern.
Also bist Du auf der index.htm kriegt der Link dorthin die Klasse "homejetzt" und nicht "home".
CODE
<a class="homejetzt" href="index.htm">index</a>
<a class="home" href="test2.htm">test2</a>

Ist man gerade auf der test2.htm bekommt wiederum der Link die Klasse...usw.

So sehe ich das, ist aber ohne Garantie wink.gif und noch einfacher gehts bestimmt auch.
Top
PMEmail PosterUsers WebsiteYahoo
Top
 
Brian Folte
#8 Geschrieben am: Mi 13.12.2006, 12:26 (+14:36)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 986
Mitglied seit: 26.03.2004


Mein Code sieht so aus

CODE
<table width="40%" style="border-spacing:15px;">
 <tr>
   <td style="border: solid 0px #000000;"><a class="menu1" href="index.htm"><center><p style="font: 12px Arial;">Startseite</p></center></a></td>
   <td style="border: solid 0px #000000;"><a class="menu1" cellspacing="10" cellpadding="10" href="index.htm"><center>Benutzerdaten<br>bearbeiten</center></a>
</td>
 </tr>


Er steht in der header Datei drin und deswegen könnte ich garnicht so vorgehen wie du beschrieben hast oder habe ich das nur falsch verstanden?

LG Brian
Top
PMEmail PosterMSN
Top
 
André Griepenburg
Andre Griepenburg Internetdienstleistungen
#9 Geschrieben am: Mi 13.12.2006, 13:43 (+01:17)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 784
Mitglied seit: 29.08.2006


hmm...
du müsstest anhand einer Variablen prüfen, welche Seite gerade "aufgerufen" wird und dann dementsprechend das Menu bzw. die CSS Klassen anpassen.


--------------------
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Brian Folte
#10 Geschrieben am: Mi 13.12.2006, 15:35 (+01:51)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 986
Mitglied seit: 26.03.2004


Und wie mache ich das am besten? Habe noch nie so ein Menü erstellt und ich muß sagen es war bis jetzt garnicht so einfach.

LG Brian
Top
PMEmail PosterMSN
Top
 
André Griepenburg
Andre Griepenburg Internetdienstleistungen
#11 Geschrieben am: Mi 13.12.2006, 15:46 (+00:11)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 784
Mitglied seit: 29.08.2006


mhh...
ehrlich gesagt kp ^^
ich würde es im etwa so machen:
(ohne optimierungsanspruch oder richtigkeit)

CODE

// CSS Definitionen
$menu1 = "class = \"menu_inaktiv\"";
$menu2 = "class = \"menu_inaktiv\"";
...

switch ($page) {
  case "home": $menu1 = "class = \"menu_aktiv\"";
  case "
...
}


Verstehste?
mhh...
aber denke das läßt sich noch wesentlich einfacher gestalten, wenn man wüsste wie deine Header Datei ausschaut und wie dein "System" aufgebaut ist ^^
Der obige code ist ja nur ein Beispiel


--------------------
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Brian Folte
#12 Geschrieben am: Mi 13.12.2006, 16:32 (+00:45)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 986
Mitglied seit: 26.03.2004


Das hört sich ja ganz schön schwer an, gibt es da nicht irgendwo eine Anleitung dafür?

LG Brian
Top
PMEmail PosterMSN
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/15451

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Redirected Link - Klick mitloggen Ronald Nickel 340 21 Do 27.11.2008, 08:54
MySql Frage - ID Ändern EuD 119 2 Di 4.11.2008, 11:09
[S] unique Textcontent (Synonym-Suche) nach eigene Martin.NewAd 94 0 Do 23.10.2008, 07:43
[S] PHP -> Upload auf One-Klick-Hoster Tannenbaum 282 13 Mi 22.10.2008, 17:31
Design ändern kahart 150 3 Sa 18.10.2008, 15:28
Paypal Weiterleitung nach Kauf A-Markets 222 6 Fr 17.10.2008, 02:03
weitere Formularfelder nach ausfüllen einblenden easymoments 151 1 So 21.09.2008, 11:36
Auf der Suche nach einem Job ( vorzugsw. 400€ ) Bertrammarcel 124 0 Mi 3.09.2008, 14:44




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]