The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How can I make my chatbox expand from the side?

3 posters

Go down

How can I make my chatbox expand from the side? Empty How can I make my chatbox expand from the side?

Post by Tony Stark 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.
avatar
Tony Stark
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

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

Post by Sir. Mayo 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
Sir. Mayo
Forumember

Male Posts : 980
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

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

Back to top Go down

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

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

I don't see the chat box.
avatar
Tony Stark
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

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

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

Did you activate the chatbox?


How can I make my chatbox expand from the side? Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

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

Yeah. I even tried de-activating it and then activating it again.
avatar
Tony Stark
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

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

Post by Sir. Mayo 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
Sir. Mayo
Forumember

Male Posts : 980
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

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

Back to top Go down

Back to top

- Similar topics

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