Recommended Posts

It can be hard for me to admit when I cannot find, or figure out, a code for something. I, by no means, am a professional level coding genius, but I like to think I can usually fight my way through things and figure them out...screw you shoutbox for making my brain hurt.

 

I've looked all over the forums for an existing thread that didn't say "I dunno I don't think you can do that" when I know I've seen sites with narrow shoutboxes.

 

CAN ANYONE please tell me the code tags to DESIGN the damn shoutbox? I just want to control the width and height of it, not make it glow in the dark. Lol.

Share this post


Link to post
Share on other sites

So I don't know if this is the shoutbox you're talking about, but shoutbox.com has a guide for theirs on their website here.

 

Their advice is as follows:

Quote

The width of the shoutbox is 100%, by default the height is: 360px

To change the width: embed the chat into a <div> element with the width of your choice.

To change the height: over ride .shoutBoxContainer CSS

var chat = new Chat(5, "John");
<style>
.shoutBoxContainer {
 height:450px;
}
</style>

 

Share this post


Link to post
Share on other sites

No that's not it, jcink has a built in shoutbox. BUT I have solved my own issue by floating a new div box around it. I discovered the shoutbox more or less adapts to the box it's in.

  • Awesome 1

Share this post


Link to post
Share on other sites

For reference, if you right-click on an object and select 'inspect element', it can help you determine what you need to style or change, accordingly.

Share this post


Link to post
Share on other sites
Awards

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Recently Browsing   0 members

    No registered users viewing this page.