Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Solved] Facebook slide



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Zildjian

Zildjian
Punbb Junior
Punbb Junior
how to achieve this kinds of mod just like what in this forum http://forum.ragezone.com/f144/new-visual-studio-need-guidance-962003/#post7816317 or http://punbb.forumeiros.com/forum


sorry for advertising.

Powered by PunBB
Currently 0 users have thanked Zildjian for this post:

2
Offline

  Shadow

Shadow
Administrator
Administrator
Before you ask the question, reply in previous threads of yours if problem is solved or not, then i will answer you for this kind of question.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
Offline

  Zildjian

Zildjian
Punbb Junior
Punbb Junior
the code's for affilate is 100% working. sorry for not answering some of my threads

Powered by PunBB
Currently 0 users have thanked Zildjian for this post:

4
Offline

  Ultron

Ultron
Punbb Rookie
Punbb Rookie
I'm quite interested in this code as well.

Powered by PunBB
Currently 0 users have thanked Ultron for this post:

5
Offline

  Shadow

Shadow
Administrator
Administrator
Well first add the following code in overall_header

Code:

    <style type="text/css">
        #FBSlideLikeBox_left {background: url(http://upic.me/i/zw/or2fb.png) 292px 0 no-repeat; float: left; height: 168px; position: fixed; left: -292px; padding-right: 56px; top: 20%; width: 292px; z-index: 2000;}
        #FBSlideLikeBox_left #FBSlideLikeBox3_left {height: 400px; right: 0; position: absolute; border: 1px solid #3B5998; width: 292px; background: #f8f8f8;}
        #FBSlideLikeBox_right {background: url(http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png) 0 0 no-repeat; float: right; height: 168px; position: fixed; right: -300px; padding-left: 48px; top: 20%; width: 292px; z-index: 2000;}
        #FBSlideLikeBox_right #FBSlideLikeBox3_right {height: 400px; left: 0; position: absolute; border: 1px solid #3B5998; width: 300px; background: #f8f8f8;}
        #FBSlideLikeBox_right #FBSlideLikeBox2_right {position: relative; clear: both; width: auto;}
    </style>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $("#FBSlideLikeBox_right").mouseenter(function() {
                $(this).stop().animate({right: 0}, "normal");
            }).mouseleave(function() {
                $(this).stop().animate({right: -300}, "normal");
            });;
        });
    </script>
            
    <div title="Find us on Facebook!" id="FBSlideLikeBox_right" style="right: -300px;">
     <div id="FBSlideLikeBox2_right">
     <div id="FBSlideLikeBox3_right">
     <!-- Iframe -->
     </div>
     </div>
    </div>
At end where is
Code:
[panda=html]<!-- Iframe -->
go to https://developers.facebook.com/docs/plugins/like-box-for-pages/ make the like box and click Get Code choose iframe and post it after
Code:
[panda=html]<!-- Iframe -->

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

6
Offline

  Zildjian

Zildjian
Punbb Junior
Punbb Junior
i only want it appear in homepage so i post it in generalities but the problem is the slide effect is not working

Powered by PunBB
Currently 0 users have thanked Zildjian for this post:

7
Offline

  Shadow

Shadow
Administrator
Administrator
Put it then in index_body

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

8
Offline

  Zildjian

Zildjian
Punbb Junior
Punbb Junior
Nep wrote:Put it then in index_body
its working now.. thanks nep!

Powered by PunBB
Currently 0 users have thanked Zildjian for this post:

9
Offline

  Shadow

Shadow
Administrator
Administrator
<div class="solved">Solved & Locked.</div>

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

10
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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