This is kind of what i wanted to achieve. Only....i think the lines could be a bit more wavy...and i should probably center the text. Okay let me say how i made this...
First, i followed a tutorial from http://psdlearning.com/2008/06/luminescent-lines/#more-45 to create the lines. Then, i stretched out the image a lot. Its width is 7000 pixels and height is 231 pixels. Next time, if i ever do this again, i'll make the lines more wavy and the rainbow needs to be denser so im not only seeing blue.
Then...i made an html file in notepad that contains
<html>
<link rel="stylesheet" type="text/css" href="mycss.css" />
<head>
<h1>
Laura Cheung's Notes
</h1>
<link rel="stylesheet" type="text/css" href="mycss.css" />
<head>
<h1>
Laura Cheung's Notes
</h1>
</head>
<body>
<body>
</body>
</html>
</html>
Then I made a css file named mycss containing
body
{
background-image:url('header2.bmp');
background-repeat:no-repeat;
background-position:center top;
}
{
background-image:url('header2.bmp');
background-repeat:no-repeat;
background-position:center top;
}
body {
background-color:black;
overflow: hidden; }
background-color:black;
overflow: hidden; }
h1
{
color:white;
}
{
color:white;
}
By the way, header2 is what i named my image and i saved it as bmp because i like bmp.
No comments:
Post a Comment