Style Template

[El_Gringo]

This is a template i did a few weeks ago and havent shown it here yet. Im proud of it and just want some of your feedback :)

http://img96.echo.cx/img96/3098/stylishtemplatewidecred4lw.jpg

[vishus_mind]

proud.... and rightly so...... how the hell do you do the curves on the top

[mondo66]

Nice EL G!! :thumbup:

[-Deadly-]

Originally posted by vishus_mind@May 11 2005, 09:47 PM
proud.... and rightly so...... how the hell do you do the curves on the top
With the pen tool :lol: :lol:

Nice work G-Man, as always top draw m8 :thumbup:

[El_Gringo]

Thanks guys! I'm working on some newer stuff atm and i'll be posting as soon as im done ;) :)

[Xpendable]

it would look better without all the copyright-thingies in it...



:smartass:

[GM™]

If that is your 1st attempt then you deserve a pat on the back. Now do the complicated bit and slice it and make a css style sheet! I hate that bit...

[El_Gringo]

no ive done a few before this... but slicing is always the boring part...

how can i code it as a css style? cause i can do hmtl and a little bit of php, not css... would be nice if ya told me, oh grand master of games :D

[LoneStrider]

amazing, what people can do with these. i just don't have the talent for it.

[GM™]

Originally posted by El_Gringo@May 12 2005, 02:29 PM
no ive done a few before this... but slicing is always the boring part...

how can i code it as a css style? cause i can do hmtl and a little bit of php, not css... would be nice if ya told me, oh grand master of games :D
CSS replaces <tags> in HTML code. for example, when you want to alter the font you would put <font=arial, size=10, bold, etc, etc>blah blah blah</font>

In css you create a style.css in a seperate file (or within the HTML head) within the site folder and link it to the HTML page. Within the css you would create a new tag say .bodynormal and set the attributes under it. then within the normal HTML page you would just surround the text with <bodynormal> tags instead. This type of tag can be used for tables, hyperlinks, and lots more...

Google it or just download a site and take a look within the .css file.

[El_Gringo]

Originally posted by GM™+May 12 2005, 05:00 PM--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE (GM™ @ May 12 2005, 05:00 PM)</td></tr><tr><td id='QUOTE'> <!--QuoteBegin--El_Gringo@May 12 2005, 02:29 PM
no ive done a few before this... but slicing is always the boring part...

how can i code it as a css style? cause i can do hmtl and a little bit of php, not css... would be nice if ya told me, oh grand master of games :D
CSS replaces <tags> in HTML code. for example, when you want to alter the font you would put <font=arial, size=10, bold, etc, etc>blah blah blah</font>

In css you create a style.css in a seperate file (or within the HTML head) within the site folder and link it to the HTML page. Within the css you would create a new tag say .bodynormal and set the attributes under it. then within the normal HTML page you would just surround the text with <bodynormal> tags instead. This type of tag can be used for tables, hyperlinks, and lots more...

Google it or just download a site and take a look within the .css file. [/b][/quote]
sounds a bit complicated though... is it supposed to be easier to code a css style sheet than coding full html?

[GM™]

Yes it is&#33;

try pasting this into a new file and call it style1.css


body {
background-color&#58; #330000;
}

body, td, th {
color&#58; #FFCC99;
}

h1 {
color&#58; #FF6666;
}

h2 {
color&#58; #FF99CC;
}

h3, h4 {
color&#58; #CC9999;
}

h5, h6 {
color&#58; #FFCCCC;
}

a {
color&#58; #FF0033;
}

form {
background-color&#58; #990000;
}


Then in your HTML editor attach the file as a stylesheet to an existing HTML page.

Now from your existing HTML code remove all of the existing formatting tags, background settings, etc and save. Now reload the page...

By default this stylesheet will drastically change the way the page looks (if a little basic). Now there are a lot of tags in the above code (h1, h2, etc). Where this css effects the colours, you can assign JPEGS and GIFS to certain styles in extactly the same way&#33; Try and alter the css for TD and TR and you will see what I mean&#33;

[El_Gringo]

oh thats cool&#33; it changed the whole bg of the layout :)

seems css is very useful... ill go check out some tuts on zymic and p2l... ill be back if i need help :D

edit: you just edited, so i have to ask... do you mean the td, th thing below the body bg color?

[GM™]

yes :)

[El_Gringo]

got it :D... some of the css things on zymic are pretty cool, although id never be able to do them by heart... i guess bookmark>css tut would be good, eh? :D