How can I make my chatbox expand from the side?
3 posters
Page 1 of 1
How can I make my chatbox expand from the side?
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
Re: How can I make my chatbox expand from the side?
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 .
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!
Keep scrolling down until you find </head>
Mine starts at line 200
Once you find it Paste this one line above it.
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
Press the
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
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 .
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>
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>
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
Press the
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;
}
Re: How can I make my chatbox expand from the side?
I don't see the chat box.
Tony Stark- New Member
- Posts : 3
Reputation : 1
Language : English
Re: How can I make my chatbox expand from the side?
Did you activate the chatbox?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
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.
Re: How can I make my chatbox expand from the side?
Yeah. I even tried de-activating it and then activating it again.
Tony Stark- New Member
- Posts : 3
Reputation : 1
Language : English
Re: How can I make my chatbox expand from the side?
Paste the codes you used and did you publish you Templates As well as you forum Url
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum