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 November 26th 2014, 7: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 November 26th 2014, 8:28 pm; edited 1 time in total (Reason for editing : solved)

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 November 26th 2014, 8: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;
}

Mati
Active Poster

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

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Side Buttons help need

Post by mmägi on November 26th 2014, 8: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?

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 November 26th 2014, 8: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;
}

Mati
Active Poster

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

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Side Buttons help need

Post by mmägi on November 26th 2014, 8:27 pm

thanks solved

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 November 26th 2014, 8:29 pm

No problem mate glad I could help! Smile

Mati
Active Poster

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

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Side Buttons help need

Post by Ramdaman on November 26th 2014, 8:30 pm

Good job Mati! Smile

Topic solved and archived.

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