thestarofdeath Posted April 12, 2005 Share Posted April 12, 2005 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 Link to comment Share on other sites More sharing options...
FullAuto Posted April 12, 2005 Share Posted April 12, 2005 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: https://www.good-tutorials.com Any more than that, I'm afraid you'll have to wait until Pete himself drops by. Hope that helps. Link to comment Share on other sites More sharing options...
thestarofdeath Posted April 12, 2005 Author Share Posted April 12, 2005 Thanks for the site, I can wait for pete. Also, Again, amazing job on the site Link to comment Share on other sites More sharing options...
FullAuto Posted April 12, 2005 Share Posted April 12, 2005 Wish I could take some of the credit, but it's all Pete. We like it too, though. Link to comment Share on other sites More sharing options...
Zombie Posted April 12, 2005 Share Posted April 12, 2005 What about Slaughter? Isn't he pulling his weight around too? Link to comment Share on other sites More sharing options...
FullAuto Posted April 12, 2005 Share Posted April 12, 2005 Actually, I can't remember if he codes or not. Link to comment Share on other sites More sharing options...
Pete Posted April 12, 2005 Share Posted April 12, 2005 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 tags around a spacer.gif image for the same amount of times as there are buttons. I put a link around the tags, so . 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 Link to comment Share on other sites More sharing options...
thestarofdeath Posted April 12, 2005 Author Share Posted April 12, 2005 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 Link to comment Share on other sites More sharing options...
Pete Posted April 12, 2005 Share Posted April 12, 2005 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 Link to comment Share on other sites More sharing options...
Slaughter Posted April 12, 2005 Share Posted April 12, 2005 @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. Link to comment Share on other sites More sharing options...
Pete Posted April 12, 2005 Share Posted April 12, 2005 Indeed, without Slaughter this place might only have about 5 pages... if I'd have even pushed myself that far Link to comment Share on other sites More sharing options...
Slaughter Posted April 12, 2005 Share Posted April 12, 2005 :lol: You do require a friendly little push now and then Link to comment Share on other sites More sharing options...
FullAuto Posted April 12, 2005 Share Posted April 12, 2005 Slaughter: The cattle prod to Pete's arse. Link to comment Share on other sites More sharing options...
Slaughter Posted April 12, 2005 Share Posted April 12, 2005 *Use cattle prod on FullAuto* To everyone in fact Link to comment Share on other sites More sharing options...
thestarofdeath Posted April 12, 2005 Author Share Posted April 12, 2005 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? Link to comment Share on other sites More sharing options...
FullAuto Posted April 12, 2005 Share Posted April 12, 2005 Aaaaaaoooow!That's a sensitive area!*collapses* Link to comment Share on other sites More sharing options...
Pete Posted April 12, 2005 Share Posted April 12, 2005 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now