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.

Forum Chat - Toogle On/Off

View previous topic View next topic Go down

Solved Forum Chat - Toogle On/Off

Post by Devan on August 4th 2013, 5:44 pm

I just want to use the regular FM Chat (Not Any Pop-Up Chat). However, I want to know how I can get the chat to toggle on and off?


Last edited by Devan on August 9th 2013, 5:42 pm; edited 1 time in total

Devan
Forumember

Male Posts : 282
Reputation : 7
Language : English
Location : New Jersey

http://yugioh-universe.findforum.net/

Back to top Go down

Solved Re: Forum Chat - Toogle On/Off

Post by Sir. Mayo on August 4th 2013, 8:27 pm

The one that Comes default? Try this guide Here
help.forumotion.com/t3343-the-chatbox

Sir. Mayo
Forumember

Male Posts : 969
Reputation : 87
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Forum Chat - Toogle On/Off

Post by Devan on August 5th 2013, 4:54 pm

Exactly that one..I know all that but I just want to make it toggleable (on/off switch) (open/close)

Devan
Forumember

Male Posts : 282
Reputation : 7
Language : English
Location : New Jersey

http://yugioh-universe.findforum.net/

Back to top Go down

Solved Re: Forum Chat - Toogle On/Off

Post by Derri on August 5th 2013, 5:24 pm

So you don't want a pop out chat but you want to be able to hide it/open it??


Forum Rules : : Forumotion Staff : : Appeal A Warning : : FAQ : : Tips & Tricks : : Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public


Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Solved Re: Forum Chat - Toogle On/Off

Post by Sir. Mayo on August 5th 2013, 5:25 pm

Oh you mean like A Button on the side of your forum that says Chat and when its pressed it opens like a drawer and in the drawer is the chat!

Sir. Mayo
Forumember

Male Posts : 969
Reputation : 87
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Forum Chat - Toogle On/Off

Post by Devan on August 6th 2013, 11:00 pm

@Sir. Mayo wrote:Oh you mean like A Button on the side of your forum that says Chat and when its pressed it opens like a drawer and in the drawer is the chat!

 You got it..That Is it! Anyways, can someone tell me how I can do that. Ty in advance..

Devan
Forumember

Male Posts : 282
Reputation : 7
Language : English
Location : New Jersey

http://yugioh-universe.findforum.net/

Back to top Go down

Solved Re: Forum Chat - Toogle On/Off

Post by Sir. Mayo on August 9th 2013, 5:56 pm

1. Go to your overall_header template, find the body part (<body>) and paste this below it: (Just edit the text inside the div id panel tag)

Code:

   <div class="boddy"><div id="panel">
<center><iframe frameborder="0" width="700" height="300" src="Http://Yourfourmurs/chatbox/" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="chatbox" style="border:#002EFF 1px solid;border-top:0px"></iframe></center
<p class="slide"><a href="#" class="btn-slide">OPEN</a></p>
</div>
 

2. Inside the same template (overall_header), find the ending head tag (</head>), then paste this before the ending tag:


Code:
   <script type="text/javascript" src="http://www.webdesignerwall.com/demo/jquery/jquery.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){

       $(".btn-slide").click(function(){
          $("#panel").slideToggle("slow");
          $(this).toggleClass("active"); return false;
       });
      
        
    });
    </script>
3. Put this on your CSS:

Code:

    .boddy {
       margin: -8px auto;
       padding: 0;
       width: 570px;
       font: 75%/120% Arial, Helvetica, sans-serif;
    }
    #panel {
       background: #c3c3c3;
       height: 200px;
       display: none;
    }
    .slide {
       margin: 0;
       padding: 0;
       border-top: solid 4px #373737;
       background: url(http://img638.imageshack.us/img638/5051/tabwo.png) no-repeat center top;
    }
    .btn-slide {
       background: url(http://img21.imageshack.us/img21/8233/whitearrown.gif) no-repeat right -50px;
       text-align: center;
       width: 144px;
       height: 31px;
       padding: 10px 10px 0 0;
       margin: 0 auto;
       display: block;
       font: bold 120%/100% Arial, Helvetica, sans-serif;
       color: #fff;
       text-decoration: none;
    }
    .active {
       background-position: right 12px;
    }

Sir. Mayo
Forumember

Male Posts : 969
Reputation : 87
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Forum Chat - Toogle On/Off

Post by SLGray on August 9th 2013, 6:17 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

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