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.

Side Buttons help need

View previous topic View next topic Go down

Solved Side Buttons help need

Post by mmägi on Wed Nov 26, 2014 12:58 pm

how to make at the side buttons i got some example

Code:
$(function(){
$('body').append('<div id="scroller"><a href="http://et.trackbase.net/?mod=nicktools"><img src="http://www.gamestv.org/images/user/team/9068_1289563134.png"/></a>
<a href="http://et.trackbase.net/index.php?mod=claninfo&cidx=124"><img src="http://www.3-style.xaa.pl/dodatki/tb.png"/></a>
<a href="http://royal.forumc.net/f7-applications"><img src="http://www.easytomato.org/wp-content/uploads/2012/03/xGroup-Folder-icon.png.pagespeed.ic.ExnRobO42L.png"/></a>
<a href="http://royal.forumc.net/t6-forum-rules"><img src="http://cdn4.staztic.com/cdn/logos/comidltrafficoffencesignsinindia-1.png:w48h48"/></a>
<a href="http://royal.forumc.net/f5-problems"><img src="http://mindprod.com/image/button/help.png"/></a>
<a href="http://royal.forumc.net/chatbox"><img src="http://cdn5.staztic.com/cdn/logos/comtwistbytechatlingofree-10.png:w48h48"/></a>
<a href="http://royal.forumc.net/f21-point-shop"><img src="http://www.refpoint.co.uk/img/iconika/png/48x48/shopping_cart.png"/></a></div>');
});

its javascript but they come so big and not into the right place they appear on the down of the forum not to side

how i can make them go same size and make them left side come out when i hover with mouse that place?


Last edited by mmägi on Wed Nov 26, 2014 1:28 pm; edited 1 time in total (Reason for editing : solved)
avatar
mmägi
Forumember

Male Posts : 402
Reputation : 3
Language : Estonia

http://royal.forumc.net/

Back to top Go down

Solved Re: Side Buttons help need

Post by Mati on Wed Nov 26, 2014 1:15 pm

Hello,

Add this in your CSS:

Code:
#scroller img {
    width: 50px;
    height: 50px;
}
#scroller {
    float: left;
    display: inline-block;
    width: 50px;
    top: 50px;
    position: fixed;
}
avatar
Mati
Active Poster

Posts : 1897
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

Solved Re: Side Buttons help need

Post by mmägi on Wed Nov 26, 2014 1:18 pm

ty so much but how to make if i hover them how i can get that that icon what i m on with mouse go little bigger or something like that?
avatar
mmägi
Forumember

Male Posts : 402
Reputation : 3
Language : Estonia

http://royal.forumc.net/

Back to top Go down

Solved Re: Side Buttons help need

Post by Mati on Wed Nov 26, 2014 1:23 pm

Replace the CSS code i give you with this one.

Code:
#scroller img {
    height: 48px;
    width: 48px;
}
#scroller img:hover {
    height: 80px;
    width: 80px;
}
#scroller {
    display: inline-block;
    float: left;
    position: fixed;
    top: 48px;
    width: 48px;
}
avatar
Mati
Active Poster

Posts : 1897
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

Solved Re: Side Buttons help need

Post by mmägi on Wed Nov 26, 2014 1:27 pm

thanks solved
avatar
mmägi
Forumember

Male Posts : 402
Reputation : 3
Language : Estonia

http://royal.forumc.net/

Back to top Go down

Solved Re: Side Buttons help need

Post by Mati on Wed Nov 26, 2014 1:29 pm

No problem mate glad I could help! Smile
avatar
Mati
Active Poster

Posts : 1897
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

Solved Re: Side Buttons help need

Post by Ramdaman on Wed Nov 26, 2014 1:30 pm

Good job Mati! Smile

Topic solved and archived.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

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