Stylesheets...

[PulseDriver]

I was running my old PD download page through FF and it sure looked like crap so I went to www.csszengarden.com and browsed through lots of designs... many crap looking, some with very harmonic colors, some cool and some funny, but some are very innovative on how to place the objects in this HTML document around... so I figured, why don't I make something similar, and I came up with (click the "Download PulseDriver" link in the signature if you wanna have a look, and if you wanna see the document without any CSS, click the No style choice under the Style menu. This is almost the same page as Geakwad2 and Pimousse38 helped me translate (only minor changes).

This page is just an assemble of stuff I try out (like my unfinished WA skin) (don't download it unless you're looking for beta stuff)


What I want to ask however is:

Is there someone who wants to make a custom stylesheet for this particular page? ( http://www.aocore.com/test/ )If so, the sheet will be available on this particular page only, and I ask in just in the name of my interest of webdesign, and I don't ask anyone to spend MUCH time on such. Anything funny would be nice, such as many on the sheets at www.csszengarden.com. If you're interested, maybe Zengarden is a good place to get some inspiration.

Give me a PM or leave a tell here, and I'll provide some custom documents (since the original .php document can't be run locally unless you run apache or similar).

[jerimiah40]

*bump*

I don't know if you got any PM's regarding this, but I can do it if you want. Post back here and let me know if you still want it done.

[jerimiah40]

Okay, here is a purple/yellow/green stylesheet for it.

I noticed that you were using an inline stylesheet before, to use this one, upload the .css file to the root directory of the site, and then add the following line to the header of the HTML:

<link rel="stylesheet" type="text/css" href="style.css">

Just so you know.

[PulseDriver]

Yes, I use inline and I'll still do But the code is kept in a separate file, it's just loaded with PHP into the document instead of using the link tag.

And cool, I'll look at it

Well. Okay, the images for the original style didn't exactly fit your style... and you didn't need to use the same layout. You could go as bold as you wanted. And plz, gimme a reply if I should remove the images at http://www.aocore.com/test/index.php...e%3Djerimiah40 If the images are removed, they are replaced with text, like in the nostyle sheet.

Bold colors, but you could have gone wild on the layout. Anyway, it's added.

[jerimiah40]

Oh, okay, thats a neat way to do it.

And yeah, let me know what you think about that sheet.

Okay, I didn't have the side image when I made the page. I'll edit the sheet to leave it out, if thats okay with you. The blue-colored images don't really match with the purple background.

[PulseDriver]

I can do that if you like...

or maybe not, the header is unstyled now You have to add some style to the main header

[jerimiah40]

Okay, added one thing. Put this at the end of the style:

h1 {
color: rgb(255, 255, 0)
}

[PulseDriver]

Okay, I found some errors, as I try to keep the code CSS Valid... your sheet have the following erros:

Line: 358 Context : #footer2
Invalid number : color attempt to find a semi-colon before the property name. add it

Line: 366 Context : #footer3
Invalid number : color attempt to find a semi-colon before the property name. add it

Line: 373 Context : #links
Parse Error - Sans-Serif

Line: 382 Context : #links li
attempt to find a semi-colon before the property name. add it

Line: 228 Context : #links li
Property ccolor doesn't exist : rgb(0,255,50)

I am going to fix them.

EDIT: Also a name for your style would be nice. A pretty short one so it doesn't fall out of the general length of the links keeping the menu dynamic..

[jerimiah40]

For a name, how about 'Funky Colours'. And also, thanks for fixing the errors for me, I don't normally worry about keeping my css perfectly valid.

[PulseDriver]

The main reason I made this site was to learn more about the new DOM and CSS, I just put my skin as a topic as I didn't have anything else sane to write about (though writing about this skin isn't very sane either) but it's content, and that was what I needed to learn some. I still need to learn more I think, and the csszengarden have some styles with very funku mehtods to place objects around on the screen. I can recommend that site for inspirations, and check out the "more styles" page to see lots of ways to layout the page at csszengarden.com