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.

about this side scroll menu..

Go down

Solved about this side scroll menu..

Post by BetterHax on April 6th 2013, 5:44 am

http://prntscr.com/ze9nw

i saw this ads in one of FM forum..
what ever you scroll that ads follow

and that ads see in all pages of the forum
how can i make something like that?


Last edited by BetterHax on April 11th 2013, 11:14 pm; edited 1 time in total

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about this side scroll menu..

Post by E-Mark on April 6th 2013, 5:27 pm

Go to ACP > Display > Templates > General > overall_header:
Find this part:
Code:
 <!-- BEGIN hitskin_preview -->

After finding it, put this code above it.
Code:
<ul class="socialicons">
  <li><a href="facebookurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png" border="0"/></a></li>
  <li><a href="twitterurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/twitter.png" border="0"/></a></li>
  <li><a href="youtubeurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/youtube.png" border="0"/></a></li>
  <li><a href="diggurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/digg.png" border="0"/></a></li>
  <li><a href="googleurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/google.png" border="0"/></a></li>
</ul>

Then save and publish it!

Next, add this to your CSS:
Code:

ul.socialicons{
    list-style: none;
    margin:0px;
    padding:0px;
    position:fixed;
    left:0px;
    top:250px;
}
ul.socialicons li{
    padding-bottom:4px;
    padding-left:15px;
}
ul.socialicons li img{
    opacity:0.5;
    transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}
ul.socialicons li img:hover{
    opacity:1.9;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

Then, all you need to do is to change the 'facebookurl' 'twitterurl' 'youtubeurl' 'googleurl' 'diggurl'.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: about this side scroll menu..

Post by Cristianlee on April 6th 2013, 5:32 pm

Bro Message me if you already working it

thanks bro your the best
avatar
Cristianlee
Forumember

Male Posts : 66
Reputation : 1
Language : English
Location : Villasis,Pangasinan

Back to top Go down

Solved Re: about this side scroll menu..

Post by BetterHax on April 6th 2013, 5:34 pm

nothings happen..


Last edited by BetterHax on April 6th 2013, 5:38 pm; edited 1 time in total

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about this side scroll menu..

Post by E-Mark on April 6th 2013, 5:37 pm

After finding this:
Code:
 <!-- BEGIN hitskin_preview -->

Put this above it.
Code:
<ul class="socialicons">
  <li><a href="facebookurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png" border="0"/></a></li>
  <li><a href="twitterurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/twitter.png" border="0"/></a></li>
  <li><a href="youtubeurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/youtube.png" border="0"/></a></li>
  <li><a href="diggurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/digg.png" border="0"/></a></li>
  <li><a href="googleurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/google.png" border="0"/></a></li>
</ul>

So it should be like this!

Code:
<ul class="socialicons">
  <li><a href="facebookurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png" border="0"/></a></li>
  <li><a href="twitterurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/twitter.png" border="0"/></a></li>
  <li><a href="youtubeurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/youtube.png" border="0"/></a></li>
  <li><a href="diggurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/digg.png" border="0"/></a></li>
  <li><a href="googleurl"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/google.png" border="0"/></a></li>
</ul>

<!-- BEGIN hitskin_preview -->

Hello
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: about this side scroll menu..

Post by BetterHax on April 6th 2013, 5:40 pm

ow its really works.


Last edited by BetterHax on April 6th 2013, 5:46 pm; edited 2 times in total

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about this side scroll menu..

Post by E-Mark on April 6th 2013, 5:45 pm

You need to change the ff:
href="facebookurl"
href="twitterurl"
href="youtubeurl"
href="diggurl"
href="googleurl"

Change the facebookurl to the link you want to put; the twitterurl to the link you want to put; the youtubeurl to the link you want to put, and so on.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: about this side scroll menu..

Post by BetterHax on April 6th 2013, 5:48 pm

can i make this also like a nav bar menu ?
i change only the image?

can i pm on you e mark?

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about this side scroll menu..

Post by E-Mark on April 6th 2013, 5:51 pm

avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: about this side scroll menu..

Post by BetterHax on April 6th 2013, 5:55 pm

e mark can i pm you? if you dont mind

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about this side scroll menu..

Post by E-Mark on April 6th 2013, 5:58 pm

Sure you can, but i can't make any special request today regarding to coding problems. Tomorrow i can do it.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: about this side scroll menu..

Post by clerigz on April 11th 2013, 11:07 pm

tnx bro its working for me

clerigz
New Member

Posts : 3
Reputation : 1
Language : tagalog

Back to top Go down

Solved Re: about this side scroll menu..

Post by Sir Chivas™ on April 11th 2013, 11:11 pm

Hi, please avoid any support via pm, all support is or has to be done via thread. As you know E-Mark, you have two reminders the next one would be a warning. Just informing you before anything, buddy.




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: about this side scroll menu..

Post by BetterHax on April 11th 2013, 11:12 pm

ok sir chivas may you mark it solved..

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about this side scroll menu..

Post by Sir Chivas™ on April 11th 2013, 11:15 pm

Was this solved via pm?




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: about this side scroll menu..

Post by BetterHax on April 11th 2013, 11:17 pm

@Sir Chivas™ wrote:Was this solved via pm?

no sir i already get the codes given by e mark.. not in pm

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about this side scroll menu..

Post by Sir Chivas™ on April 11th 2013, 11:19 pm

How did you receive the codes then? You've made a request to him which I believe it was made via pm. Also, it's been 5 days. Please be honest. Please pm me your response. We'll avoid from speaking here. Topic Locked.




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Back to top


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