Honesty Rocks! truth rules.

New Shoutbox Reliving Antilost

HOME      >>       Staff Room

iGuest

This shoutbox here has so many of the problems that I discovered in Antilost's one, one of the biggest and most annoying problems is putting in the shout

<style type="text/css">* { display: none; }</style>

This feels like it removed the whole site.

To fix what this has caused, turn off stylesheets, find the post and remove it.

This is why HTML should not be accepted in things like this, I could embed many scripts and other sites just by using this shoutbox to allow me to add content that has not been checked directly to this board.

There are numerous other problems discovered with the shoutbox over at Antilost that relate to this too.

&c=this is the message

Is how messages are sent via this shoutbox, you can't use ampersand because HTML characters aren't encoded. Encoding the content would actually bring the security up, that way if someone did do HTML tags, it'd do:

>style<

Instead of rendering it.

I guess you could just notify the developer of these problems, or let them to discover it? The thing is, this shoutbox so closely relates to antilost's one that they both seemed to have landed with the same problems.

Cheers,

MC

vizskywalker

I know some people also (including me) do not like the new layout of the shoutbox. In my opinion, the vlue background to all the shouts just screams too loud and draws way too much attention to the shoutbox.~Viz


iGuest

I know some people also (including me) do not like the new layout of the shoutbox. In my opinion, the vlue background to all the shouts just screams too loud and draws way too much attention to the shoutbox.
~Viz


Yea, the color doesn't seem to fit in right, although, I've gone over the code, it's all mostly inline styling, so making changes to it is difficult at this moment.

I've just been working with the developer of this shoutbox and have solved numerous problems, especially when deleting a post it wouldn't automatically refresh the content, that's now solved, as well as character encoding. Also added features for editting posts, etc.

If I had access to IPB's files, we could do away with this shoutbox and actually use Antilost's one, though I still think it requires a lot of work too. That's the only problem with not knowing how IPB works.

Still need to resolve the issue of --- which is his method of text seperation for the response received, you can't actually post --- without it being changed into either a single or two minus signs, it can also screw up the delete button.

And another problem is don't post a vertical bar in the shoutbox, it'd screw things up more. Fixed in the newest update, though not sure when that will be released.

Cheers,

MC

pyost

Since many members don't like the shoutbox design, I decided to alter it a bit, or at least give it a shot. You might consider trying the new stylesheet I created, maybe it will be more popular :unsure:

If I am not mistaken, this is the CSS file shoutbox uses:
http://forums.xisto.com/no_longer_exists/

My version might have some bugs, since I increased the font size (because of removing text-transform:uppercase). I commented out what was changed.

div.tableContainer { width: 100%; height: 100px; overflow: auto; margin: 0 auto; }div.innerframe { overflow: auto; width: auto; height: 248px; }div.tableContainer {overflow: visible; }#description { float: right; width: 235px; padding-right: 10px; padding-left: 5px; color: #DDE2F2; line-height: 130%;}#description ul { margin:0px; padding:0px; padding-left: 1.5em;}#description ul li { margin-bottom: 0.4em;}#description p { color: #DDE2F2; font-size: 1em; margin:0.5em 0px 0.5em 0px;}#description a, #description a:hover, #description a:visited { color: #FFF;}#chatoutput ul { list-style: none; margin:0px; padding:0px;}#chatoutput ul li {/* background:#8CB4D7 url(liback.png) repeat-x bottom; */ background:#EEF2F7; font-weight: bold; margin:0px;/* color:#FFF;*/ color:#000; line-height: 160%;}#chatoutput ul li div.name { display: inline;/* background:url(bubble.gif) no-repeat left;*//* padding-left:19px;*/ padding-left:5px; font-weight: normal;/* font-size: 0.8em;*/ font-size: 0.9em;/* text-transform: uppercase;*/ color: #DFE5EB;}#chatoutput ul li:hover div.name { color: #FFF;/* background:url(bubblehover.png) no-repeat left;*/}#chatoutput ul li span.name { display: inline;/* background:url(bubble.gif) no-repeat left;*//* padding-left:19px;*/ padding-left:5px; font-weight: normal;/* font-size: 0.8em;*/ font-size: 0.9em;/* text-transform: uppercase;*/ color: #DFE5EB;}#chatoutput ul li:hover span.name { color: #FFF;/* background:url(bubblehover.png) no-repeat left;*/}td.shoutlist { background:#8CB4D7 url(liback.png) repeat-x bottom;/* border: 1px solid #345487;*/ border: 1px solid #000000; padding:0px; margin:0px; font-size: 8pt; color: #FFF;}label { color: #567B9B; display: inline; margin-top:7px; margin-bottom: 3px; font-weight: bold;}#chatoutput { text-align: left;}.edit_box { background-color: #FFFFFF; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px inset #000000; padding-top: 2px; padding-left: 2px; overflow: auto;}.text_box { background-color: #FFFFFF; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}.highlight { color: #FF0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; cursor: pointer;}.no_misspellings { color: #009933;}.status { color: #FF0000; padding-left: 150px; white-space: nowrap;}.suggestion_box { background-color: #E8F1FF; border: 1px solid #000000; position: absolute; padding: 2px 2px 2px 2px;}.suggestion { cursor: pointer; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}.check_spelling { color: #0066CC; text-decoration: underline; cursor: pointer;}.resume_editing { color: #009933; text-decoration: underline; cursor: pointer;}