Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 13
Seite [1]
2easy2kill


Wannabe poster



Herkunft: Wuppertal
Beiträge: 28
# Thema - 07.03.2007 um 20:12 Uhr
Hallo, suche für unsere neue Clanpage ein vertukales Dropdown menue in CSS ohne java.

So eine Art wie bei mousesports sein so das die navie sich runterzieht so das man einfacherweise grafik einbauen kann
Inaktiv
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 1 - 07.03.2007 um 20:28 Uhr
die navi bei mouz is aber eher in php als mit css gemacht.

also die wird einfach dynamisch generiert je nachdem auf welcher seite du grade bist


------------------
www.laszlokorte.de

Inaktiv
|
doc-Freudlos


Wannabe poster




Beiträge: 39
# Antwort: 2 - 07.03.2007 um 20:30 Uhr
http://dynamicdrive.com/dynamicindex1/index.html << da hast ne übersicht an menus


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


Inaktiv
|
2easy2kill
Thread-Ersteller


Wannabe poster



Herkunft: Wuppertal
Beiträge: 28
# Antwort: 3 - 07.03.2007 um 22:07 Uhr
SCHIRI ich weiss das die von mouz das menü in php mit java ist habs selbst mit vava hinbekommen nur kann ich mich dann auf der hp nicht mehr einlogen.

in css hab ich schon ähnliche menüs gesehen nur ohne der der sogenanten dropdown schon welsche aber die navie gehen zu seite auf stat darznter per klick. Gut wenn jemant den Code zum einbauen hätte


Inaktiv
|
4TWENTY


Rock the board




Herkunft: Basel
Beiträge: 78
# Antwort: 4 - 08.03.2007 um 05:05 Uhr
du kannst dich nur nicht einloggen weil der java teil im head bereich ist in deiner index ... verlagere den java teil einfach in eine externe datei und binde sie dann in der index wieder ein.


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


Publicons +-


Inaktiv
|
2easy2kill
Thread-Ersteller


Wannabe poster



Herkunft: Wuppertal
Beiträge: 28
# Antwort: 5 - 08.03.2007 um 13:29 Uhr
1tchy sag dann mal genau wie das geht hab davon nicht so viel ahnung da ich es von webspell umsteige

hab dort den code eingebunden in der index

<script type="text/javascript"></script>

<style type="text/css">
.menutitle{
cursor:pointer;
background-image: url(images/design-_65.png);
margin-bottom: 0px;
color:#ffffff;
width:165px;
height:17px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #ffffff;/* */
}

.submenu{
margin-bottom: 0.5em;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.Stil3 {color: #ffffff}
.Stil5 {color: #000000}
.Stil6 {color: #FFFFFF}
</style>

<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">n')
document.write('.submenu{display: none;}n')
document.write('</style>n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>



und die navie siehts so aus:

<!-- Keep all menus within masterdiv-->
<div id="masterdiv">

<div class="navhead" onClick="SwitchMenu('sub1')">
<div align="left">&nbsp;&nbsp;&nbsp;&nbsp;Content</di v>
</div>
<span class="submenu" id="sub1">
&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?mod=news&amp;action=recent"><span class="Stil3">- News</span></a><br>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?mod=news&action=list"><span class="Stil3">- News Archive</span></a><br>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?mod=articles"><span class="Stil3">- Articles</span></a><br>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?mod=events&amp;action=calendar"><span class="Stil3">- Events</span></a><br>
</span>




Inaktiv
|
borchi


Geekboy



Herkunft: Berlin
Beiträge: 1231
# Antwort: 6 - 08.03.2007 um 14:25 Uhr
Na alles, was zwischen <script type="text/javascript"> und </script> steht in eine externe Datei packen, diese muss dann die Endung .js haben.

Und in den Head schribst du dann: <script language="javascript" src="DIEDATEI.js"></script> . Namen dann natürlich ändern.

btw. die stylesheets würde ich auch in eine .css auslagern.


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


Inaktiv
|
2easy2kill
Thread-Ersteller


Wannabe poster



Herkunft: Wuppertal
Beiträge: 28
# Antwort: 7 - 08.03.2007 um 18:12 Uhr
borchi sag mal wie mans genau macht irgendwie läst sich die navie nicht mehr auf klappen die bleit komplett offen



Inaktiv
|
borchi


Geekboy



Herkunft: Berlin
Beiträge: 1231
# Antwort: 8 - 08.03.2007 um 18:18 Uhr
Code... +-
08.03.2007 um 12:29 Uhr - 2easy2kill:

<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">n')
document.write('.submenu{display: none;}n')
document.write('</style>n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>


Das obige in eine Datei, von mir aus menu.js abspeichern (Ausschneiden und in den Editor rein, dann Speichern unter)

(ohne die HTML Tags <script>und </script>

In deiner Index solltes dann nicht mehr stehen.

Und da wo jetzt nur
<script type="text/javascript">< /script>

steht schreibst du:

<script language="JavaScript" src="menu.js"></script>


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


Zuletzt editiert von borchi am 08.03.2007 um 18:19 Uhr (2x Editiert)
Inaktiv
|
2easy2kill
Thread-Ersteller


Wannabe poster



Herkunft: Wuppertal
Beiträge: 28
# Antwort: 9 - 08.03.2007 um 18:44 Uhr
wo kopirt man die menue.js datei hin. bekomme es nicht so am laufen


Inaktiv
|
borchi


Geekboy



Herkunft: Berlin
Beiträge: 1231
# Antwort: 10 - 08.03.2007 um 18:49 Uhr
In den Ordner, wo deine index.htm ist, also im Template-Ordner


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


Inaktiv
|
2easy2kill
Thread-Ersteller


Wannabe poster



Herkunft: Wuppertal
Beiträge: 28
# Antwort: 11 - 08.03.2007 um 19:02 Uhr
Irgendwie gehts nicht weiss nicht od dort irgendwo ein fehler drin ist momentan siehts so aus http://epmediade.h689973.serverkompetenz.net/index.php?site=news


Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 12 - 08.03.2007 um 19:04 Uhr
die menu js existiert ja auch nicht im

templates/julinator_01/menu.js

ordner


------------------
www.laszlokorte.de

Inaktiv
|
2easy2kill
Thread-Ersteller


Wannabe poster



Herkunft: Wuppertal
Beiträge: 28
# Antwort: 13 - 08.03.2007 um 19:09 Uhr
dises hab ich aber hinzugefügt, hab hald ledich wegen der anpassung nur teampas genutzt wegen der Anpassung.

aber irgendwie klapts nicht so wie ichs in webspell hatte haben hald nicht vor noch ein neues design zu erstellen...



kan geclosst werden habs hinbekommen...


Zuletzt editiert von 2easy2kill am 08.03.2007 um 20:59 Uhr (2x Editiert)
Inaktiv
|
Antworten: 13
Seite [1]


Sie müssen sich registrieren, um zu antworten.