Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 11
Seite [1]
IMBA.Sunrise


Rock the board




Herkunft: Dortmund
Beiträge: 45
# Thema - 07.02.2008 um 16:52 Uhr
hallo
ich habe mir ein design gebaut wo ich jetzt ein dropdown menu einbauen möchte .
und zwar wenn ich auf z.b Home klick soll dann in dem unteren weissen feld die links erscheinen.

kann mir bitte einer helfen wie ich das einbaue ?

hier das design

http://www.clan-imba.de/IMBAIMBAIMBAIMBA/index.htm
Inaktiv
taM*


Geekboy




Beiträge: 1055
# Antwort: 1 - 07.02.2008 um 17:26 Uhr
genau sowas such ich zurzeit auch, aber bei mir ist es etwas komplexer...
ich hatte ein dropdown menü, das aber ganz einfach aufgebaut war...


Inaktiv
|
IMBA.Sunrise
Thread-Ersteller


Rock the board




Herkunft: Dortmund
Beiträge: 45
# Antwort: 2 - 07.02.2008 um 17:36 Uhr
kannste mir villeicht helfen ?


Inaktiv
|
1a Schnitzel


Going for pro





Beiträge: 518
# Antwort: 3 - 07.02.2008 um 17:42 Uhr
Schau dich mal hier bei den Free Templates um, in manchen von denen sind glaube genau die Menüs wie du es haben willst.

Ansonsten google, für solche Menüs gibts hunderte von Scripten.


Zuletzt editiert von 1a Schnitzel am 07.02.2008 um 17:42 Uhr (1x Editiert)
Inaktiv
|
IMBA.Sunrise
Thread-Ersteller


Rock the board




Herkunft: Dortmund
Beiträge: 45
# Antwort: 4 - 07.02.2008 um 17:45 Uhr
ich hab eins gefunden kann mir einer helfen das einzubauen ?

:(script... +-
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
<script type="text/JavaScript">
//-->NAVIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII//-->
function showMain()
{
document.getElementById("navi_main").style.display = "";
document.getElementById("navi_clan").style.display = "none";
document.getElementById("navi_service").style.display = "none";
document.getElementById("navi_contact").style.display = "none";
}
function showClan()
{
document.getElementById("navi_main").style.display = "none";
document.getElementById("navi_clan").style.display = "";
document.getElementById("navi_service").style.display = "none";
document.getElementById("navi_contact").style.display = "none";
}
function showService()
{
document.getElementById("navi_main").style.display = "none";
document.getElementById("navi_clan").style.display = "none";
document.getElementById("navi_service").style.display = "";
document.getElementById("navi_contact").style.display = "none";
}
function showContact()
{
document.getElementById("navi_main").style.display = "none";
document.getElementById("navi_clan").style.display = "none";
document.getElementById("navi_service").style.display = "none";
document.getElementById("navi_contact").style.display = "";
}

//-->NAVIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII//-->
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


der rest... +-
</head>

<body onLoad="MM_preloadImages('bilder/1_main.gif','bilder/2_clan. gif','bilder/3_service.gif','bilder/4_contact.gif')" >
<table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="990" align="left" valign="top"><img src="bilder/header.gif" width="990" height="165"></td>
</tr>
<tr>
<td width="990" align="left" valign="top"><table width="990" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="169" align="left" valign="top"><a href="#" onMouseOver="MM_swapImgRestore()" onClick="MM_swapImage('Image19','','bilder/1_main. gif',1); showMain()"><img src="bilder/1_main.gif" name="Image19" width="169" height="25" border="0"></a></td>
<td width="169" align="left" valign="top"><a href="#" onMouseOver="MM_swapImgRestore()" onClick="MM_swapImage('Image20','','bilder/2_clan. gif',1); showClan()"><img src="bilder/2_clan.gif" name="Image20" width="169" height="25" border="0"></a></td>
<td width="172" align="left" valign="top"><a href="#" onMouseOver="MM_swapImgRestore()" onClick="MM_swapImage('Image21','','bilder/3_servi ce.gif',1); showService()"><img src="bilder/3_service.gif" name="Image21" width="172" height="25" border="0"></a></td>
<td width="168" align="left" valign="top"><a href="#" onMouseOver="MM_swapImgRestore()" onClick="MM_swapImage('Image22','','bilder/4_conta ct.gif',1); showContact()"><img src="bilder/4_contact.gif" name="Image22" width="168" height="25" border="0"></a></td>
<td width="312" align="left" valign="top" background="bilder/5_newsticker.gif"><table width="312" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="82">&nbsp;</td>
<td width="219" align="left" valign="middle">
<td width="11">&nbsp;</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td width="990" height="13" align="left" valign="top" background="bilder/navi_bg.gif"><table width="990" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>


<div style="display: none;" id="navi_main">

<span class="Stil1">- <a href="index.php?mod=news&action=recent">News</a> - <a href="index.php?mod=news">Newsarchive</a> - <a href="index.php?mod=articles">Article</a> - </span></td>

</div>

<div style="display: none;" id="navi_clan">

<span class="Stil1">
- <a href="index.php?mod=members">Member</a> - <a href="index.php?mod=squads">Squads</a> - <a href="index.php?mod=wars">Matches</a> - <a href="index.php?mod=history">History</a> - </span></td>

</div>
<div style="display: none;" id="navi_service">

<span class="Stil1">
- <a href="index.php?mod=files">Downloads</a> - <a href="index.php?mod=board">Forum</a> - <a href="index.php?mod=servers">Server</a> - <a href="index.php?mod=links">Links</a> - </span></td>

</div>

<div style="display: none;" id="navi_contact">

<span class="Stil1">
- <a href="index.php?mod=contact&action=mail">Kontakt</a> - <a href="index.php?mod=imprint">Impressum</a> - <a href="index.php?mod=bxcp&action=about">About(Bxcp)</a> - <a href="index.php?mod=joinus&action=new">Join us</a> - <a href="index.php?mod=fightus&action=new">Fight us</a> </span></td>

</div>


Zuletzt editiert von tho3mas am 07.02.2008 um 17:58 Uhr (1x Editiert)
Inaktiv
|
taM*


Geekboy




Beiträge: 1055
# Antwort: 5 - 07.02.2008 um 19:09 Uhr
für deine bedörfnisse langt auch ein css code.... google.de -> "dropdown navi css" und finden


Inaktiv
|
borchi


Geekboy



Herkunft: Berlin
Beiträge: 1231
# Antwort: 6 - 08.02.2008 um 17:28 Uhr
Glaub bei den CSS-Basierten Dropdowns gibt es /gab es Probleme mit dem IE.

Schau vielleicht mal bei http://dynamicdrive.com/dynamicindex1/index.html vorbei, da gibt es zig Menüs zur Auswahl.


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


Inaktiv
|
IMBA.Sunrise
Thread-Ersteller


Rock the board




Herkunft: Dortmund
Beiträge: 45
# Antwort: 7 - 08.02.2008 um 22:45 Uhr
danke aber ich beklomme keines davon hin, weil sobal ich das in verschidenen tabellen bauen möchte funktioniert es nicht mehr .
kann bitte einer so nett sein und mir die navi in mein temp bauen ? ich könnte auch ein link auf der seite von euch machen . oder ne andre gegenleistung .


Inaktiv
|
1a Schnitzel


Going for pro





Beiträge: 518
# Antwort: 8 - 08.02.2008 um 23:06 Uhr
Warum willst du das denn unbedingt in verschiedenen Tabellen haben?
Klappt bei deinem Aufbau doch auch bestens so und wäre auch noch wesentlich sauberer und einfacher.

Musst halt nur die Buttons cuten, dann kannste auch gleich noch nen schicken RollOver effekt einbauen.


Zuletzt editiert von 1a Schnitzel am 08.02.2008 um 23:09 Uhr (1x Editiert)
Inaktiv
|
IMBA.Sunrise
Thread-Ersteller


Rock the board




Herkunft: Dortmund
Beiträge: 45
# Antwort: 9 - 08.02.2008 um 23:20 Uhr
das sagte wieder was "cuten" wiess eben nicht wie das geschnitten wird
hab nicht viel ahnung davon. Ich kann nur slicen+ anpassen und CP dataien kommplett umbauen das wars glaub ich schon


Inaktiv
|
1a Schnitzel


Going for pro





Beiträge: 518
# Antwort: 10 - 08.02.2008 um 23:26 Uhr
Naja ist eigentlich das selbe, hab mich bissle falsch ausgedrückt.

Du "schneidest" die Buttons halt in gleich große Teile und packst sie dann nebeneinander (nicht in einzelnen Tabellen) auf den Hintergrund.
Dann musst du nur noch die Buttons mit den classes von dem Naviscript versehen.
Einfacher wie bei deinem aufbau geht es eigentlich gar nicht mehr.


Zuletzt editiert von 1a Schnitzel am 08.02.2008 um 23:27 Uhr (1x Editiert)
Inaktiv
|
IMBA.Sunrise
Thread-Ersteller


Rock the board




Herkunft: Dortmund
Beiträge: 45
# Antwort: 11 - 09.02.2008 um 13:36 Uhr
werds nochmal versuchen


Inaktiv
|
Antworten: 11
Seite [1]


Sie müssen sich registrieren, um zu antworten.