HOME | DD

roguedeveloper — css in like five minutes : 1

Published: 2006-11-19 23:34:31 +0000 UTC; Views: 11818; Favourites: 108; Downloads: 535
Redirect to original
Description This is part #1 of a short series I'm working on.


Next Part (#2): More on selectors [coming soon]

More Resources
http://www.w3schools.com/css
http://rendur.com/ (test your css, live!)


If you have any questions, feel free to note me, and I'll do my best to help.

Any comments are appreciated.
Related content
Comments: 66

Re-Name [2009-06-25 22:18:07 +0000 UTC]

just a perfect tutorial mate

👍: 0 ⏩: 0

neadodesigns [2009-02-11 08:42:12 +0000 UTC]

Great job, this will help a lot of ppl that are just starting up

👍: 0 ⏩: 0

BluegrassGal [2008-08-16 18:25:56 +0000 UTC]

Thanks for the tutorial!

👍: 0 ⏩: 0

PORSCHER [2008-08-06 09:51:51 +0000 UTC]

Can't wait for the 2nd part.

👍: 0 ⏩: 0

znow-white [2008-07-09 20:59:46 +0000 UTC]

Your wonderful tutorial has been featured here.[link]

Thank you for providing the gallery with such awesome Resources.

👍: 0 ⏩: 0

xlPassolx [2008-05-07 23:23:43 +0000 UTC]

nicely done.

👍: 0 ⏩: 0

sandman85048 [2007-11-19 14:22:08 +0000 UTC]

Great tutorial!

What font did you use? Whatever it is, it's aawweessoommee!!!

👍: 0 ⏩: 0

Silver911 [2007-11-04 10:49:05 +0000 UTC]

useful

👍: 0 ⏩: 0

LOVEtehPoNR [2007-08-13 00:03:42 +0000 UTC]

Rawr. I still don't get CSS. *shrugs* Ah, well. I'll give it time to sink in.

👍: 0 ⏩: 0

eario [2007-07-08 11:15:52 +0000 UTC]

nice tut.. very good for beginners and people who know some css, but not the right definitions.. like me... I didn't know it was called selectors, properties and values.. well, I'm glad I learned it..

👍: 0 ⏩: 1

eario In reply to eario [2007-07-08 11:16:36 +0000 UTC]

You also might wanna point out that it's important to include the semicolon behind each value...

👍: 0 ⏩: 0

RennardX [2007-06-23 20:22:15 +0000 UTC]

Man I wish I had this when I was first starting out learning CSS.

Great job explaining.

👍: 0 ⏩: 0

DeviantNep [2007-05-09 23:11:12 +0000 UTC]

hey my jounral look great like i wanted in firefox, but in IE the drawing of a leaf goes behind teh title of myjournal...is teher a way that i can put in my code that for IE i wanta differenet margin of padding for the journal title?

👍: 0 ⏩: 1

roguedeveloper In reply to DeviantNep [2007-05-12 11:54:49 +0000 UTC]

Hmm, interesting. I'll look into it

👍: 0 ⏩: 1

DeviantNep In reply to roguedeveloper [2007-05-12 16:49:16 +0000 UTC]

ok thank you, if you find out how, please let me know

👍: 0 ⏩: 0

electricnet [2007-04-15 12:36:10 +0000 UTC]




Awesome. I'll put this in the #CSShelp topic. :D

👍: 0 ⏩: 1

roguedeveloper In reply to electricnet [2007-04-17 03:45:15 +0000 UTC]

Thanks a lot! I'm just starting work on the (long overdue) next guide right now

👍: 0 ⏩: 0

miksago [2007-04-11 05:53:30 +0000 UTC]

hmm... would you like this done up as a dK2 journal theme? (the design of it.)

👍: 0 ⏩: 1

roguedeveloper In reply to miksago [2007-04-15 03:19:56 +0000 UTC]

Hey miksago, that would be really cool. If you've got the time

I can send the PSD if you like.

👍: 0 ⏩: 1

miksago In reply to roguedeveloper [2007-04-15 04:03:04 +0000 UTC]

sure, emails on the user page, i'll see to it's coding.

👍: 0 ⏩: 0

Benpage26 [2007-04-10 10:11:53 +0000 UTC]

much kudos for you. This is a nice resource!

👍: 0 ⏩: 1

roguedeveloper In reply to Benpage26 [2007-04-15 03:20:05 +0000 UTC]

Thanks a lot!

👍: 0 ⏩: 0

gnrlove [2007-03-05 16:57:36 +0000 UTC]

awesome little tut...
Im quite familiar with css, but I never knew it was called selectors, properties and values...

👍: 0 ⏩: 1

roguedeveloper In reply to gnrlove [2007-03-06 00:48:31 +0000 UTC]

Hey, glad you learned something new
Thanks.

👍: 0 ⏩: 0

popcorn-pops [2007-02-11 16:28:23 +0000 UTC]

This is great...

I will hopefully use this!

👍: 0 ⏩: 1

roguedeveloper In reply to popcorn-pops [2007-02-11 21:10:52 +0000 UTC]

Thanks! If you have any questions, feel free to ask.

👍: 0 ⏩: 0

kazamo [2007-02-06 10:48:34 +0000 UTC]

Very well put together. I havn't had much problems in relation to CSS and IE7, but FireFox is a pain, it won't display my backgorund

👍: 0 ⏩: 1

roguedeveloper In reply to kazamo [2007-02-07 02:16:55 +0000 UTC]

That's interesting (usually it's the other way around )

Do you mind posting the css that you're using?

👍: 0 ⏩: 1

kazamo In reply to roguedeveloper [2007-02-07 09:53:30 +0000 UTC]

I'm in college at the moment. The CSS is simply



I think the image is .bmp and is a flowery background.
Now when i preview this in IE7 it's fine, but FF won't display it at all!

👍: 0 ⏩: 1

roguedeveloper In reply to kazamo [2007-02-07 14:45:36 +0000 UTC]

If the image is a .bmp, I would recommend saving it as one of the common web formats (gif, jpg, png). I prefer png or gif for simple images, but if your image is very detailed (like a photograph) you might want to use a jpg.

Next, try changing your CSS to something this:

body
{
background-image: url(path/to/image.png);
background-repeat: repeat;
}

Notice that you don't need quotes for the path.

Try this out and let me know if it works

👍: 0 ⏩: 1

kazamo In reply to roguedeveloper [2007-02-07 15:04:48 +0000 UTC]

Il try it tonight when i get back from work. thanks!

👍: 0 ⏩: 0

classicknight [2007-02-02 10:26:43 +0000 UTC]

Great tutorial

👍: 0 ⏩: 1

roguedeveloper In reply to classicknight [2007-02-03 17:10:05 +0000 UTC]

Thank you very much!

👍: 0 ⏩: 0

MissLittlewood [2007-02-01 12:19:38 +0000 UTC]

This will be a great help.

👍: 0 ⏩: 1

roguedeveloper In reply to MissLittlewood [2007-02-02 05:31:16 +0000 UTC]

I hope it is, thank you

👍: 0 ⏩: 0

eburt [2007-01-27 16:25:46 +0000 UTC]

Great tutorial!

👍: 0 ⏩: 1

roguedeveloper In reply to eburt [2007-01-27 19:28:50 +0000 UTC]

Thanks, I'm glad you liked it!

👍: 0 ⏩: 0

subtile [2007-01-05 18:54:29 +0000 UTC]

these will come handy for all those ppl @ forums that ask about css

👍: 0 ⏩: 1

roguedeveloper In reply to subtile [2007-01-05 21:26:52 +0000 UTC]

I hope so

👍: 0 ⏩: 0

shinoahdeath [2006-12-18 21:46:36 +0000 UTC]

this might come in handy 1 day
auto fav

👍: 0 ⏩: 1

roguedeveloper In reply to shinoahdeath [2006-12-19 23:30:31 +0000 UTC]

Thanks a lot, I hope it does!

👍: 0 ⏩: 1

shinoahdeath In reply to roguedeveloper [2006-12-20 05:51:24 +0000 UTC]

yup

👍: 0 ⏩: 0

HypocriteFace [2006-12-14 14:09:29 +0000 UTC]

Simple and elegant

👍: 0 ⏩: 1

roguedeveloper In reply to HypocriteFace [2006-12-14 19:38:04 +0000 UTC]

Thanks a lot mate

👍: 0 ⏩: 0

1500 [2006-12-08 03:48:49 +0000 UTC]

Still confused as ever

👍: 0 ⏩: 1

roguedeveloper In reply to 1500 [2006-12-08 05:20:01 +0000 UTC]

The best way to learn is to ask questions

👍: 0 ⏩: 0

Rave779 [2006-12-06 05:08:55 +0000 UTC]

Huh.. I didn't know these things worked that way.

I think I'll keep this in my favs incase if I decide to work on something like this. Thanks for sharing the info. It looks easy when you look at it this way.

👍: 0 ⏩: 1

roguedeveloper In reply to Rave779 [2006-12-06 18:25:05 +0000 UTC]

Thanks for the fav, I hope it helps you

👍: 0 ⏩: 0

FierceDeity2 [2006-12-06 03:24:03 +0000 UTC]

Wow, so simple, nice, easy to understand, great job

👍: 0 ⏩: 1

roguedeveloper In reply to FierceDeity2 [2006-12-06 03:32:07 +0000 UTC]

Thanks for your comment and fav.
I hope it helps you.

👍: 0 ⏩: 0


| Next =>