I really been trying to figure this out for a little, But On your mainpage you have image tranparentecys behind your menu, what did you insert into the comcode for that. Also, See how all your boarders are rounded, Where can i find a tuturial to do that

Hi, I'm sorry I can't give you any detailed help, all I can do is recommend a site Pete (the bloke who built the forum) mentioned, which is:
http://www.good-tutorials.com

Any more than that, I'm afraid you'll have to wait until Pete himself drops by. Hope that helps.

Thanks for the site, I can wait for pete. Also, Again, amazing job on the site

Wish I could take some of the credit, but it's all Pete. We like it too, though.

What about Slaughter? Isn't he pulling his weight around too?

Actually, I can't remember if he codes or not.

Okay, for the rounded edges, I used the rounded rectangle tool in Adobe Photoshop CS.

For the menu rollovers, it's pure CSS. What I did was created the menu as a background image, so all the options are on the one image. I then put it in the background. Then I used <div> tags around a spacer.gif image for the same amount of times as there are buttons. I put a link around the <Div> tags, so <a href="..."><div>. The div tags have a CSS style assigned to them so when you hover over the link, the normally transparent div background changes to that nice blue underline.

It's quite complex and there's no comcode in ocPortal that will do it for you

I use Photoshop and Dreamweaver every day though and I've had years of practice - I can strongly recommend the site FullAuto mentioned though as a good start for learning Photoshop tutorials though. There will be quite a few on how to design website layouts so try them out if you can get your hands on Photoshop

Thank you very much Pete, I have been using Photo shop CS for quite a while and i've been to Good-Tuturials many times,, so i should have a template set up pretty soon. I also have done some work with Dreamweaver

Good stuff - if you've got the tools, it's just a matter of playing about with different tutorials until you get something you like onscreen

@FullAuto: I know a good deal of PHP and MySQL, but I suck at design. I also have little knowledge of ocPortal, so Pete's done everything there. All I've done with this site is add a lot of downloads, and quite a few pages using the admin part of ocPortal.

@thestarofdeath: If you need some good DHTML, CSS, PHP and so on tutorials as well, I'd recommend W3 Schools.

Indeed, without Slaughter this place might only have about 5 pages... if I'd have even pushed myself that far

:lol: You do require a friendly little push now and then

Slaughter: The cattle prod to Pete's arse.

*Use cattle prod on FullAuto*

To everyone in fact

The main problem im having is how do i customise the Internal Tables boarders to have my own images, Like yours has 8 images making the boarder. How did u do that?

Aaaaaaoooow!
That's a sensitive area!
*collapses*

Erm, it's got ntohign to do with table borders. If you inspect the code, I used a CSS class called "mstrip" to set the background image for the table cell.

Then I placed spacer.gif images in the cell to the appropriate width and height of the menu items and gave these spacer images the link value to the appropriate page. I then made a DIV around each spacer image so that when someone hovers over the link, the blue bar image loads in the div's background. Since the div is only as wide as the spacer image that's sitting over the menu item, the horizontally-repeated blue bar is only as wide as the div and spacer image.

It's quite difficult to explain, so if you didn't understand it from that, then I'd suggest simply looking up a few tutorials on rollover buttons as that's the easy way of doing it I only did it this way to save about an extra 15kb of graphics being loaded which is almost not worth the effort when most people are on Broadband