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 : 961
Reputation : 84
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 : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.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 : 961
Reputation : 84
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