Jonathan
07-08-2003, 10:46 PM
How can I make a background with paint shop pro v. 5.01 somehting?
Click to See Complete Forum and Search --> : Background
pyro
07-08-2003, 11:08 PM
That's what you would call a broad question. What exactly are you looking for? Any image can be used as a background, so... :confused:
Jonathan
07-08-2003, 11:11 PM
hehe, I just want a clean background, one without any rigid edges, like the one here...
www.htmlgoodies.com
That has a clean edge, but that is not my background...
www.htmlgoodies.com
That has a clean edge, but that is not my background...
Jonathan
07-08-2003, 11:13 PM
I guess I should ask what type of extension should I use, .gif .jpg etc
pyro
07-08-2003, 11:20 PM
I have PSP7, so I'm not sure if this will apply.
Use the line tool, and choose Bezier Curve. Set up the width and click Antialias. Now, just draw a curved line, that can be tiled (ie, the top and the bottom will match up). You can save as a .png, .gif, or a .jpg (lossy compression).
Use the line tool, and choose Bezier Curve. Set up the width and click Antialias. Now, just draw a curved line, that can be tiled (ie, the top and the bottom will match up). You can save as a .png, .gif, or a .jpg (lossy compression).
Jonathan
07-09-2003, 10:04 AM
so how wouold I align all of my stuff... like micrsoft.com?
pyro
07-09-2003, 10:15 AM
Umm... what exactly do you mean?
Jonathan
07-09-2003, 10:21 AM
See where it says "Microsoft". well I need to align my links and my stuff like they have their links in that black part and the links at the very bottom
DaveSW
07-09-2003, 10:35 AM
What are you using for layout?
Is your site crosspoint.org?
EDIT: dumb question when it's in your sig!! LOL
Is your site crosspoint.org?
EDIT: dumb question when it's in your sig!! LOL
spufi
07-09-2003, 10:36 AM
<div class="menu">
<a href="link.html">Home</a> |
<a href="link2.html">Link 2</a> |
<a href="link3.html">Link 3</a>
</div>
You can define things like where the links go in the menu class and define the attributes for the links like this.
.menu a { definitions... }
<a href="link.html">Home</a> |
<a href="link2.html">Link 2</a> |
<a href="link3.html">Link 3</a>
</div>
You can define things like where the links go in the menu class and define the attributes for the links like this.
.menu a { definitions... }
Jonathan
07-09-2003, 10:38 AM
so you are saying I should use somthing like this?
A.menu
{
top : 2px;
left : 130px;
}
A.menu
{
top : 2px;
left : 130px;
}
spufi
07-09-2003, 10:46 AM
Originally posted by Jonathan
so you are saying I should use somthing like this?
A.menu
{
top : 2px;
left : 130px;
}
I may be incorrect in this, but I think doing it your way would define thngs as any <a> tag that has a menu class, which in my code is incorrect. What mine is saying, is any <a> tag within another tag that has the menu class.
For validation sake, you need to have a meta tag that says something like this.
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
so you are saying I should use somthing like this?
A.menu
{
top : 2px;
left : 130px;
}
I may be incorrect in this, but I think doing it your way would define thngs as any <a> tag that has a menu class, which in my code is incorrect. What mine is saying, is any <a> tag within another tag that has the menu class.
For validation sake, you need to have a meta tag that says something like this.
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
Jonathan
07-09-2003, 10:51 AM
I am not sure if I know what you are saying or not
DaveSW
07-09-2003, 11:18 AM
1)
In your style sheet, after all your normal A:hover etc, you add a new set of declarations as you posted.
A.menu:link{color....}
A.menu:visited{color...}
A.menu:hover{...}
A.menu:active{...}
These will only apply to the link with class menu.
e.g. <a href="" class="menu"...>
Spufi's method was to have a div enclosing all the menu that you want to change, and set the div class to menu.
2)
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
is an extra bit of html to go in the head section, and specifies the character set for the keyboard.
In your style sheet, after all your normal A:hover etc, you add a new set of declarations as you posted.
A.menu:link{color....}
A.menu:visited{color...}
A.menu:hover{...}
A.menu:active{...}
These will only apply to the link with class menu.
e.g. <a href="" class="menu"...>
Spufi's method was to have a div enclosing all the menu that you want to change, and set the div class to menu.
2)
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
is an extra bit of html to go in the head section, and specifies the character set for the keyboard.
Jonathan
07-09-2003, 11:30 AM
so how would that help me postiion my links?
I would just put the top: and the left:
I would just put the top: and the left:
spufi
07-09-2003, 11:41 AM
.menu { position:absolute; top:2px; left:130px; }
That positions the div tag which has the links inside of it. If you wish to define things to the links themselves, do something like this.
.menu a { text-decoration:none; color:#000; }
.menu a:hover { color:#FFF; }
That positions the div tag which has the links inside of it. If you wish to define things to the links themselves, do something like this.
.menu a { text-decoration:none; color:#000; }
.menu a:hover { color:#FFF; }
Jonathan
07-09-2003, 12:25 PM
arg, the bg is showing up "full page" size
DaveSW
07-09-2003, 01:24 PM
Do you mean it's tiling?
normally the image is made 1600px wide and you only use the first 50 or so for your background.
or try using css instead:
<body style="background-image: url('back.gif'); background-position: left; background-repeat: repeat-y;">
I think that condenses to background: url('back.gif') left repeat-y
normally the image is made 1600px wide and you only use the first 50 or so for your background.
or try using css instead:
<body style="background-image: url('back.gif'); background-position: left; background-repeat: repeat-y;">
I think that condenses to background: url('back.gif') left repeat-y
Jonathan
07-09-2003, 01:46 PM
aight... I will take your first advise
DaveSW
07-09-2003, 02:00 PM
They're both ok - the first method is the norm. I prefer the second because it's a smaller file size.
Jonathan
07-09-2003, 02:01 PM
doesn't the second one make it repeat a bunch of times?
DaveSW
07-09-2003, 02:44 PM
you choose.
repeat-y repeats it downwards.
repeat-x repeats it across
no-repeat doesn't repeat it.
repeat repeats it down and across.
I use repeat-y on the body tag so if the page contents don't fill the screen the border goes right to the bottom.
I used it here:
http://www.tollgatesecurity.co.uk
repeat-y repeats it downwards.
repeat-x repeats it across
no-repeat doesn't repeat it.
repeat repeats it down and across.
I use repeat-y on the body tag so if the page contents don't fill the screen the border goes right to the bottom.
I used it here:
http://www.tollgatesecurity.co.uk
Jonathan
07-09-2003, 02:50 PM
noted... but how do I make one streched?
DaveSW
07-09-2003, 02:51 PM
stretched in what way?
Jonathan
07-09-2003, 03:29 PM
so that it fits the page, I heard you shrink the image so that it is detailed then you set it as a bg... but that doesn't work for me
DaveSW
07-09-2003, 04:12 PM
can you upload somewhere? I'm still not sure what you mean.
Jonathan
07-10-2003, 11:59 AM
Its ok, I figured out, thanks
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.
Copyright Internet.com Inc., All Rights Reserved.