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 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"> Content</di v> </div> <span class="submenu" id="sub1"> <a href="index.php?mod=news&action=recent"><span class="Stil3">- News</span></a><br> <a href="index.php?mod=news&action=list"><span class="Stil3">- News Archive</span></a><br> <a href="index.php?mod=articles"><span class="Stil3">- Articles</span></a><br> <a href="index.php?mod=events&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 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. |