How do i produce a border round my photos in new script?
Posted: Thu May 28, 2009 3:54 pm
I have noticed all the pbase scripts produce lovely borders around their images such as this photo:
Whereas I cannot create nice borders for my photo links like this:
How do i create a simple coloured border like the pbase script for my own? with a dark grey shade such as #808080 as the image background image border?
This is the code already on my script.
<setvar color1 = #000000>
<setvar color2 = #F0F0F0>
<setvar color3 = #D2691E>
<setvar color4 = #dddddd>
DIV,BODY,TD,TH,TR,TABLE,FONT,INPUT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
font-family: Lucida Sans;
color : <getvar color1>;
background : <getvar color2>;
}
A:link { color : <getvar color3>}
A:active { color : <getvar color3>}
A:visited { color : <getvar color3>}
A:hover { color : <getvar color3>}
.caption {
font-size : 9pt;
color : <getvar color4>;
font-style : italic;
}
How do i add the new code onto it?
I would be really grateful for any help !
Thanks!!!!!
Whereas I cannot create nice borders for my photo links like this:
How do i create a simple coloured border like the pbase script for my own? with a dark grey shade such as #808080 as the image background image border?
This is the code already on my script.
<setvar color1 = #000000>
<setvar color2 = #F0F0F0>
<setvar color3 = #D2691E>
<setvar color4 = #dddddd>
DIV,BODY,TD,TH,TR,TABLE,FONT,INPUT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
font-family: Lucida Sans;
color : <getvar color1>;
background : <getvar color2>;
}
A:link { color : <getvar color3>}
A:active { color : <getvar color3>}
A:visited { color : <getvar color3>}
A:hover { color : <getvar color3>}
.caption {
font-size : 9pt;
color : <getvar color4>;
font-style : italic;
}
How do i add the new code onto it?
I would be really grateful for any help !
Thanks!!!!!