- What is "Linkware"?
- Can I use the "Linkware" on a commercial (store)
site?
- Can I use the graphics if I am designing a site
for someone else?
- What is "Stealing Bandwidth"?
- How do I Copy / Use Background Sets (IE,
Netscape & AOL)
-
How do I Link to In His
Image - One Site at a Time graphic
-
How do I use Borders
-
Background
Color
-
Layered Backgrounds
-
Watermarks
-
Desktop Wallpaper
(set and/or change)
-
Trailing
Cursors
-
How do I use Email
Stationery Instructions (Outlook Express & Netscape)
-
How do I install new
Fonts
-
How do I add Music
-
Order Web Design or Personalized Graphics
Outside Links
*these links will take you to other web
sites
- Salvation Links
- *Check Your Site (compatibility, speed,
meta tags... etc.)
*(scroll down for other helpful info in this category)
*Using
a Mac?
* new computer users -
Tutorials
*Other
Web Tips!
- *Links for
Beginners
Our graphics are considered linkware. This means that
each page that displays our graphics will also display the matching logo
and provide a link back to "In
His Image" http://www.hisimage.org
This will enable others to find our web site. There is
no monetary profit - the link is considered a "thank you" from you, and allows others to
find us.
The policy of this site is 'freely we receive from the Lord' and
so 'freely we give' of the gifts and talents the Lord has provided! So,
please use any of the background sets offered here on your
church, ministry or personal web site.
PLEASE do not
use them on a business site or a site that you are creating
for "profit". (If you are
being paid to design a site these linkware graphics are available to
your client at a very reasonable cost.) Our own web design is
offered at a greatly discounted price to enable more Christians to
begin their 'web outreach' and "take more of the web for JESUS"!
Bandwidth theft occurs when a person
links an image to their Web page from the site that has the image
instead of downloading the image or clip art, coding the image on
your Web page, and uploading the image or clip art and your Web page
to your Internet Service Provider (ISP).
When a visitor surfs to your Web site, he or she will be able to see
the image or piece of clip art. However, the image shown is being
"pulled" from another Web site.
If you have a Web site and go over a certain amount of bandwidth you
will be asked to pay more money per month. Many clip arts sites that
offered free to use clip art have had to take their images sites off
the Internet because of the expense of bandwidth theft.
(from http://www.about.com
)
- the Background
* with your cursor on the background click
your right mouse button
* choose save background as
- this will bring up the "Save Picture"
window.
*** This is where it is a good idea to make a
new folder
to hold all the graphics from one site. You will find
it easier to remember where you got the graphic and
it will be easy to provide a link back to the site. To
further help in your organization - open notepad - type
a short note including the URL and the site name and
any other information you may need - save it in the same
file as the graphics.
* be sure that the "save as type" box
contains .jpg for the backgrounds
some of the buttons, etc. are .gif format.
* Save the background in the new folder
you have created.
- the Welcome, buttons, bars, icons and plaques
* point your cursor to the graphic you wish to save - click the right
mouse
button - choose save picture as - again you will
see the "Save Picture"
window. Select the new folder you have made, if necessary,
and click save.
- be sure to upload the graphics to your web host along
with your HTML files.
- The above instructions are for Internet Explorer.
- They are similar for Netscape.
- If you use a different browser you will have to refer
to your browser's help files.
Are the Graphics you Copy turning into
.ART files? instead of .GIF or .JPG files?
~~
Here's what to do to get rid of this problem! ~~
Using AOL 8.0 ?
- Click on SETTINGS
- Then on PREFERENCES
- Then on INTERNET PROPERTIES (WWW)
- Then on WEB GRAPHICS
- Then on NEVER COMPRESS GRAPHICS
- Then restart your computer (This is for AOL 8.0)
~~
Thanks for the info Sarah! ~~
Older versions of AOL
- In your AOL, click on "My AOL"
- then click on "Preferences"
- then click on "WWW"
- then click on the "Web Graphics" tab
- then make sure the box that says
"Use Compressed Graphics" is NOT
checked!
Now re-copy all the graphics as .gif
or .jpg files!
(if you do not re-copy
all the graphics this will not work)
1 -- LOGO
If you are using a background
from "In His Image" please copy the matching logo and place that logo at
the bottom of each page that displays the background. Please
link that logo to http://www.hisimage.org
2 -- BANNER
If you would like to
place an "In His Image"
banner on your banners page please copy the banner
you would like to display and link it to http://www.hisimage.org
Copy our banners - from
Banners to copy
3 -- TEXT LINK
You may place a text
link on your Favorite Links page listing this site as: "In His Image - Christian
Backgrounds"
There are two ways to prevent your text
from overlapping your border background.
-
inserting a table into your page
-
creating a left margin
Inserting a
Table
-
Insert a table at the very top of your page
that is 70% of the page width.
-
Make sure the table it aligned to the
right.
-
If your content is still overlapping -
adjust the width of your table.
Decreasing or increasing the #% as needed.
(ex. 70% will give you a wider table than 65%)
If your table it 70% and your text is still overlapping the border
graphics - decrease the width of your table until the text aligns with the
edge of the graphic border.
(remember --- this is a variable - if someone opens your 800 x 600
designed page in a browser window that is 640 x 480 - the table will still
overlap the graphic)
-
just after the <body>...</body> tags
insert the table tags:
<table width=70% align=right><tr><td>
your page content here
</td></tr></table>
</body>
</html>
-
If your content is still not aligned
correctly,
increase or decrease the table width.
-
* If your text is overlapping decrease the
table width #%
* If your text is to far to the right of
the background graphic increase the table width by increasing the #%
Fixed Width
Table
Use this method if you want to be sure the
text does not overlap the graphic (for most display settings) larger
displays will see more white space.
-
Create a two-column table
-
Specify the width as 640
-
Specify the first column as the width
necessary for your text to clear the graphic border. (usually
somewhere between 200 and 300) Adjust the setting according to the
border.
-
Specify the second column width as the
table width (640) minus the first column width (ex. 640 -200=440, so your
second column width would be 440)
Left Side
Margin
This is easier and should work on most
browsers.
-
Adjust the left side margin width on your
page using your editor's margin tools
(usually an editor will keep the right side margin at 0,
if you see that your text is wrapping - or that your right margin is too
large, designate the right margin to be 0 - you may have to add this in
the HTML view... see below)
-
In the <body> tag insert the width of the
left and right margins. (ex. <body background="yourgraphic.jpg"
leftmargin="200" rightmargin="0">
-
This should keep your page consistent for
pages viewed in any of the newer browsers.
bgcolor="#color"
... refers to the color that loads before your graphic
background. Most "In His Image" backgrounds give you the best color to
use as a bgcolor so that your viewers will not see two different colors when
your page loads. I am sure you have all seen pages that start out
white or gray and then the graphic background loads, which may be blue or
green or pink. To create a better transition for viewers whose pages
may be loading more slowly - coordinating the bgcolor to the background
graphic will give a smoother look as your page loads.
-
Create a page using the first background image for the
page background
-
Create a table on the page using the second background
image for the background of that table
-
Create a table within the first table - use the third
background image for the background of that table.
There you have it!
Layered a background!
If you are able to create borders for your tables
in your HTML editor -
try adding coordinating color to the borders.
When you format your page to use the Watermark
backgrounds the background image remains still
while the text scrolls up.
--
The backgrounds in this group are designed to
fill one screen. To insure that they to not repeat
you must use the Watermark or "fixed" format.
--
If you are doing your own HTML simply include
bgproperties="fixed"
right after your links colors, within the body tags
--
EXAMPLE:
<body background="BackgroundName.jpg" bgcolor="#DFE2F0" text="#4A332B"
link="#444A00" vlink="#4A332B"
alink="#D7D2D0" bgproperties="fixed">
-
Right click on the background graphic.
-
Click on set as
wallpaper
-
your desktop will now have the graphic you
have chosen as the new wallpaper. :o)
(to change the wallpaper to your original or
another graphic in your windows files)
-
Right click somewhere on your desktop (not
on any icon)
-
Click on properties
on the small menu that pops up
-
Click on the Desktop
tab if it is not selected
-
You should now see the example of the
present desktop wallpaper
and a list of available selections saved on your computer.
-
Highlight the
graphic that you would like on your desktop, click
OK
How to use the trailing cursor:
-
Copy the cursor graphics that match the set
you are using - note the folder (directory) where you have copied them
-
Highlight all of the script in the text
box.
-
Copy the text in the text box to Notepad.
(VERY important - if you miss this step your script may be corrupt)
-
Copy the text from Notepad to the HTML of
your web page somewhere within the <body>
</body> tags.
(I place mine at the end of the page.)
-
If necessary change the graphic links
within the JavaScript to indicate where your copy of each graphic is
located.
E-Mail Stationery ... ?
Outlook Express ...
1 - Copy the stationery background to your
files
(be sure to copy the large background NOT
the small thumbnail image)
-
right click on the background
-
select save background as
-
browse to:
C:\ProgramFiles\CommonFiles\MicrosoftShared\Stationery
-
save the background
2 - Open Outlook Express
-
Select Tools, Options then the Compose tab
-
Click on "Create New" button under the
Stationery heading - Click Next
-
Click Picture
-
Browse to find the new email background
file
-
Position -- Top and Left should be in the
boxes
-
Tile -- Vertically - Click Next
-
Set desired Font, font size and font color
- click Next
-
Left Margin - click upper arrow until the
picture shows
that the text is not over the border (usually 125 pixels)
-
Name - type in a name for your new
stationery
-
That's it!
3 - Create a message using your new email
background.
Netscape ...
1 - Copy the stationery background to your
files
(be sure to copy the large
background NOT the small thumbnail image)
2 - Open Netscape Mail Program
-
open a new message
-
click Insert, image
-
in the "Image Properties" window, Image tab
-
enter the location of the file you just copied to your hard disk
-
check the box "use as Background" - click
OK
3 - Keep text off the border
-
Click on the link to the font
-
When the window opens to save the file
select the directory (folder) -[you can save it on your desktop it is
temporary]
**or you can also open it directly to your computer C:\Windows\Fonts **
Just remember where it is being saved!
-
After it is downloaded find the file and
Double Click on the file.
select Extract to - this will bring up the zip program
(this may be a little different depending on your zip program or your
version of windows)
-
Select the C:\Windows\Fonts directory
(Be sure you are extracting/installing the font to this folder.)
-
Click extract/install - this will install
the new font
(with Windows XP you will have to open your fonts folder and click on
Tools - Refresh to make the new font available)
-
Close the zip window (if it is still open)
-
Delete the zipped font file.
Embedding Sounds
Be aware that sound on your page will add to the
download time.
It is a good idea to give your visitor the option to turn it on and off.
Here is the HTML:
<EMBED SRC="blah.mid" AUTOSTART="true or
false"
AUTOLOAD="true or false" WIDTH="x" HEIGHT="y"
ALIGN="left, right, top, center" border="X" loop="true">
Options:
SRC = Can be any audio file such as mid, wav, or au.
Autostart = Whether the file should autostart upon loading
or wait for the user to click to start.
Autoload = Should the file load into memory, or wait until
clicking to load.
Loop = Enter the number of times the file
should loop or enter true for automatic unlimited looping.
Check your site ... ?
(these links will take you to other web
sites)
To give your web pages a check-up just type
the URL of your page in the
SiteInspector and wait for the report. You will receive a quick review
of -
Browser Compatibility, Link Validity, Popularity,
Load Time, HTML Validity, Spelling,
and rediness for search engine submission.
Please be patient while the SiteInspector reviews your URL
Search Submitter:
Free Search Engine Submitter, to the top engines.
Meta
Tag Generator:
Free Meta Tag Generator, no more effort required to produce perfect
Meta Tags.
Traffic Rankings:
See where your site is placed - in a world wide ranking.
Meta
Checker:
Check your Meta Tags for the ultimate in streamline and
positioning in the Engines.
Analyze
your page with BOBBY (this link will take
you to other web sites)
Christian Web Hosting
(this link will take you to
other web sites)
Using a
Mac? (this link will take
you to other web sites)
new computer users -
Tutorials
(this link will take you to other web sites)
Other
Web
Tips!
(this link will take you to
other web sites)
Links for
Beginners
-
(these links will take you
to other web sites)
NetLingo!
:)
Hoaxes
and Virus Scares
Dave's Site
Bare Bones Guide to HTML
The Newbie Club(TM) - Just Show Me How!
"At Last the Mysteries of your PC and
the Internet Explained, and the
Magic Revealed--in Plain English!"
"Does Computerish
Sound Like Gibberish?
Think The Internet Is Just For Experts?"
|
