Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

Nach oben - jquery

Adminbereich » Styles » Themes sind Stylesheets (CSS) Vorlagen (Farben, größen, Abstände (prosilver auch Grafiken))
Adminbereich » Styles » Templates sind HTML Vorlagen (wo was angezeigt wird und ob überhaupt)

subSilver und prosilver Styles - es gibt 2 Arten von Styles, hier alle im Überblick:
subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, vLight, vPlasma, subBlack
prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
FollowersFollowers: 0
BookmarksBookmarks: 0
Views: 598

Nach oben - jquery

Post#1by kuchen » 16.01.2011 14:54

Hallo,

Ich wollte mal fragen wie man es hinkriegt, das unten rechts in der Ecke ein bild ist und wenn man darauf klickt gleitet er wieder nach oben zum Anfang, aber so das man das er praktisch automatisch nach oben scrollt, sodass man noch sieht wo er rüber fliegt.

Ich schätze das der code dann in den overall_footer.html kommt, aber ich bin da kein Profi.

SUFU hat leider nicht geholfen. :?:
Gruß,
Kuchen
User avatar
kuchen
Foren Benutzer
Foren Benutzer
 
Posts: 232
Joined: 12.2010
Cash on hand: 3,314.24 Points
Bank: 10,108.59 Points
Location: Deutschland
Thanks: 66
Thanked: 4 times in 4 posts
Gender: None specified
Your Forum URL: http://kuchen.phpbb8.de
Forenstyle: prosilver Special Smooth *

Re: Nach oben

Post#2by tups » 16.01.2011 15:04

Das geht nur über ein Javascript. Da müsstest du mal bei Google und Co suchen.
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: Nach oben

Post#3by sliveralien » 16.01.2011 15:10

overall_header hinter

<head>

Code: Select all
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
var scrolltotop={
setting: {startline:350, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://gurba.forumo.de/uploads/gurba/images/top_buttonGIF.gif" />', //Link zum Bild
controlattrs: {offsetx:3, offsety:0}, //offset der Ecken
anchorkeyword: '#wrapheader', //ID angeben
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration); },
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Nach oben'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
ѺᐰҦᕔ ᙰҒϟ

Image
User avatar
sliveralien
Foren Mitglied
Foren Mitglied
 
Posts: 95
Joined: 04.2009
Cash on hand: 464.18 Points
Bank: 7,567.41 Points
Location: Graz
Thanks: 19
Thanked: 17 times in 11 posts
Gender: Female
Forenstyle: mergenine: pure black

The following user would like to thank sliveralien for this post

Re: Nach oben

Post#4by tups » 16.01.2011 15:34

Es ist nett von Silveralien dir mal wieder etwas nachzutragen, damit du selbst nicht viel mach brauchst. Etwas eigeninitiative und suche im Netz würde dich auch um vieles weiterbringen anstatt hier den bequemen Weg zu gehen und immer wieder nur zu fragen.

Jetzt noch eine kleine Anmerkung zu dem Script von Silveralien:

Es muss klar sein, das der Einbau irgendwelcher Scripte auf eigene Verantwortung geschieht. Wir übernehemen keine Garantie und Verwantwortung darüber, dass dieses Script funktioniert und auch nicht wenn durch falschem Einbau ein Forum zerschossen wird, oder irgendetwas nicht mehr funktioniert.

Da es sich hier auch unm ein Fremdscript handelt kann und wird es dazu keinen Support geben.
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male


Return to "phpBB3: Styles, Themes und Templates"


 

Who is online

Users browsing this forum: No registered users and 2 guests

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

jquery vorlagen

jquery nach oben scrollen

jquery nach oben button

java nach oben gleiten

phpbb jquery

javascript nach oben gleiten

JQuery Nach oben

seite von unten nach oben gleiten java

phpbb3 jquery

nach oben jquery

jquery calendar phpbb phpbb3 jquery styles css bild nach oben gleiten lassen java seite von unten nach oben gleiten java script code gleiten von unten nach oben java script unten nach oben gleiten seite mit java nach oben gleiten jquery bild nach oben fahren jquery toggle unten nach oben jquery automatisch nach oben fahren nach oben gleiten link jquery nach oben scrollen jquery nach oben in jquery jquery toggle ecke links unten phpbb3 jquery template