|
Diva Help Pages
Graphics
 How
do I put a graphic in a guestbook?
Adding a graphic in a guestbook
can seem difficult but it really isn't. All you need to know is where is
the graphic you want to leave is located and it has to be up on the web
for this to work. Can't link it from your computer.
So now you are at a guestbook...ready to leave some well wishes...here
is what you need to put to add that graphic in the guestbook.
1) First you need to type in the path of where the graphic is ie.
Here is my example using my Website URL:
| <IMG SRC="http://www.ladycaresrealm.com/divahelppagebutton.jpg"
BORDER=0></A> |
| Now you would put in the following |
| <IMG SRC="[ YOUR
URL HERE ] [ GRAPHIC NAME] " BORDER=0>
</A> |
This is what it would look
like:
If you wanted to add text to the guestbook
and a link to either your site or somewhere else such as the Divas of the
Net Help Pages you would do this:
|
Just wanted to stop by and
invite you to the Diva Help Pages.
Click to visit the Diva Help Pages
|
Just wanted to stop by and invite
you to the Diva Help Pages.<BR>
<A HREF="http://www.ladycaresrealm.com/divas/index"> <IMG
RC="http://www.ladycaresrealm.com/divahelppagebutton.jpg"
BORDER=0></A><BR>
Click to visit the Diva Help Pages |
| To use this for other urls you would put in the
following |
Just wanted to stop by and invite
you to the .<BR>
<A HREF="THE LINKING URL WOULD BE HERE"> <IMG
SRC="[ YOUR URL HERE ] [ GRAPHIC
NAME ] " BORDER=0></A><BR>
Click to visit the SITE NAME HERE |
Back To top
How
do I attach a graphic to an email?
Attaching a graphic to an email requires you to know the following:
1) Does your email program have a graphic or text button to attach
things
2) You need to know the path to the graphic you are sending
3) Click on reply. Once in reply mode, follow the path to the graphic you
are attaching, then just click on the graphic or text button for Attachments.
Back To top
How
do I use a Double Border Set?
First you need to understand a few things about Tables.
Tables are a way of keeping graphics in alignment. For every border, you
need a separate table to align that graphic. Double means there
are two sepate backgrounds but the first background is taken care of in
the Body Tags.
First Background
is in the Body Tags
<BODY TEXT="#FFFBD2" BGCOLOR="#575735" LINK="#FFFBD2"
VLINK="#FFFBD2" ALINK="#FFFBD2" BACKGROUND="divahelpbg2.jpg">
Coding for a Double Background Set would be:
This is actually the second background
<CENTER><TABLE CELLSPACING=0 CELLPADDING=5 WIDTH="98%"
BGCOLOR="#575735" background="divahelpbg.jpg" >
<TR>
<TD WIDTH="100%">
[ YOUR TEXT CONTENT WOULD GO IN HERE ]
Now close off the table tags just before the </HTML> and </BODY>
Tags using the following tags
</TD>
</TR>
</TABLE></CENTER>
Back To top
How
do I use a Triple Border set?
First Background
is in the Body Tags
<BODY TEXT="#FFFBD2" BGCOLOR="#575735" LINK="#FFFBD2"
VLINK="#FFFBD2" ALINK="#FFFBD2" BACKGROUND="divahelpbg2.jpg">
Coding for a Triple Background Set would be:
This is actually the second background
<CENTER><TABLE CELLSPACING=0 CELLPADDING=0 WIDTH="90%"
BGCOLOR="#575735" background="divahelpbgstrip2.jpg"
>
<TR>
<TD WIDTH="100%">
Here is the Third Background
<CENTER><TABLE CELLSPACING=0 CELLPADDING=5 WIDTH="98%"
BGCOLOR="#575735" background="divahelpbg.jpg" >
<TR>
<TD WIDTH="100%">
[ YOUR TEXT CONTENT WOULD GO IN HERE ]
Now close off the tables just before the Tags using the following tags
</TD>
</TR>
</TABLE></CENTER>
</TD>
</TR>
</TABLE></CENTER>
Back To top
Things you can Add/Change
for a Double/Triple Background Set
Add a border Color
<CENTER><TABLE CELLSPACING=0 CELLPADDING=0 WIDTH="90%"
BGCOLOR="#575735" background="divahelpbgstrip2.jpg"
BORDERCOLOR="#FFFBD2">
I use the same color of my text for the Border Color
Back To top
Adjust Size of backgrounds
<CENTER><TABLE CELLSPACING=0 CELLPADDING=0 WIDTH="90%"
BGCOLOR="#575735" background="divahelpbgstrip2.jpg"
BORDERCOLOR="#FFFBD2">
If you want the backgrounds wider or narrower, then adjusting the per cent
will do that. For a wider look enlarge the percent to 95% and for a smaller
look, use a smaller per centage. This is not adjusting the width of the
background, just the entire size of background and how much it takes up
in a browser.
Back To top
Adjust Width of backgrounds
<CENTER><TABLE CELLSPACING=0 CELLPADDING=0
WIDTH=90% BGCOLOR="#575735" background="divahelpbgstrip2.jpg"
BORDERCOLOR="#FFFBD2">
To adjust the size of the actual background, you would use the cellpadding
size to make it larger or smaller. A wider background would be 20 and a
smaller one would be 5.
Back To top
Add color to Scroll
Bar
I like to use only two colors here Color of the Background and the Color
of the Text
<P><STYLE type=text/css>BODY { scrollbar-3d-light-color: #575735;
scrollbar-arrow-color: #FFFBD2; scrollbar-base-color: #575735; scrollbar-dark-shadow-color:
#FFFBD2; scrollbar-face-color: #575735; scrollbar-highlight-color: #FFFBD2;
scrollbar-track-color: #575735; scrollbar-shadow-color: #FFFBD2 } </STYLE><STYLE
fprolloverstyle>A:hover { COLOR: #FFFBD2 } </STYLE></P>
<P><STYLE type=text/css>BODY { scrollbar-3d-light-color: #COLOR OF BACKGROUND;
scrollbar-arrow-color: #COLOR OF TEXT;
scrollbar-base-color: #COLOR OF BACKGROUND;
scrollbar-dark-shadow-color: #COLOR OF TEXT;
scrollbar-face-color: #COLOR OF BACKGROUND;
scrollbar-highlight-color: #COLOR OF TEXT;
scrollbar-track-color: #COLOR OF BACKGROUND;
scrollbar-shadow-color: #COLOR OF TEXT
} </STYLE><STYLE fprolloverstyle>A:hover { COLOR: #COLOR OF TEXT
} </STYLE></P>
Back To top
No Link Lines
Again I only use two colors. All I do is reverse the colors so the text
color now becomes the Background Color and the Background Color now becomes
the Text Color. It matches the set...and looks good.
<P><STYLE type=text/css>BODY { TEXT-DECORATION: none } A:link
{ TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } A:active
{ TEXT-DECORATION: none } A:hover { COLOR: #COLOR OF BACKGROUND;
BACKGROUND-COLOR: #COLOR OF TEXT;
TEXT-DECORATION: none } </STYLE></P>
Back To top
|
