Basic Proboard Codes to modify your forum

[matthew]

You can also use codes to modify the look of the forum. I use this code (in the headers) to center the banner, remove the welcome message, and <home>, in the logo table.

<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1]; PMLogoCell.removeChild(PMLogoCell.lastChild)
document.getElementsByTagName('tr')[1].deleteCell(1);
-->
</script>

And I use this code to change the width of the forum, which goes in the footers

<script language="JavaScript">
var boardwidth = document.getElementsByTagName('TABLE');
for(i=0;i<boardwidth.length;i++) {
if(boardwidth.width=="92%"){
boardwidth.width='695 px';}}
</script>

you change the part in red to change the forum width.


I also use some css to change the style of the forum.

I use this for the scroll bar (only works in I.E and Opera )

<style type="text/css">
<!--
body
{
scrollbar-arrow-color: #Colour Code Here;
scrollbar-track-color:#Colour Code Here;
scrollbar-3dlight-color:#Colour Code Here;
scrollbar-highlight-color:#Colour Code Here;
scrollbar-face-color:#Colour Code Here;
scrollbar-darkshadow-color:#Colour Code Here;
scrollbar-shadow-color:#Colour Code Here;
}

-->

</style>

These I use for the Menu, Title, Category, and News Title. gradients/images.

<style type="text/css">
<!--

.newstitlebg
{
background-image: url(TITLE_NEWS_MENU IMAGE URL HERE);
background-repeat: repeat;
}

.titlebg
{
background-image: url(TITLE_NEWS_MENU IMAGE URL HERE);
background-repeat: repeat;
}

.catbg
{
background-image: url(CAT IMAGE URL GOES HERE);
background-repeat: repeat;
}

.menubg
{
background-image: url(TITLE_NEWS_MENU IMAGE URL HERE);
background-repeat: repeat;
}

-->
</style>


And I use this to center my background images because i use vertical borders alot

<style type="text/css">
<!--

background-position:center top;
background-repeat:repeat-y;

-->

</style>

[Ellie]

Ah, cool. Thank you for this. I hadn't realize when I started making my skin that I was going to have to learn some javascript and CSS, just so that I could understand what I was adding in! I had sequestered my husband's css manuals and was trying to figure out what I needed and how I could write basic codes myself. This just made my life a bit easier.

[Menu]

Hi I'am new here I have tryed this code but I can't get it to work the text <<HOME>> etc... are still there

[hischild]

Menu said:

Hi I'am new here I have tryed this code but I can't get it to work the text <<HOME>> etc... are still there

Without a link to your board, no one can look to see what may have gone wrong. Please leave a link if you need help.

[lostsoul]

Menu if its what i think you mean make sure you have this code:

<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1]; PMLogoCell.removeChild(PMLogoCell.lastChild)
document.getElementsByTagName('tr')[1].deleteCell(1);
-->
</script>

In the global headers and then it should work if not please give us a link to see your board ;D

[My link]

Sorry here is the link katelillian.proboards60.com/index

I have tryed this code but it don't work I don't know what to do

[My link]

the other link diden't work katelillian.proboards60.com

[lostsoul]

By the looks of things it seems that you have it there twice. UI dont know if this would affect this but try deleting one AS i cant see your actual global headers i dont know what youve got where but looking at the source you have two so try deleting one.

Edit: Actually it seems you have 3 of that code and you have 2 of the width codes, you only need 1 of each.

[Thanks]

Okay thank's I'll try to see if I can get to work thanks

[I have tryed]

Hi again I have tryed to remove some of the shript in the globel heder but it still not work

[matthew]

the css tags for the title, cat, menu bars is wrong, i think.

you have it

.newstitlebg
{
background-image: i26.photobucket.com/albums/c130/Orangetastic/titlebar.png;
background-repeat: repeat;
}

when it need to be

.newstitlebg
{
background-image: url(i26.photobucket.com/albums/c130/Orangetastic/titlebar.png);
background-repeat: repeat;
}


that might be why the javascript for the header doesn't work. because it looks fine to me.

p.s. we do not allow hotlinking, could you host the images yourself please.

[Thanks]

Thank you so much I'll try that
Sorry for hotlinking I'll upload the pic. on my own surfer...
thanks ones again.

[matthew]

no worries. i hope that works for you

[Kate]

I have a problem I can't remember where I found the skin lol... ;D
so that I can safe the pictures.

[matthew]

hehe, you'll find them here ;D

[Kate]

;D Thanks

[lostsoul]

Never mind that you dont seem to have a banner at all now well i cant see it...

[Kate]

It's okay now I only need help to this I can't found out to put this in the menu

i26.photobucket.com/albums/c115/katelillian/AJ%20McLean/Forum/menu_ot.jpg

CSS for Menu

<style type="text/css">
<!--

.menubg
{
background-image: url(MENU IMAGE GOES HERE);
background-color: #ffae42;
background-repeat: no-repeat;
padding-left:180px;
padding-top:5px;
padding-bottom:10px;
height: 104px;
}

-->
</style>

[matthew]

Kate, you shouldn't take other peoples images without permission. The background you are using belongs to ocgfx only. you can get your board deleted for taking images without the creators permission. Please Delete it from your account.

ok...

you should remove this code first

.menubg
{
background-image: url(http://i26.photobucket.com/albums/c115/katelillian/AJ%20McLean/Forum/menubar.png);
background-repeat: repeat;
}


and put the code in like this

<style type="text/css">
<!--

.menubg
{
background-image: url(http://i26.photobucket.com/albums/c115/katelillian/AJ%20McLean/Forum/menu_ot.jpg);
background-color: #ffae42;
background-repeat: no-repeat;
padding-left:180px;
padding-top:5px;
padding-bottom:10px;
height: 104px;
}

-->
</style>

[Kate]

Ohh... I'm sorry for the background but I thurth that it was the bagground to the skin sorry

Thank you so much for your help now I will try to see if I can get the d**n (sorry) text <<Home>> etc... away