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
AbonnentenAbonnenten: 0
LesezeichenLesezeichen: 0
Zugriffe: 857

Nach oben - jquery

Beitrag#1von 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
Benutzeravatar
kuchen
Foren Benutzer
Foren Benutzer
 
Beiträge: 232
Registriert: 12.2010
Barvermögen: 3.314,24 Points
Bank: 10.108,04 Points
Wohnort: Deutschland
Danke gegeben: 66
Danke bekommen: 4x in 4 Posts
Geschlecht: nicht angegeben
Deine Foren-URL: http://kuchen.phpbb8.de
Forenstyle: prosilver Special Smooth

Re: Nach oben

Beitrag#2von tups » 16.01.2011 15:04

Das geht nur über ein Javascript. Da müsstest du mal bei Google und Co suchen.
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

Re: Nach oben

Beitrag#3von sliveralien » 16.01.2011 15:10

overall_header hinter

<head>

Code: Alles auswählen
<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>
ѺᐰҦᕔ ᙰҒϟ

Bild
Benutzeravatar
sliveralien
Foren Mitglied
Foren Mitglied
 
Beiträge: 95
Registriert: 04.2009
Barvermögen: 464,18 Points
Bank: 9.156,86 Points
Wohnort: Graz
Danke gegeben: 19
Danke bekommen: 17x in 11 Posts
Geschlecht: weiblich
Forenstyle: mergenine: pure black

folgende User möchten sich bei sliveralien bedanken:

Re: Nach oben

Beitrag#4von 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.
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver


Zurück zu "phpBB3: Styles, Themes und Templates"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste

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