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!
Smangii's Guide to a ProBoards Skin for v4
klscj
Boarder
Dec 6, 2011 2:23:23 GMT -5
So Im currently using your side boxes and your tutorials have been very help full. The problem is, Im trying to change the color of the bars that say things like, "Forum Name", and the top of the side boxes. I have gone through and changed every single color number; like #7E2217 but none of them change those boarders.
I really need to get this forum up but it looks extremely weird with bright blue boarders. Here's a picture of it atm:
Those blue bars are the ones I'm trying to change. If you could just tell me what to change to get the color to change I'd be very greatful. Like I said, I need to get this forum up asap.
Thank you for your time
Leneka
I really need to get this forum up but it looks extremely weird with bright blue boarders. Here's a picture of it atm:
Those blue bars are the ones I'm trying to change. If you could just tell me what to change to get the color to change I'd be very greatful. Like I said, I need to get this forum up asap.
Thank you for your time
Leneka
Above Post
Avoiding Cowboys
serabby
Dec 30, 2011 17:06:04 GMT -5
any ideas what might be causing this?
You can't have a forum resize code with the side tables. Remove this code:
<style type="text/CSS">
/* CSS Forum Resize */
body table tr td table.bordercolor, body table.bordercolor {
width: 700px;
}
blockquote table.bordercolor, td.windowbg table tr td table.bordercolor, td.windowbg2 table tr td table.bordercolor {
width: 500px !important;
}
</style>
And put this code above the side tables codes
<script>
document.getElementsByTagName('font')[1].style.display="none";
document.getElementsByTagName('td')[2].style.display="none";
</script>
Dec 30, 2011 15:05:45 GMT -5 @serabby said:
so i've been attempting to put up a long banner image on my site [fleur-de-liss.proboards.com] and, while the code for making '<<home>>' works, i can't seem to get rid of the 'you have X messages, X are new' bit.any ideas what might be causing this?
You can't have a forum resize code with the side tables. Remove this code:
<style type="text/CSS">
/* CSS Forum Resize */
body table tr td table.bordercolor, body table.bordercolor {
width: 700px;
}
blockquote table.bordercolor, td.windowbg table tr td table.bordercolor, td.windowbg2 table tr td table.bordercolor {
width: 500px !important;
}
</style>
And put this code above the side tables codes
<script>
document.getElementsByTagName('font')[1].style.display="none";
document.getElementsByTagName('td')[2].style.display="none";
</script>
Jan 19, 2012 16:02:47 GMT -5
I suggest you make a separate topic in the support board so more people take a look at it. Don't forget to put a forum link!
RosieMc
Feb 13, 2012 7:14:29 GMT -5
Hi - totally new to proboards - want to change how it looks and absolutely love what you did to this site. I do want to learn and thought if I went through this and set up my site exactly like this (which I have to say I would be happy with) then I could figure out how changing what in which box affects something.
However I now feel like I am stupid
When I look at the list of boxes in the modify skin I just cannot figure out which box to enter which number in to change things! For example there are two colours of blue? where do these go? you refer to the orange as title colour and I can put this in but what do I do re text colour?
Also the background you use (pixels) where do I get this?
Maybe I am expecting a more basic guide than yours or I am mixing up the terms - I was hoping for something which would say here is a finished site now to do this put the following in the following boxes (working from top to bottom) and here is what each change does. Once I could see this then I could realise how it works and then change the colours as necessary to make my own?
I do realise there are ones I can copy to create a template/skin but I suppose I want to know why each colour goes where!
Any advice would be appreciated.
Thanks
However I now feel like I am stupid
When I look at the list of boxes in the modify skin I just cannot figure out which box to enter which number in to change things! For example there are two colours of blue? where do these go? you refer to the orange as title colour and I can put this in but what do I do re text colour?
Also the background you use (pixels) where do I get this?
Maybe I am expecting a more basic guide than yours or I am mixing up the terms - I was hoping for something which would say here is a finished site now to do this put the following in the following boxes (working from top to bottom) and here is what each change does. Once I could see this then I could realise how it works and then change the colours as necessary to make my own?
I do realise there are ones I can copy to create a template/skin but I suppose I want to know why each colour goes where!
Any advice would be appreciated.
Thanks
Feb 13, 2012 13:47:34 GMT -5
Hi - really appreciate the answer - I have looked at some skins here but again a little unsure as to what it is I will be downloading and how I then put it on my site? is the download the sort of step by step instructions I am seeking? I realised this tutorial was not necessarily something to recreate exactly but it is the one that appeals most to me out of all I have seen and I did wonder if it had ever been made fully available? Something like the reference to the gradient I just couldnt follow as all! I am happy to try and modify a different one - but my problem is that I am not exactly sure (from the notes beside them) what each of the boxes is altering?! That is why I was kind of hoping for a more indepth tutorial - some of the comments seem to be from people who already know what they are doing - I am looking for the complete beginner/idiot guide!
Thanks
What exactly are you having troubles with? If you show me a specific skin that you want to install, I can walk you through it over pms, or if you want to make a new topic here: help center.
Thanks
What exactly are you having troubles with? If you show me a specific skin that you want to install, I can walk you through it over pms, or if you want to make a new topic here: help center.
Feb 13, 2012 18:26:22 GMT -5
Hi - really like this skin (one used for tutorial) and wanted to know if it was available for use? I realise you have given numbers for the colours used but I cannot figure out which boxes they go in to get the same effect?
I don't have the exact boxes for the colors, because the point is to make the skin yourself and learn to experiment Messing with the colors will do no harm to your forum, and it helps if you see what colors do exactly what.
There is this handy little image chart that ProBoards made, which can be found here:
So you can see what box changes what color.
I don't have the exact boxes for the colors, because the point is to make the skin yourself and learn to experiment
Messing with the colors will do no harm to your forum, and it helps if you see what colors do exactly what.There is this handy little image chart that ProBoards made, which can be found here:
So you can see what box changes what color.
TL
MEGANROCKS
Crissue
Mar 3, 2012 10:48:32 GMT -5
Thanks a lot for the hints and tips, have utilised some on my Forum...just one thing, how do I now get my P M's to show up, I shall need another code to put them elsewhere...My Banner now centred looks great...thanks..
Thanks a lot for the hints and tips, have utilised some on my Forum...just one thing, how do I now get my P M's to show up, I shall need another code to put them elsewhere...My Banner now centred looks great...thanks..
Chickie
Mar 4, 2012 23:54:53 GMT -5
Thank You so much for the tutorial. I had set up a message board before today but it was a long time ago and memory fades on the details if you aren't using it consistently. That being said, I got my board at 10 AM today and we now have some board organization, members, posts and some COLORS!! Thanks to you! 
I did get a little confused when adding the teal and gray (I copied your color theme just so I could learn how to do it. Creativity will come later!) But when I copied the code it kept posting an e-mail Addy along with it and I deleted it, as it was in the way and confusing me, as it looked like the code to me! But I think I did OK, except the headers, when reading a post on a board, has dark letters under the Teal, and I can barely see what they are and most of my crew are now wearing eyeglasses at our age and I want to make those words a lighter color and I reread your tutorial but due to fatigue, couldn't figure out where to change that text color in modify skin. Would it be the 'News Title Text Color:' ? I am not sure and I'm afraid to break it tonight!! LOL!
- I'll check back tomorrow to see if there is a solution posted here. At any rate, Thanks Again! You saved me from insanity but it was a close call! 
I did get a little confused when adding the teal and gray (I copied your color theme just so I could learn how to do it. Creativity will come later!) But when I copied the code it kept posting an e-mail Addy along with it and I deleted it, as it was in the way and confusing me, as it looked like the code to me! But I think I did OK, except the headers, when reading a post on a board, has dark letters under the Teal, and I can barely see what they are and most of my crew are now wearing eyeglasses at our age and I want to make those words a lighter color and I reread your tutorial but due to fatigue, couldn't figure out where to change that text color in modify skin. Would it be the 'News Title Text Color:' ? I am not sure and I'm afraid to break it tonight!! LOL!
- I'll check back tomorrow to see if there is a solution posted here. At any rate, Thanks Again! You saved me from insanity but it was a close call! 
Lauren B
Mar 24, 2012 19:50:55 GMT -5
Thanks for your help with skinning proboards! I do have a problem though, I want to fix my welcome table, but I can't because if I add codes like this:
<script>
document.getElementsByTagName('table')[0].style.width='600px';
</script>
It'll resize my entire forum because I added a table code to the header so that I could make my website menu at the top having padding.
Take a look at my forum here:
wvwaforum.proboards.com
I have the menu bar like I want it, but I want to get rid of that extra border above it where all the welcome info was that I took away.
Please help! Thanks!
<script>
document.getElementsByTagName('table')[0].style.width='600px';
</script>
It'll resize my entire forum because I added a table code to the header so that I could make my website menu at the top having padding.
Take a look at my forum here:
wvwaforum.proboards.com
I have the menu bar like I want it, but I want to get rid of that extra border above it where all the welcome info was that I took away.
Please help! Thanks!
Lauren B
Mar 24, 2012 21:41:55 GMT -5
Nevermind... I changed my table to a div & then I was able to use the codes!
Aeon
May 27, 2012 19:07:24 GMT -5
Very helpful tutorial for beginners!
I have a question about one of the codes...
This section where you input the code into window backgrounds 1 & 2 ... it's adding the image to the signature area as well as the backgrounds 1 & 2. Yet this only happens in Chrome. I have tested it in both IE and Firefox and it loads correctly... it's just Chrome.
Like this:
Any idea why this would be happening?
I have a question about one of the codes...
Adding some more depth
I'll add this gradient --> to both windowbg 1 and windowbg 2 using the following code. This will give the forum a bit more of a "bevel" or round look. Place this into your GLOBAL HEADERS.
Code:
<style>
.windowbg, .windowbg2 {
background-image: url(http://i27.photobucket.com/albums/c163/Smangii/proboards%20skin%20tutorial/windowgrad.png);
background-repeat: repeat-x;
background-position: bottom;
}
</style>
I'll add this gradient --> to both windowbg 1 and windowbg 2 using the following code. This will give the forum a bit more of a "bevel" or round look. Place this into your GLOBAL HEADERS.
Code:
<style>
.windowbg, .windowbg2 {
background-image: url(http://i27.photobucket.com/albums/c163/Smangii/proboards%20skin%20tutorial/windowgrad.png);
background-repeat: repeat-x;
background-position: bottom;
}
</style>
This section where you input the code into window backgrounds 1 & 2 ... it's adding the image to the signature area as well as the backgrounds 1 & 2. Yet this only happens in Chrome. I have tested it in both IE and Firefox and it loads correctly... it's just Chrome.
Like this:
Any idea why this would be happening?
May 28, 2012 23:48:36 GMT -5
Hey April!
I think I might have a fix for your problem, try adding this code to your css.
That makes sure that the signature area doesn't have a background. We use this fix here on SI
I think I might have a fix for your problem, try adding this code to your css.
.windowbg table tr td.windowbg, .windowbg2 table tr td.windowbg2 {
background: none;
}
That makes sure that the signature area doesn't have a background. We use this fix here on SI
Jun 3, 2012 15:43:35 GMT -5
Hey April!
I think I might have a fix for your problem, try adding this code to your css.
That makes sure that the signature area doesn't have a background. We use this fix here on SI
Awesome, that worked perfectly!
Thanks so much!
I think I might have a fix for your problem, try adding this code to your css.
.windowbg table tr td.windowbg, .windowbg2 table tr td.windowbg2 {
background: none;
}
That makes sure that the signature area doesn't have a background. We use this fix here on SI
Awesome, that worked perfectly!
Thanks so much!
iridescent
Jul 29, 2012 16:26:44 GMT -5
Thank you so much for your help with this guide! I'm an LJ-girl and coding in Proboards was intimidating until I found this. Well, it still is, but less so :-X
One big question: For the codes that you're adding to the global header, is there a way to tie those into the skins somehow so colors and images can change along with the skins?
Example: I have a skin called Blue and in Blue's global header I have coded colors and images with a blue hue. I want to create a skin called Red, which is basically the same thing but all those images and colors are swapped for a red hue.
Thanks in advance for your help!!
EDIT:: Just found the help forum, d'oh! Posted the question over there ><;;
One big question: For the codes that you're adding to the global header, is there a way to tie those into the skins somehow so colors and images can change along with the skins?
Example: I have a skin called Blue and in Blue's global header I have coded colors and images with a blue hue. I want to create a skin called Red, which is basically the same thing but all those images and colors are swapped for a red hue.
Thanks in advance for your help!!
EDIT:: Just found the help forum, d'oh! Posted the question over there ><;;
