Free Code Snippets And Css Layout

In this site you can find some excellent CSS layouts and code snipets, its very simple but more important its very EFFECTIVE.

So dont waiste time and visit : Code-Sucks

Best regards,

Nice, though there isn't much content, the CSS/PHP sections will probably help me on setting up my new website here in Xisto. I know so little PHP that even this pretty basic stuff might prove useful. But could have some more advanced content (and more in number as well).

Well, the site mentioned by TavoxPeru is too basic. Effective yes. But not very well organized.

Things are scattered around. But yes, for somebody who doesn't want to learn much fundu stuff and just want to see the job through, the site is useful.

 

Basically if you have less time and more job to do (Very basic level), this is a good site for you.

Looks cool, but i can type CSS pretty fast along with HTML. This would be great for beginners. I also like writing to my exact specs. Beginners should check this out for sure though.

In this site you can find some excellent CSS layouts and code snipets, its very simple but more important its very EFFECTIVE.
So dont waiste time and visit : Code-Sucks

Best regards,

Very simple layouts, if you want to do quick and dirty things.
I would like to know if it's easy to slightly change them, for instance adding a picture in the header. Because, unfortunately, I'm not like these guys "who can type CSS pretty fast along with HTML".
Edited August 31, 2006 by yordan (see edit history)

Very simple layouts, if you want to do quick and dirty things.I would like to know if it's easy to slightly change them, for instance adding a picture in the header. Because, unfortunately, I'm not like these guys "who can type CSS pretty fast along with HTML".

As i say, its very simple and yes, you can change the layouts very easy, if you want to add a image or picture in the header simply add an img tag in the html div header tag like this:

<div id="header"><img src="logo.jpg"></div>

Best regards,

<div id="header"><img src="logo.jpg"></div>

You are right, it's very simple. Thanks a lot, TavoxPeru !

You are right, it's very simple. Thanks a lot, TavoxPeru !

You are welcome, and BTW i really dont think how easy is to edit these templates, really awesome, and i'm almost 100% sure that these are the most easy editable templates i find ever.

best regards,

<div id="header"><img src="logo.jpg"></div>

OK, this works fine in the html page. Is it possible to put it in the css file ? is there a syntax for inserting an image in a css file ?

is there a syntax for inserting an image in a css file ?

No. The HTML is the information that you want to present to the user. The Image belongs in the HTML portion of the page.
The CSS is a method which alters the presentation of the information, not the information itself.
Therefore, to add an image to the page, it must be in the HTML and not the CSS.

No. The HTML is the information that you want to present to the user. The Image belongs in the HTML portion of the page. The CSS is a method which alters the presentation of the information, not the information itself.
Therefore, to add an image to the page, it must be in the HTML and not the CSS.

That would be quite right jlhaslip. CSS is meant for presentation, and it styles the HTML content. So, where one would put a image depends on what it is? Is it a content or is it a styling element. Now, if it is a content, then it definetly should go in with the HTML content in a <IMG> tag. But if it were a styling image, it should get hooked with one of the HTML tags, and go in to the background-image property.

and go in to the background-image property.

And what is the syntax for putting a background image property in a css sheet ?

And what is the syntax for putting a background image property in a css sheet ?

 

The syntax to putting a background image property in a css sheet is:

background-image: url('full_or_relative_url_of_the_image');

Take in mind that this is the most simple syntax to put an image as a background, the full syntax covers:

background-attachment

background-color

background-image

background-position

background-repeat

BTW, the 'background' property is a shorthand property for setting the individual background properties at the same time ('background-color', 'background-image', 'background-repeat', 'background-attachment' and 'background-position').

 

Take a look to the official CCS2 specification at: Offical W3C CCS2 Specification

 

Best regards,

I dont have a clue what you are talking about sorry also whats the big deal with css i have never used css and problly never will

I dont have a clue what you are talking about sorry also whats the big deal with css i have never used css and problly never will

A lot of people use css sheets. It's a way of formatting your web pages layout, without having to re-define your page layout in each html file.If you don't like it, of course, you don't use it.
I don't use it, and my pages are not so nice as other people's pages are.
If you want to do ugly things, write down your html pages all by yourself.
If you want to have something nice, professional-looking, you buy a nice css layout or you choose a free one or you ask a friend to create one for you.