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

View previous topic View next topic 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'.

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

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

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.

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


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.

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 mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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 mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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 mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

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

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