ilch.de :: Forum :: Allgemein :: Design- und Projektvorstellungen

Zitat geschrieben von ekie

Wo kann man das mit dem Menü oben runterladen, bzw. Wie kann man das machen? zwinker

Zum Design: Für die Autoren ansprechend!

Ganz einfach!

In der index.htm oben in den <head> Bereich das Einfügen:

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

<script type="text/javascript">
 
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
 
//Contents for menu 1, and so on
var menu1=new Array()
menu1[0]='<a href="?teams">&bull; Teams</a>'
menu1[1]='<a href="?wars">&bull; Matches</a>'
menu1[2]='<a href="?history">&bull; History</a>'
menu1[3]='<a href="#">&bull; Sponsors</a>'
menu1[4]='<a href="?awards">&bull; Awards</a>'
menu1[4]='<a href="?joinus">&bull; Join us</a>'
menu1[4]='<a href="?fightus">&bull; Fight us</a>'
 
//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a href="?user">&bull; Members</a>'
menu2[1]='<a href="?forum">&bull; Forum</a>'
menu2[2]='<a href="?downloads">&bull; Downloads</a>'
menu1[3]='<a href="?links">&bull; Links</a>'
menu1[4]='<a href="?linkus">&bull; Link us</a>'
 
//Contents for menu 3, and so on in arbeit
var menu3=new Array()
menu3[0]='<a href="?kalender">&bull; Kallender</a>'
menu3[1]='<a href="?gallery">&bull; Galerie</a>'
menu3[2]='<a href="?gbook">&bull; Gästebuch</a>'
menu3[3]='<a href="?kasse">&bull; Kasse</a>'
 
//Contents for menu 4, and so on
var menu4=new Array()
menu4[0]='<a href="?news">&bull; News</a>'
menu4[1]='<a href="?awards">&bull; Awards</a>'
menu4[2]='<a href="?history">&bull; History</a>'
menu4[3]='<a href="?impressum">&bull; Imprint</a>'
menu4[4]='<a href="?faq">&bull; FAQ</a>'
menu4[5]='<a href="?awaycal">&bull; Awaylist</a>'
         
var menuwidth='165px' //default menu width
var menubgcolor='white'  //menu bgcolor
var disappeardelay=500  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
 
/////No further editting needed
 
var ie4=document.all
var ns6=document.getElementById&&!document.all
 
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
 
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
 
 
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
 
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
 
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
 
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
 
 
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
 
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
 
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
 
return clickreturnvalue()
}
 
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
 
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
 
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
 
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
 
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
 
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
 
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
 
</script>

Und den Bereich nach Belieben verändern:

//Contents for menu 1, and so on
var menu1=new Array()
menu1[0]='<a href="index.php?teams">&bull; Teams</a>'
menu1[1]='<a href="index.php?wars">&bull; Matches</a>'
menu1[2]='<a href="index.php?history">&bull; History</a>'
menu1[3]='<a href="#">&bull; Sponsors</a>'
menu1[4]='<a href="index.php?awards">&bull; Awards</a>'
menu1[4]='<a href="index.php?joinus">&bull; Join us</a>'
menu1[4]='<a href="index.php?fightus">&bull; Fight us</a>'
 
//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a href="index.php?user">&bull; Members</a>'
menu2[1]='<a href="index.php?forum">&bull; Forum</a>'
menu2[2]='<a href="index.php?downloads">&bull; Downloads</a>'
menu1[3]='<a href="index.php?links">&bull; Links</a>'
menu1[4]='<a href="index.php?linkus">&bull; Link us</a>'
 
//Contents for menu 3, and so on in arbeit
var menu3=new Array()
menu3[0]='<a href="index.php?kalender">&bull; Kallender</a>'
menu3[1]='<a href="index.php?gallery">&bull; Galerie</a>'
menu3[2]='<a href="index.php?gbook">&bull; Gästebuch</a>'
menu3[3]='<a href="index.php?kasse">&bull; Kasse</a>'
 
//Contents for menu 4, and so on
var menu4=new Array()
menu4[0]='<a href="index.php?news">&bull; News</a>'
menu4[1]='<a href="index.php?awards">&bull; Awards</a>'
menu4[2]='<a href="index.php?history">&bull; History</a>'
menu4[3]='<a href="index.php?impressum">&bull; Imprint</a>'
menu4[4]='<a href="index.php?faq">&bull; FAQ</a>'
menu4[5]='<a href="index.php?awaycal">&bull; Awaylist</a>'

Danach in deinem Design da wo Du das Menü haben möchtest bitte folgendes einfügen:

<tr>
          <td><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '120px')" onMouseout="delayhidemenu()"><img src="include/designs/clan_template/bilder/top_menu/top_menu_01.png" width="120" height="30" border="0"></a></td>
          <td><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '120px')" onMouseout="delayhidemenu()"><img src="include/designs/clan_template/bilder/top_menu/top_menu_02.png" width="120" height="30" border="0"></a></td>
          <td><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '120px')" onMouseout="delayhidemenu()"><img src="include/designs/clan_template/bilder/top_menu/top_menu_03.png" width="120" height="30" border="0"></a></td>
          <td><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '120px')" onMouseout="delayhidemenu()"><img src="include/designs/clan_template/bilder/top_menu/top_menu_04.png" width="120" height="30" border="0"></a></td>
          <td><a href="?contact"><img src="include/designs/clan_template/bilder/top_menu/top_menu_05.png" width="120" height="30" border="0"></a></td>
       </tr>

Dann müsste das eigentlich funktionieren.

Wenn nicht einfach PM an mich schicken und ich baue Dir das ein.

Geschlossen

	Zurück zu Design- und Projektvorstellungen

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » Design- und Projektvorstellungen » Autoren-Community V.4