Speaks fluent binary
very dummy question:
i want to create a background image like the following, but i don't know how to make one on my own
i think it is done with the gradient tool @ PS, but how do you control the size? make it prefect? variety?
i see different samples of these "css background"
please take a look here
1.the actual background display
CityLights by Free Css Templates
http://www.freelayouts.com/preview/6...ages/img01.jpg
2. another sample
http://www.freelayouts.com/preview/6...ages/img01.gif
Compromise by Free CSS Templates
http://i3physics.com/blog
*-*-*-*__ C++ revolutionized the modern programming language, but what happen to C+? Programming is just a study of chemistry __*-*-*-*
Starting with sample 1Originally Posted by jwxie518
Basicly they took a larger "Canvas" size and added the banner as a Top layer.
After doing that, they added the top bar, which is the black bar.
Then adding the White bar.
In doing so with the white bar, they selected the white area, and then using the gradient tool. Changing the specs from white to grey, they clicked and dragged from top to bottom. Giving you the fade within the selected area.
After that, they did the same thing with the bottom area, but selected it as a black background.
----------
If you pull up the HTML document. You can find the CSS used.
http://www.freelayouts.com/preview/6618/default.css
Within the CSS, shows you how they placed their background
Code:body { margin: 75px 0 0 0; padding: 0; background: #FFFFFF url(images/img01.jpg) repeat-x left top; text-align: justify; font: 15px Arial, Helvetica, sans-serif; color: #666666; }
So in the actual html document. As soon as the placed the <body> tag. It imports from the CSS document
as So
But how you want it to look will depend on what you are placing there...Code:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>CityLights by Free Css Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <!-- start header -->
You should make that into a tutorial (with images), Slice! Very nice.
Speaks fluent binary
i know, i am still pretty confuse after all
but thanks slice :]
this is one of the most important basic feature web design people have to know these days lol
http://i3physics.com/blog
*-*-*-*__ C++ revolutionized the modern programming language, but what happen to C+? Programming is just a study of chemistry __*-*-*-*
Ya.... I will.... One day.You should make that into a tutorial (with images), Slice! Very nice.
Remind me next week.
Speaks fluent binary
:[ i will, everyday lol in your ask me thread
http://i3physics.com/blog
*-*-*-*__ C++ revolutionized the modern programming language, but what happen to C+? Programming is just a study of chemistry __*-*-*-*
Newbie
You can use HTML Global Header code for it,.?
There are currently 1 users browsing this thread. (0 members and 1 guests)
Posting Permissions
LinkBack URL
About LinkBacks
Bookmarks