Hello
Welcome to Slightly Insane! You are currently not logged in, so some parts of the forum are partially hidden. Join us to get access to the community and all of our members-only content, including ProBoards themes, codes, graphic design resources, and more!
Border around the forum - with IMAGES
Deleted
Deleted
Jun 5, 2013 23:05:37 GMT -5
Should be really simple to do, I'm pretty tired right now so if no one has helped with this by tomorrow when I wake up I'll do it for you.
Shrike over at PBS has done a really neat and easy CSS code for this. You have to add certain elements yourself, to select where you want the head and base and sides to show, but it's simple - just be sure to read the original post of his (don't miss the "spoiler" bits also):
support.proboards.com/thread/458468/css-head-base-images
Quote
○ßlue§onic1○ likes this
Shrike over at PBS has done a really neat and easy CSS code for this. You have to add certain elements yourself, to select where you want the head and base and sides to show, but it's simple - just be sure to read the original post of his (don't miss the "spoiler" bits also):
support.proboards.com/thread/458468/css-head-base-images
Jun 7, 2013 0:28:49 GMT -5
Haha I got onto this forum looking for this exact same answer; really want to see this code on v5, it's amazing!
Should be really simple to do, I'm pretty tired right now so if no one has helped with this by tomorrow when I wake up I'll do it for you.
Shrike over at PBS has done a really neat and easy CSS code for this. You have to add certain elements yourself, to select where you want the head and base and sides to show, but it's simple - just be sure to read the original post of his (don't miss the "spoiler" bits also):
support.proboards.com/thread/458468/css-head-base-images
Thanks for the link! What would be the class name to use in order to put the head, side and base images around the entire forum?
Jun 5, 2013 23:05:37 GMT -5 @stinky666 said:
Shrike over at PBS has done a really neat and easy CSS code for this. You have to add certain elements yourself, to select where you want the head and base and sides to show, but it's simple - just be sure to read the original post of his (don't miss the "spoiler" bits also):
support.proboards.com/thread/458468/css-head-base-images
Thanks for the link! What would be the class name to use in order to put the head, side and base images around the entire forum?
Deleted
Deleted
Jun 7, 2013 6:16:49 GMT -5
Haha I got onto this forum looking for this exact same answer; really want to see this code on v5, it's amazing!
support.proboards.com/thread/458468/css-head-base-imagesThanks for the link! What would be the class name to use in order to put the head, side and base images around the entire forum?
There isn't just one class to put it on everything, however, the below is what i did before and it's pretty much on everything.
Just change the image urls, and sizes to suit your forums:
Jun 5, 2013 23:05:37 GMT -5 @stinky666 said:
Shrike over at PBS has done a really neat and easy CSS code for this. You have to add certain elements yourself, to select where you want the head and base and sides to show, but it's simple - just be sure to read the original post of his (don't miss the "spoiler" bits also):support.proboards.com/thread/458468/css-head-base-images
There isn't just one class to put it on everything, however, the below is what i did before and it's pretty much on everything.
Just change the image urls, and sizes to suit your forums:
/**************************************************************************
* Head + Base + Sides *
**************************************************************************/
@container_head_image_url: url("http://i.imgur.com/HcyagKF.png");
@container_side_image_url: url("http://i.imgur.com/cQgrmvZ.png");
@container_base_image_url: url("http://i.imgur.com/SgEy2Xy.png");
@container_head_image_height: 43px;
@container_base_image_height: 29px;
@container_side_image_margin: 13px;
/* Do not edit past here if you aren't sure how. */
html.multiplebgs .container.boards,
html.multiplebgs .container.threads,
html.multiplebgs .container.shoutbox,
html.multiplebgs .container.quick-reply,
html.multiplebgs .container.gravity-related-topics,
html.multiplebgs .container.legend,
html.multiplebgs .container.posts,
html.multiplebgs .container.quick-reply,
html.multiplebgs .container.stats,
html.multiplebgs .container.search,
html.multiplebgs .container.new-area,
html.multiplebgs .container.show-user,
html.multiplebgs .container.edit-user,
html.multiplebgs .container.conversations,
html.multiplebgs .container.calendar,
html.multiplebgs .container.members
{
background-image: @container_head_image_url, @container_base_image_url, @container_side_image_url;
padding: @container_head_image_height 0 @container_base_image_height;
background-position: left top, left bottom, left @container_head_image_height;
background-repeat: repeat-x, repeat-x, repeat-y;
}
html.multiplebgs .container.boards > div,
html.multiplebgs .container.threads > div,
html.multiplebgs .container.shoutbox > div,
html.multiplebgs .container.quick-reply > div,
html.multiplebgs .container.gravity-related-topics > div,
html.multiplebgs .container.legend > div,
html.multiplebgs .container.posts > div,
html.multiplebgs .container.quick-reply > div,
html.multiplebgs .container.stats > div,
html.multiplebgs .container.search > div,
html.multiplebgs .container.new-area > div,
html.multiplebgs .container.show-user > div,
html.multiplebgs .container.edit-user > div,
html.multiplebgs .container.conversations > div,
html.multiplebgs .container.calendar > div,
html.multiplebgs .container.members > div
{ margin: 0 @container_side_image_margin; }
html.multiplebgs .container.posts { margin-left: 0px; }
Deleted
Deleted
Jun 8, 2013 6:43:26 GMT -5
Oh, I apologize for the confusion, I didn't mean "entire forum" to say put head and base images on everything, I meant I want to put these image borders around the whole front page of the forum so it encompasses the whole forum on that front page, kinda like what this person has done here on a v4 forum: sherwoodclans.boards.net/index.cgi
Do you mean border around forum, instead of head/base images?
If so, Shrike has posted a border around forum on PBS: support.proboards.com/thread/430584/css-border-forum
Do you mean border around forum, instead of head/base images?
If so, Shrike has posted a border around forum on PBS: support.proboards.com/thread/430584/css-border-forum
Jun 10, 2013 0:59:25 GMT -5
I meant a border around the forum using head, side and base images. Exactly what the original Border around forum with images code was for. I was sent from that CSS Border thread to Smangii's forum in search for the v5 of this code 
Jun 10, 2013 14:20:42 GMT -5
I meant a border around the forum using head, side and base images. Exactly what the original Border around forum with images code was for. I was sent from that CSS Border thread to Smangii's forum in search for the v5 of this code
I meant this too!
I meant this too!
Jul 11, 2013 7:42:03 GMT -5
I'm not sure if you were still looking for a solution to this, but I sort of found one. It's something I came up with as well as some contributions from others, it's not really conventional but it works. For the header and side images: [Link] (you need to scroll a bit to a big post I made) and then for the footer part: [Link].
Hope this helps
Hope this helps
