Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 18
Seite [1]
rob_N


Try to beat me



Herkunft: Berlin
Beiträge: 107
 # Thema - 31.05.2007 um 14:52 Uhr
Hallo, habe grad mal so hier das ganze board durchsucht, jedoch nichts zu meinem Thema gefunden.

Also ich brauche da mal hilfe beim anpassen, das wenn man mit der maus over getStarted oder ähnliches geht, das dann bei subnavi die links erscheinen zum auswählen.

Danke schonmal für die Zahlreichen antworten.


Zuletzt editiert von rob_N am 31.05.2007 um 15:21 Uhr (1x Editiert)
Inaktiv
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 1 - 31.05.2007 um 16:00 Uhr
javascript..

pack die subnavigation in zb
<div id="substarted">subnavi</div>
<div id="subteam">subnavi</div>

usw und dann bei den main links je

<a onmouseover="javascript:submenu('substarted')" href="#">GetSTARTED</a>

und dann im js

 
1.
2.
3.
4.
5.
6.
1. / 2. / ... 
 function submenu(id) {
  document.getElementById('substarted').style.visibility = "hidden";
  document.getElementById('subteam').style.visibility = "hidden";
  // alle anderen bereiche
  document.getElementById(id).style.visibility = "visible";
}
Inaktiv
|
rob_N
Thread-Ersteller


Try to beat me



Herkunft: Berlin
Beiträge: 107
 # Antwort: 2 - 31.05.2007 um 16:07 Uhr
also geht das nur mit java?Nagut, hätte ja sein können, das das auch mit css geht! aber Danke schonmal


Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 3 - 31.05.2007 um 16:19 Uhr
mit javascript, ja.
mit css kann man nur auf die eigenen eigenschaften zugreifen, nicht auf fremde. geht also nicht dass in der subnavigation was passiert wenn du auf den main button klickst durch css.


Inaktiv
|
rob_N
Thread-Ersteller


Try to beat me



Herkunft: Berlin
Beiträge: 107
 # Antwort: 4 - 31.05.2007 um 16:22 Uhr
Edit///

Ich habe das jetzt so weit, das es alles glaube ich an der richtigen stelle sitzt.
http://robn.ro.funpic.de/

Jetzt will ich nur noch, das die schwarzen Sublinks ind weisse Sublinks umgestalltet werden, aber egal wie, ich bekomm das einfach nicht hin. habe schon mit css und sonste was versucht.


Zuletzt editiert von rob_N am 02.06.2007 um 13:35 Uhr (4x Editiert)
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 5 - 02.06.2007 um 14:45 Uhr
hast da was von <font face="Verdana">inhalte</font> geschrieben.
mach mal lieber <span class="subnav">inhalte</span> und dann in der css datei
.subnav {
font-family: Verdana;
color: #FFFFFF;
}


gruß

duRiel


Inaktiv
|
pHaeno* ClanSphere Team


Geekboy





Beiträge: 1405
 # Antwort: 6 - 02.06.2007 um 14:54 Uhr
Also man muss es nicht zwangsweise mit JavaScript machen. Es geht auch mit CSS. Das wird dann zwar einbisschen mehr Fummelkram aber es sollte möglich sein.


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}


## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443
Offline
|
Vyper


Rock the board




Beiträge: 71
 # Antwort: 7 - 02.06.2007 um 14:55 Uhr
So wie es duRiel gepostet hat, wird das CSS nicht funktionieren, da im Stylesheet der <a>-Tag schon eine Farbe zugewiesen bekommen hat.
Deshalb muss das CSS so aussehen:
 
1.
2.
3.
4.
1. / 2. / ... 
 .subnav, .subnav a {
font-family: Verdana, sans-serif;
color: #fff;
}


------------------
Inaktiv
|
pHaeno* ClanSphere Team


Geekboy





Beiträge: 1405
 # Antwort: 8 - 02.06.2007 um 15:01 Uhr
02.06.2007 um 12:55 Uhr - Vyper:
So wie es duRiel gepostet hat, wird das CSS nicht funktionieren, da im Stylesheet der <a>-Tag schon eine Farbe zugewiesen bekommen hat.
Deshalb muss das CSS so aussehen:
 
1.
2.
3.
4.
1. / 2. / ... 
 .subnav, .subnav a {
font-family: Verdana, sans-serif;
color: #fff;
}



color: #ffffff;


Ich bin der meinung man sollte Zahlencodes immer in voller Länge (6stellig) angeben?!


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}


## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443
Offline
|
Vyper


Rock the board




Beiträge: 71
 # Antwort: 9 - 02.06.2007 um 16:27 Uhr
Naja, ist letztenendes gehuppt wie gesprungen, ob man das nun als 6 stelligen oder 3 stelligen Hexadezimalwert schreibt.
Die kürzere Schreibweise hat nur eben den Vorteil, dass die CSS-Datei pro Farbwert (natürlich nur da, wo es auch geht) um 3 Byte kleiner wird.


------------------
Inaktiv
|
rob_N
Thread-Ersteller


Try to beat me



Herkunft: Berlin
Beiträge: 107
 # Antwort: 10 - 03.06.2007 um 01:53 Uhr
Habe jetzt folgendes bei dem javazeug stehen:
<span class="subnav">- <a href="index.php?mod=news&amp;action=recent">News</a> - <a href="index.php?mod=board">Board</a> - <a href="index.php?mod=articles">Articles</a> - <a href="index.php?mod=search">Search</a></span>


und das in der css:
.subnav, .subnav a {
font-family: Verdana, sans-serif;
color: #FFFFFF;
}


Aber dennoch bleiben die links leider schwarz!


Inaktiv
|
pHaeno* ClanSphere Team


Geekboy





Beiträge: 1405
 # Antwort: 11 - 03.06.2007 um 02:56 Uhr
Gib den Links mal eine eigene Klasse. Dann sollte ahc dieses Prob weg sein


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}


## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443
Offline
|
rob_N
Thread-Ersteller


Try to beat me



Herkunft: Berlin
Beiträge: 107
 # Antwort: 12 - 03.06.2007 um 14:12 Uhr
Ich ralls net, echt egal was ich mache, die bleiben einfach schwarz. Weis nicht woran es liegt, aber wenn ich mir die seite hier von der festplatte anguckt, sind die links weis! Also so wie ich es will. Aber sobald die dann aufm testspace sind, werden sie schwarz?!

Wie kompliziert wäre es denn das ganze komplett in css zu machen?!


Inaktiv
|
Vyper


Rock the board




Beiträge: 71
 # Antwort: 13 - 03.06.2007 um 18:42 Uhr
Wenn du dir die Seite auf deinem Webspace anschaust, leerst du dann auch deinen Browser-Cache?!
Im Firefox kannst du auch die Tastenkombination Strg + F5 probieren, dann wird die Seite auch komplett neu, d.h. mit Aktualisierung des Stylesheets, geladen.


------------------
Inaktiv
|
rob_N
Thread-Ersteller


Try to beat me



Herkunft: Berlin
Beiträge: 107
 # Antwort: 14 - 03.06.2007 um 18:52 Uhr
Ja das sowieso! Aber ich verstehs langsam echt nicht mehr! Weil es ist allgemein auch im css angegeben, das links weis sein sollen! Siehe hier
.a:link, a:visited {
background-color:inherit;
color:#FFFFFF;
text-decoration:none;
}
.a:active, a:hover {
background-color:inherit;
color:#FFFFFF;
text-decoration:underline;
}
Aber das macht er ja auch nicht wirklich!
Langsam weis man da wohl nicht mehr weiter!


Inaktiv
|
Vyper


Rock the board




Beiträge: 71
 # Antwort: 15 - 03.06.2007 um 19:54 Uhr
Dein CSS für die Links ist falsch, der Punkt, d.h. ".", muss jeweils vor a:link und a:active weg.
Des Weiteren würde ich ein normales "a" hinzufügen.
D.h. das CSS sollte dann optimalerweise so aussehen (mit einigen Optimierungen):
 
1.
2.
3.
4.
5.
1. / 2. / ... 
 a, a:hover {
background-color:inherit;
color:#FFFFFF;
text-decoration:none;
}


------------------
Inaktiv
|
rob_N
Thread-Ersteller


Try to beat me



Herkunft: Berlin
Beiträge: 107
 # Antwort: 16 - 03.06.2007 um 21:42 Uhr
0Ohne witz, selbst das bringt es nicht :( Ich könnte so heulen!


Inaktiv
|
Vyper


Rock the board




Beiträge: 71
 # Antwort: 17 - 04.06.2007 um 19:01 Uhr
So, hab mir jetzt nochmal den Quelltext deiner Seite angeschaut und musste feststellen, dass sich an verschiedenen Stellen im <body>-Bereich der <style>-Tag mitsamt Definitionen für die Linkfarbe findet.
Für den Loginbereich hast du eine schwarze Schriftfarbe festgelegt.
Das Problem bei der ganzen Sache ist:
Erstens ist der <style>-Tag nicht erlaubt für den Einsatz im Body,
Zweitens wird immer die zuletzt gefundene CSS-Eigenschaft verwendet, d.h. deine eigentlich weiße Schriftfarbe, wie du sie im <head>-Bereich der festlegt hast, wird einfach von der schwarzen Schriftfarbe im Body überschrieben.

Hoffe das hilft bei deinem Problem weiter...


------------------


Zuletzt editiert von Vyper am 04.06.2007 um 19:02 Uhr (1x Editiert)
Inaktiv
|
rob_N
Thread-Ersteller


Try to beat me



Herkunft: Berlin
Beiträge: 107
 # Antwort: 18 - 06.06.2007 um 18:17 Uhr
Danke,daran hat es gelegen! Echt nice das du dir so die mühe gemacht hast und das alles durchgeguckt hast!
Danke danke


Inaktiv
|
Antworten: 18
Seite [1]


Sie müssen sich registrieren, um zu antworten.