Shoutbox Graphic-Code Request?

[vivianazariah]

ok So I saw Shoutbox was able too have graphics above it(Or even Cbox), and I would like too know the IMG Code, (As its a graphics request I figure it fits here.) for  V5, I've tried everything that was on V4 but nothing works for it. the immage code works for above Shoutbox , but it does not show the picture. I'd like too place a photo there. thanks!

[Stinky666]

Apr 30, 2013 8:57:39 GMT -8 vivianazariah said:

ok So I saw Shoutbox was able too have graphics above it(Or even Cbox), and I would like too know the IMG Code, (As its a graphics request I figure it fits here.) for  V5, I've tried everything that was on V4 but nothing works for it. the immage code works for above Shoutbox , but it does not show the picture. I'd like too place a photo there. thanks!

Do you mean a head and base image for your shoutbox? If so, you will need some code/css, which can be found here:
support.proboards.com/thread/458468/css-head-base-images


If you only want it on the shoutbox, use the following (from the above thread):
Be sure to read the above thread on how to edit the code, but below, I have put in the ID you need (.shoutbox)


/* Start of head/base/side images code - Do not delete rows unless you know how LESS variables work.
For the image urls, replace the| @empty; |text with| url("http://example.com/image.png");
For the heights, replace| 0; |with the appropriate dimension and unit, example| 500px;
Do the same for the side margin; this is how much space on each side should be left to show the side image.
If the width seems incorrect, check for any plugins (such as sidebars) that are redefining the forum or wrapper width and try that value.
The code expects that the forum/wrapper width is the same as the width of the head/base images.
*/

@container_head_image_url: @empty;
@container_side_image_url: @empty;
@container_base_image_url: @empty;

@container_head_image_height: 0;
@container_base_image_height: 0;

@container_side_image_margin: 0;

/* Do not edit past here if you aren't sure how. */
html.multiplebgs .container.shoutbox {
background-image: @container_head_image_url, @container_base_image_url, @container_side_image_url;
background-position: left top, left bottom, left @container_head_image_height;
background-repeat: repeat-x, repeat-x, repeat-y;
padding: @container_head_image_height 0 @container_base_image_height;
}

html.multiplebgs .container.shoutbox > div {
margin: 0 @container_side_image_margin;
}
/* END of head/base/side image code */

[vivianazariah]

thanks!