Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 4
Seite [1]
RaPiD


Geekboy




Beiträge: 1192
 # Thema - 15.08.2009 um 00:32 Uhr
Wie lösse ich das mein Dropdown menü über den flash (Special Banner / clansphere modul) zu kriegen?
Ich kapier das nicht es mit einem z-index zu lössen, da im google alles auch meist auf englisch ist verstehe ich auch kaum was.
Wenn jemand mehr ahnung davon hat und evtl. auch die zeit hat und mir das problem lössen kann wäre es sehr nett von euch.
Inaktiv
Warlon


Try to beat me





Beiträge: 190
 # Antwort: 1 - 15.08.2009 um 00:57 Uhr
Erstell einfach einen div-Container welcher folgende css-Definitionen beinhaltet

position:absolute; //giebt eine feste Positionierung an
top:xx; left:xx; //legt die Positionierung fest
z-index:2; // legt die Eben fest

z-index kannst du vergleichen wie Ebenen die übereinder gelegt werden.
So auch dein Design auf der ersten Ebene automatisch liegt
und dein Dropdownmenü legtst du mit z-index darüber.

Weitere Erklärung findest du hier.


------------------
Inaktiv
|
RaPiD
Thread-Ersteller


Geekboy




Beiträge: 1192
 # Antwort: 2 - 15.08.2009 um 02:53 Uhr
So hier in der art ?

templates/progeg/index.htm
<td width="122" height="33">

<div style="position:absolute; top:246px; left:134px; z-index:2;">

<dl class="dropdown1">
<dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"></dt>
<dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
<ul>
<li><a href="{url:news_recent}" class="underline">Home</a></li>
<li><a href="{url:events_agenda}" class="underline">Calendar</a></li>
<li><a href="{url:search}" class="underline">Search</a></li>
</ul>
</dd>
</dl>

</div>

</td>
<td width="122" height="33">

<div style="position:absolute; top:246px; left:256px; z-index:2;">

<dl class="dropdown2">
<dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)"></dt>
<dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
<ul>
<li><a href="index.php?mod=members&action=list" class="underline">Clans</a></li>
<li><a href="{url:wars_list}" class="underline">Clanwars</a></li>
</ul>
</dd>
</dl>

</div>

</td>

oder meinst du hier

themes/special/navlist.tpl ?
<div style="position:absolute; top:XXXpx; left:XXXpx; z-index:2;">

<script type="text/javascript" src="./mods/specials/swfobject.js"></script>
<div id="flashcontent" align="center">
<script type="text/javascript">
var so = new SWFObject("./mods/specials/banner.swf", "mymovie", "{specials:width}", "{specials:height}", "8");
so.addVariable("xmlPath", "./mods/specials/data.xml");
so.addParam("menu", "true");
so.write("flashcontent");
</script>
</div>

</div>


Zuletzt editiert von RaPiD am 15.08.2009 um 03:17 Uhr (4x Editiert)
Inaktiv
|
Warlon


Try to beat me





Beiträge: 190
 # Antwort: 3 - 15.08.2009 um 13:52 Uhr
Das kommt in die index.html deines Templates.
Dazu allerdings nich die Größenangaben vergessen
und vergleich es auch im IE, da der auch so seine Probleme hat.
Ansonsten is soweit ok.
Ach und den z-index kannst auch mit 1 festlegen,
da dein Template eh auf der Grundebene(z-index:0 liegt.

Hast du vielleicht auch einen Link dazu?


------------------
Inaktiv
|
RaPiD
Thread-Ersteller


Geekboy




Beiträge: 1192
 # Antwort: 4 - 15.08.2009 um 14:00 Uhr
Dank SCHIRI wurde das problem gelösst der fehler lag an dem macher vom "Special-Banner Modul".
Der jenige hat in der navlist.tpl was vergessen rein zu machen das es für DropDown menüs gehen tut.

themes / deine themes / specials / navlist.tpl

VORHER:
<script type="text/javascript" src="./mods/specials/swfobject.js"></script>
<div id="flashcontent" align="center">
<script type="text/javascript">
var so = new SWFObject("./mods/specials/banner.swf", "mymovie", "{specials:width}", "{specials:height}", "8");
so.addVariable("xmlPath", "./mods/specials/data.xml");
so.addParam("menu", "true");
so.write("flashcontent");
</script>
</div>


NACHHER:
<script type="text/javascript" src="./mods/specials/swfobject.js"></script>
<div id="flashcontent" align="center">
<script type="text/javascript">
var so = new SWFObject("./mods/specials/banner.swf", "mymovie", "{specials:width}", "{specials:height}", "8");
so.addVariable("xmlPath", "./mods/specials/data.xml");
so.addParam("menu", "true");
so.addParam("wmode", "transparent");
so.write("flashcontent");
</script>
</div>


Zuletzt editiert von RaPiD am 15.08.2009 um 15:50 Uhr (2x Editiert)
Inaktiv
|
Antworten: 4
Seite [1]


Sie müssen sich registrieren, um zu antworten.