StartseiteTeammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Profil in beiträgen nur im blog deaktivieren.von derforumde Gestern um 16:54
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20
» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Alastor in [Invision] Transparent Logohintergrund/Struktur ( 2 )
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
» Beitrag von Alastor in [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
( 1 )
schwebende Navigation
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
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
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
Kakashi-hatake- König
-
Beiträge : 408
Anmeldedatum : 07.06.09
Re: schwebende Navigation
von steive So 20 Jun 2010 - 19:06
mach ich dir fertig.. aber die links musst schon selber anpassen.
steive- Kaiser
- Beiträge : 1056
Anmeldedatum : 21.07.09
Re: schwebende Navigation
von Kakashi-hatake So 20 Jun 2010 - 19:08
okay wenn ich weis wie das geht? kannst du mir da einen Tipp geben?
Kakashi-hatake- König
- Beiträge : 408
Anmeldedatum : 07.06.09
Re: schwebende Navigation
von steive So 20 Jun 2010 - 19:12
so hier:
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
- 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
steive- Kaiser
- Beiträge : 1056
Anmeldedatum : 21.07.09
Re: schwebende Navigation
von Kakashi-hatake So 20 Jun 2010 - 19:59
Hey Steive thx nur eines muss ich noch Fragen
und schau mal hier
http://pokemon-net-battle.forumieren.com/forum.htm
da ist um alles so ein Rand geht der auch weg?
- 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>
und schau mal hier
http://pokemon-net-battle.forumieren.com/forum.htm
da ist um alles so ein Rand geht der auch weg?
Kakashi-hatake- König
- Beiträge : 408
Anmeldedatum : 07.06.09
Re: schwebende Navigation
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>
steive- Kaiser
- Beiträge : 1056
Anmeldedatum : 21.07.09
Re: schwebende Navigation
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?
Kakashi-hatake- König
- Beiträge : 408
Anmeldedatum : 07.06.09
Re: schwebende Navigation
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/
steive- Kaiser
- Beiträge : 1056
Anmeldedatum : 21.07.09
Kakashi-hatake- König
- Beiträge : 408
Anmeldedatum : 07.06.09
Re: schwebende Navigation
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.
steive- Kaiser
- Beiträge : 1056
Anmeldedatum : 21.07.09
Re: schwebende Navigation
von Kakashi-hatake Mo 21 Jun 2010 - 18:35
Na die Schrift der Links wollte ich ändern(also die FARBE der Links)
Kakashi-hatake- König
- Beiträge : 408
Anmeldedatum : 07.06.09
steive- Kaiser
- Beiträge : 1056
Anmeldedatum : 21.07.09
Re: schwebende Navigation
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>
Kakashi-hatake- König
- Beiträge : 408
Anmeldedatum : 07.06.09
Re: schwebende Navigation
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.
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.
steive- Kaiser
- Beiträge : 1056
Anmeldedatum : 21.07.09
Kakashi-hatake- König
- Beiträge : 408
Anmeldedatum : 07.06.09
Re: schwebende Navigation
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>
steive- Kaiser
- Beiträge : 1056
Anmeldedatum : 21.07.09
Kakashi-hatake- König
- Beiträge : 408
Anmeldedatum : 07.06.09
Re: schwebende Navigation
von steive Mo 21 Jun 2010 - 19:32
mankann auch die hintergrund farbe ändern also fallst das auch haben willst.
steive- Kaiser
- Beiträge : 1056
Anmeldedatum : 21.07.09
Kakashi-hatake- König
- Beiträge : 408
Anmeldedatum : 07.06.09
Ähnliche ThemenDas Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
