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.

How can I make my chatbox expand from the side?

View previous topic View next topic Go down

How can I make my chatbox expand from the side?

Post by Tony Stark on August 8th 2013, 7:10 pm

I was looking at this forum: http://www.chaosera.org/ and I was wondering how they got their chatbox to expand from the right wall. I was actually wondering how they were able to redesign the whole forum. Any tips would be awesome.

Tony Stark
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

Re: How can I make my chatbox expand from the side?

Post by Sir. Mayo on August 9th 2013, 4:07 pm

Step 1
  Go to Acp>Display> Scroll down till you see templates on the left hand side click general go to the one that's called Overall_header. then click  Edit.



Step 2
 Find a line Called <body background=
( there will be more after the equal sign)
Mines start's at  Line 201 look around there.

Step 3
Go down one line and press Enter,
Then paste the following code!

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>
Step 4
Keep scrolling down until you find </head>
Mine starts at line 200
Once you find it Paste this one line above it.
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>
Step 5
once you find that you should see a button that says Save press it!
Now once you press save it will take you to a page on that page Scroll down And Find Add 
Press the Add
Step 6
Go to ACP>Display > Pic and colors (left hand side) > colors (under Pics and colors)>Css Style sheet.

Step 7
Add this to 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;
}
Again make sure you press save.

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

Re: How can I make my chatbox expand from the side?

Post by Tony Stark on August 9th 2013, 7:26 pm

I don't see the chat box.

Tony Stark
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

Re: How can I make my chatbox expand from the side?

Post by SLGray on August 9th 2013, 8:04 pm

Did you activate the chatbox?


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


SLGray
Administrator
Administrator

Male Posts : 36712
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: How can I make my chatbox expand from the side?

Post by Tony Stark on August 9th 2013, 9:50 pm

Yeah. I even tried de-activating it and then activating it again.

Tony Stark
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

Re: How can I make my chatbox expand from the side?

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

Paste the codes you used and did you publish you Templates As well as you forum Url

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

View previous topic View next topic Back to top


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