schwebende Navigation

von Kakashi-hatake So 20 Jun 2010 - 14:35

Hallo liebes Forumieren Team und die Users die mir helfen können
Ich habe bei Tante Google,
Ich habe auf dieser Seite:
http://www.huntingground.freeserve.co.uk/main/mainfram.htm?../style/float_lyr1.htm
Eine schwebende Navigation gefunden(besteht aus html glaub) so das wollte ich in meHomenem Forum einfügen. Als ich es getan habe war die Navi mitten im Forum und nicht am Rand?!?
Die Menü Punkte sollten so heißen
Home
Regeln/Impressum
Portal

Calendar
Search
FAQ

Members
Groups
Profile
Messages

Login
Logout

könnte mir jemand den Code so bearbeiten das er im Forum am rand ist und diese Stichpunkte besitzt?
Wenn man ein HGBild einfügen könnte sagt mir bescheidt
Mfg Kakashi Hatake

von steive So 20 Jun 2010 - 19:06

mach ich dir fertig.. aber die links musst schon selber anpassen.

von Kakashi-hatake So 20 Jun 2010 - 19:08

okay wenn ich weis wie das geht? kannst du mir da einen Tipp geben?

von steive So 20 Jun 2010 - 19:12

so hier:

Code:: <HTML> <HEAD> <TITLE>Floating Layer 1</TITLE> <script type="text/javascript"> var moz=document.getElementById&&!document.all function initFloater(){ floatingLayer=document.getElementById("floater") defPosTop=parseInt(floatingLayer.style.top) floatLayer() } timer="" function floatLayer(){ pageTop=(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) clearTimeout(timer) step=15 distance=(pageTop+defPosTop)-parseInt(floatingLayer.style.top) divTop=parseInt(floatingLayer.style.top) if(divTop<=(pageTop+defPosTop)){ if(distance>150){step=20} if(distance<20){step=1} divTop+= step floatingLayer.style.top =divTop+"px" } if(divTop>=(pageTop+defPosTop)){ if(distance< -150){step=20} if(distance> -25){step=1} divTop-= step floatingLayer.style.top =divTop+"px" } timer=setTimeout("floatLayer()",50) if(divTop<=(pageTop+defPosTop)+1&&divTop>=(pageTop+defPosTop)-1){ if(!moz){ clearTimeout(timer) } } } window.onscroll=floatLayer // add onload="initFloater()" to the opening BODY tag </script> <style> table{border:1px solid #8e8462;line-height:20px} td{border:1px solid #c9bda9} #floater{width:102px;color:#404000;font-size:12px;line-height:16px;padding:5px;border:1px solid #8e8462} html>body #floater{width:90px} </style> </HEAD> <BODY onload="initFloater()"> <center> <DIV id="floater" style="position:absolute;top:100px"> <a href="page.htm">Link</a><br> <a href="page.htm">Link</a><br> <a href="page.htm">Link</a><br> <br> <a href="page.htm">Link</a><br> <a href="page.htm">Link</a><br> <a href="page.htm">Link</a><br> <br> <a href="page.htm">Link</a><br> <a href="page.htm">Link</a><br> <a href="page.htm">Link</a><br> <a href="page.htm">Link</a> </DIV> </center> </BODY> </HTML>

wenn du dir den code anguckst siehst du das ne:
<a href="page.htm">Link</a>

da wo link steht einfach den namen rein machen..
und wo page.htm steht kommt dein link rein..

das war es schon.

lg

von Kakashi-hatake So 20 Jun 2010 - 19:59

Hey Steive thx nur eines muss ich noch Fragen

Code:: <HTML> <HEAD> <TITLE>Floating Layer 1</TITLE> <script type="text/javascript"> var moz=document.getElementById&&!document.all function initFloater(){ floatingLayer=document.getElementById("floater") defPosTop=parseInt(floatingLayer.style.top) floatLayer() } timer="" function floatLayer(){ pageTop=(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) clearTimeout(timer) step=15 distance=(pageTop+defPosTop)-parseInt(floatingLayer.style.top) divTop=parseInt(floatingLayer.style.top) if(divTop<=(pageTop+defPosTop)){ if(distance>150){step=20} if(distance<20){step=1} divTop+= step floatingLayer.style.top =divTop+"px" } if(divTop>=(pageTop+defPosTop)){ if(distance< -150){step=20} if(distance> -25){step=1} divTop-= step floatingLayer.style.top =divTop+"px" } timer=setTimeout("floatLayer()",50) if(divTop<=(pageTop+defPosTop)+1&&divTop>=(pageTop+defPosTop)-1){ if(!moz){ clearTimeout(timer) } } } window.onscroll=floatLayer // add onload="initFloater()" to the opening BODY tag </script> <style> table{border:1px solid #8e8462;line-height:20px} td{border:1px solid #c9bda9} #floater{width:102px;color:#404000;font-size:12px;line-height:16px;padding:5px;border:1px solid #8e8462} html>body #floater{width:90px} </style> </HEAD> <BODY onload="initFloater()"> <center><DIV id="floater" style="position:absolute;top:100px"> <a href="http://pokemon-net-battle.forumieren.com/forum.htm">Home</a><br> <a href="http://pokemon-net-battle.forumieren.com/portal.htm">Portal</a><br> <a href="http://pokemon-net-battle.forumieren.com/calendar.forum">Calendar</a><br> <br> <a href="http://pokemon-net-battle.forumieren.com/faq.htm">FAQ</a><br> <a href="http://pokemon-net-battle.forumieren.com/memberlist.forum">Members</a><br> <a href="http://pokemon-net-battle.forumieren.com/groupcp.forum">Groups</a><br> <br> <a href="http://pokemon-net-battle.forumieren.com/profile.forum?mode=editprofile">Profile</a><br> <a href="http://pokemon-net-battle.forumieren.com/msg.forum?folder=inbox">Messages</a><br> <a href="page.htm">Link</a><br> <a href="page.htm">Link</a> </DIV> </center> </BODY> </HTML>

könntest du die Schrift noch mal in Orange machen? oder Blau?
und schau mal hier
http://pokemon-net-battle.forumieren.com/forum.htm
da ist um alles so ein Rand geht der auch weg?

von steive So 20 Jun 2010 - 20:14

jop hier:

Code:: <HTML> <HEAD> <script type="text/javascript"> var moz=document.getElementById&&!document.all function initFloater(){ floatingLayer=document.getElementById("floater") defPosTop=parseInt(floatingLayer.style.top) floatLayer() } timer="" function floatLayer(){ pageTop=(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) clearTimeout(timer) step=15 distance=(pageTop+defPosTop)-parseInt(floatingLayer.style.top) divTop=parseInt(floatingLayer.style.top) if(divTop<=(pageTop+defPosTop)){ if(distance>150){step=20} if(distance<20){step=1} divTop+= step floatingLayer.style.top =divTop+"px" } if(divTop>=(pageTop+defPosTop)){ if(distance< -150){step=20} if(distance> -25){step=1} divTop-= step floatingLayer.style.top =divTop+"px" } timer=setTimeout("floatLayer()",50) if(divTop<=(pageTop+defPosTop)+1&&divTop>=(pageTop+defPosTop)-1){ if(!moz){ clearTimeout(timer) } } } window.onscroll=floatLayer // add onload="initFloater()" to the opening BODY tag </script> <style> #floater{width:90px;color:#404000;font-size:12px;line-height:16px;padding:5px;border:1px solid #8e8462} .far {color: #FF6600} </style> </HEAD> <BODY onload="initFloater()"> <center><DIV id="floater" style="position:absolute;top:100px"> <a href="http://pokemon-net-battle.forumieren.com/forum.htm" class="far">Home</a><br> <a href="http://pokemon-net-battle.forumieren.com/portal.htm" class="far">Portal</a><br> <a href="http://pokemon-net-battle.forumieren.com/calendar.forum" class="far">Calendar</a><br> <br> <a href="http://pokemon-net-battle.forumieren.com/faq.htm" class="far">FAQ</a><br> <a href="http://pokemon-net-battle.forumieren.com/memberlist.forum" class="far">Members</a><br> <a href="http://pokemon-net-battle.forumieren.com/groupcp.forum" class="far">Groups</a><br> <br> <a href="http://pokemon-net-battle.forumieren.com/profile.forum?mode=editprofile" class="far">Profile</a><br> <a href="http://pokemon-net-battle.forumieren.com/msg.forum?folder=inbox" class="far">Messages</a><br> <a href="page.htm" class="far">Link</a><br> <a href="page.htm" class="far">Link</a> </DIV> </center> </BODY> </HTML>

von Kakashi-hatake Mo 21 Jun 2010 - 14:07

cool thx nur kannst du mir den Code Abschnied sagen wo ich die Schriftfarbe ändern kann?

von steive Mo 21 Jun 2010 - 15:22

<HTML>
<HEAD>

<script type="text/javascript">

var moz=document.getElementById&&!document.all

function initFloater(){
floatingLayer=document.getElementById("floater")
defPosTop=parseInt(floatingLayer.style.top)
floatLayer()
}

timer=""

function floatLayer(){
pageTop=(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)
clearTimeout(timer)
step=15
distance=(pageTop+defPosTop)-parseInt(floatingLayer.style.top)
divTop=parseInt(floatingLayer.style.top)
if(divTop<=(pageTop+defPosTop)){
if(distance>150){step=20}
if(distance<20){step=1}
divTop+= step
floatingLayer.style.top =divTop+"px"
}

if(divTop>=(pageTop+defPosTop)){
if(distance< -150){step=20}
if(distance> -25){step=1}
divTop-= step
floatingLayer.style.top =divTop+"px"
}

timer=setTimeout("floatLayer()",50)
if(divTop<=(pageTop+defPosTop)+1&&divTop>=(pageTop+defPosTop)-1){
if(!moz){
clearTimeout(timer)
}

}

}

window.onscroll=floatLayer

// add onload="initFloater()" to the opening BODY tag

</script>

<style>

#floater{width:90px;color:#404000;font-size:12px;line-height:16px;padding:5px;border:1px solid #8e8462}

.far {color: #FF6600}
</style>

</HEAD>
<BODY onload="initFloater()">

<center><DIV id="floater" style="position:absolute;top:100px">
<a href="http://pokemon-net-battle.forumieren.com/forum.htm" class="far">Home</a><br>
<a href="http://pokemon-net-battle.forumieren.com/portal.htm" class="far">Portal</a><br>
<a href="http://pokemon-net-battle.forumieren.com/calendar.forum" class="far">Calendar</a><br>
<br>
<a href="http://pokemon-net-battle.forumieren.com/faq.htm" class="far">FAQ</a><br>
<a href="http://pokemon-net-battle.forumieren.com/memberlist.forum" class="far">Members</a><br>
<a href="http://pokemon-net-battle.forumieren.com/groupcp.forum" class="far">Groups</a><br>
<br>
<a href="http://pokemon-net-battle.forumieren.com/profile.forum?mode=editprofile" class="far">Profile</a><br>
<a href="http://pokemon-net-battle.forumieren.com/msg.forum?folder=inbox" class="far">Messages</a><br>
<a href="page.htm" class="far">Link</a><br>
<a href="page.htm" class="far">Link</a>
</DIV>
</center>
</BODY>
</HTML>

das rot makierte...

und hier noch ein link der dir helfen kann bei solchen dingen
http://de.selfhtml.org/

von Kakashi-hatake Mo 21 Jun 2010 - 18:24

Steive das hatt nicht gefunzelt?

von steive Mo 21 Jun 2010 - 18:31

was? bitte genauer ausdrücken ich kann dir so leide rnicht sagen was du wissen möchtest.

von Kakashi-hatake Mo 21 Jun 2010 - 18:35

Na die Schrift der Links wollte ich ändern(also die FARBE der Links)

von steive Mo 21 Jun 2010 - 18:36

zeig mir mal deinen code Smile

von Kakashi-hatake Mo 21 Jun 2010 - 18:44

Die Farbe solte Dunkelblau oder Zyan sein

Code:: <HTML> <HEAD> <script type="text/javascript"> var moz=document.getElementById&&!document.all function initFloater(){ floatingLayer=document.getElementById("floater") defPosTop=parseInt(floatingLayer.style.top) floatLayer() } timer="" function floatLayer(){ pageTop=(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) clearTimeout(timer) step=15 distance=(pageTop+defPosTop)-parseInt(floatingLayer.style.top) divTop=parseInt(floatingLayer.style.top) if(divTop<=(pageTop+defPosTop)){ if(distance>150){step=20} if(distance<20){step=1} divTop+= step floatingLayer.style.top =divTop+"px" } if(divTop>=(pageTop+defPosTop)){ if(distance< -150){step=20} if(distance> -25){step=1} divTop-= step floatingLayer.style.top =divTop+"px" } timer=setTimeout("floatLayer()",50) if(divTop<=(pageTop+defPosTop)+1&&divTop>=(pageTop+defPosTop)-1){ if(!moz){ clearTimeout(timer) } } } window.onscroll=floatLayer // add onload="initFloater()" to the opening BODY tag </script> <style> #floater{width:90px;color:#404000;font-size:12px;line-height:16px;padding:5px;border:1px solid #8e8462} .far {color: #0e07a6} </style> </HEAD> <BODY onload="initFloater()"> <center><DIV id="floater" style="position:absolute;top:100px"> <a href="http://pokemon-net-battle.forumieren.com/forum.htm" class="far">Home</a><br> <a href="http://pokemon-net-battle.forumieren.com/portal.htm" class="far">Portal</a><br> <a href="http://pokemon-net-battle.forumieren.com/calendar.forum" class="far">Calendar</a><br> <br> <a href="http://pokemon-net-battle.forumieren.com/faq.htm" class="far">FAQ</a><br> <a href="http://pokemon-net-battle.forumieren.com/memberlist.forum" class="far">Members</a><br> <a href="http://pokemon-net-battle.forumieren.com/groupcp.forum" class="far">Groups</a><br> <br> <a href="http://pokemon-net-battle.forumieren.com/profile.forum?mode=editprofile" class="far">Profile</a><br> <a href="http://pokemon-net-battle.forumieren.com/msg.forum?folder=inbox" class="far">Messages</a><br> <a href="page.htm" class="far">Link</a><br> <a href="page.htm" class="far">Link</a> </DIV> </center> </BODY> </HTML>

von steive Mo 21 Jun 2010 - 19:01

ja bei mir geht es.. am code liegt es nicht.

das wird wohl an der foren einstellung liegen.. das es nciht geht.. weiß jetzt auch nicht was es sein könnte.

ich bastel dir den code mal mit blauer schrift.

von Kakashi-hatake Mo 21 Jun 2010 - 19:06

von steive Mo 21 Jun 2010 - 19:11

so hier mal der mit blauer schirft:

Code:: <HTML> <HEAD> <script type="text/javascript"> var moz=document.getElementById&&!document.all function initFloater(){ floatingLayer=document.getElementById("floater") defPosTop=parseInt(floatingLayer.style.top) floatLayer() } timer="" function floatLayer(){ pageTop=(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) clearTimeout(timer) step=15 distance=(pageTop+defPosTop)-parseInt(floatingLayer.style.top) divTop=parseInt(floatingLayer.style.top) if(divTop<=(pageTop+defPosTop)){ if(distance>150){step=20} if(distance<20){step=1} divTop+= step floatingLayer.style.top =divTop+"px" } if(divTop>=(pageTop+defPosTop)){ if(distance< -150){step=20} if(distance> -25){step=1} divTop-= step floatingLayer.style.top =divTop+"px" } timer=setTimeout("floatLayer()",50) if(divTop<=(pageTop+defPosTop)+1&&divTop>=(pageTop+defPosTop)-1){ if(!moz){ clearTimeout(timer) } } } window.onscroll=floatLayer // add onload="initFloater()" to the opening BODY tag </script> <style> #floater{width:90px;color:#404000;font-size:12px;line-height:16px;padding:5px;border:1px solid #8e8462} </style> </HEAD> <BODY onload="initFloater()"> <center><DIV id="floater" style=" position:absolute;top:100px"> <a href="http://pokemon-net-battle.forumieren.com/forum.htm" style="color:#0e07a6">Home</a><br> <a href="http://pokemon-net-battle.forumieren.com/portal.htm" style="color:#0e07a6" >Portal</a><br> <a href="http://pokemon-net-battle.forumieren.com/calendar.forum" style="color:#0e07a6" >Calendar</a><br> <br> <a href="http://pokemon-net-battle.forumieren.com/faq.htm" style="color:#0e07a6" >FAQ</a><br> <a href="http://pokemon-net-battle.forumieren.com/memberlist.forum" style="color:#0e07a6" >Members</a><br> <a href="http://pokemon-net-battle.forumieren.com/groupcp.forum" style="color:#0e07a6" >Groups</a><br> <br> <a href="http://pokemon-net-battle.forumieren.com/profile.forum?mode=editprofile" style="color:#0e07a6" >Profile</a><br> <a href="http://pokemon-net-battle.forumieren.com/msg.forum?folder=inbox" style="color:#0e07a6" >Messages</a><br> <a href="page.htm" style="color:#0e07a6">Link</a><br> <a href="page.htm" style="color:#0e07a6">Link</a> </DIV> </center> </BODY> </HTML>

von Kakashi-hatake Mo 21 Jun 2010 - 19:30

thx so passt es _closed_

von steive Mo 21 Jun 2010 - 19:32

mankann auch die hintergrund farbe ändern also fallst das auch haben willst.

von Kakashi-hatake Mo 21 Jun 2010 - 20:10

nee soo past das schon

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

schwebende Navigation

schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation

Re: schwebende Navigation