The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

topbutton

View previous topic View next topic Go down

topbutton

Post by delicious on January 10th 2014, 7:23 pm

hey Smile
I have this code:
Spoiler:
element.style {
position: fixed;
bottom: 30px;
right: -50px;
opacity: .7;
cursor: pointer;
}
.topbutton {
background-color: transparent;
width: 200px;
}
.topbutton a {
background-color: black;
opacity: 0.7;
display: block;
height: 60px;
width: 60px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
margin-bottom: 6px;
font-family: yeseva one;
font-size: 9px;
color: pink;
text-decoration: none;
text-transform: uppercase;
text-align: center;
line-height: 60px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
I got it from here:
http://corona.b1.jcink.com/index.php
that right down button black/pink, when I pushed it, its brings me to web up. when I paste that code in CSS is even dont show, maybe only1 knows where is the problem?

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: topbutton

Post by Sir. Mayo on January 10th 2014, 10:54 pm

Did you add the buttons to your site.?

Sir. Mayo
Forumember

Male Posts : 961
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Re: topbutton

Post by delicious on January 10th 2014, 11:08 pm

I added all code to generalities and then button shows, but slide to up effect not that same. My slide to up realy fast, and in that web, its slowly, easy

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: topbutton

Post by Sir. Mayo on January 11th 2014, 1:51 am

was there any java script included that you added? If so can you paste that.

Sir. Mayo
Forumember

Male Posts : 961
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Re: topbutton

Post by delicious on January 11th 2014, 1:01 pm

Spoiler:
<style type="text/css">
.topbutton a:hover {
background-color: #380C19;
color: #fff;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.topbutton {
background-color: transparent;
width: 200px;
}
.topbutton a {
background-color: black;
opacity: 0.7;
display: block;
height: 60px;
width: 60px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
margin-bottom: 6px;
font-family: yeseva one;
font-size: 9px;
color: pink;
text-decoration: none;
text-transform: uppercase;
text-align: center;
line-height: 60px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.5s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease-in-out;

}
</style>
<div style="position:fixed; bottom: 30px; right: -50px; opacity: .7; cursor: pointer;" title="Grįžti į viršų">

<div class="topbutton">
<a href="#top">TOP</a>
</div>
</div>
here, I add this code to generalities, button shows, and when I push it, its bring me on back to top. Its good, but how you see here: http://corona.b1.jcink.com/index.php  when you push button, its little slowly bring me to top. And in my forum, its bring me back so fast, without slowmotion effect. How add this effect? About java script, I never have faced with this, then maybe in java script is problem?

EDITED:
finally I found this: <a href="#top">TOP</a>
now how change #top settings, then when I push it, i can back to top in slowmotion

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: topbutton

Post by SLGray on January 11th 2014, 8:54 pm

When I visit this site - http://corona.b1.jcink.com/index.php - and press the top button, the transition to the top is fast for me.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: topbutton

Post by delicious on January 11th 2014, 11:05 pm

yes, fast, but with that little slowmotion effect. in my forum its haven't no effect :|

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: topbutton

Post by SLGray on January 11th 2014, 11:14 pm

Please post your forum's link.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: topbutton

Post by delicious on January 11th 2014, 11:15 pm


delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: topbutton

Post by SLGray on January 11th 2014, 11:17 pm

I do not see the top button.

I believe this part of the code deals with the transition:
Code:
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.5s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease-in-out;


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: topbutton

Post by delicious on January 11th 2014, 11:21 pm

in what code to css add this?
I add here <style type="text/css">.....</style> but I need know where.
i fix. now you can see button

EDITED:
oh, no. i change numbers of this, change button rotate speed

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Re: topbutton

Post by delicious on January 14th 2014, 9:33 pm

bump

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum