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?
avatar
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.?
avatar
Sir. Mayo
Forumember

Male Posts : 979
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

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
avatar
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.
avatar
Sir. Mayo
Forumember

Male Posts : 979
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

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
avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 40515
Reputation : 2733
Language : English
Location : United States

https://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 :|
avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 40515
Reputation : 2733
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: topbutton

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

avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 40515
Reputation : 2733
Language : English
Location : United States

https://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
avatar
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
avatar
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