function bodyOnload() { document.body.style.backgroundImage='url(../Multisearch2/twp-67427.jpg)'; showPleaseWait('seng2'); hideElem('seng'); hideElem('seng2'); hideElem('searching'); hideElem('ifwide'); document.form1.inp.focus(); document.getElementById('ifwide').style.borderWidth='0'; document.getElementById('left').style.backgroundColor=''; document.getElementById('right').style.backgroundColor=''; }
<input id="home" class="btn" value="Home" type="button" onclick=" document.body.style.backgroundImage='url(../Multisearch2/twp-67427.jpg)'; document.getElementById('left').style.backgroundColor=''; document.getElementById('right').style.backgroundColor=''; document.getElementById('ifwide').style.visibility='hidden'; document.getElementById('seng').style.visibility='hidden'; document.getElementById('searching').style.visibility='hidden';"></input>

YOUR PICTURE AS BACKDROP!  MULTI-SEARCH TIP

Want to see

• Your own pretty/handsome face 
• Your favorite celebrity's picture or
• A Bible verse, religious or inspirational image 

as the [HOME] background? Easy! Do it in just 5 steps! Just make sure the image has a minimum resolution of 1280x800 or else it will look ugly.

STEP1

Copy your image to the Multisearch folder.[eg. /home/jc/Multisearch]

STEP2

Open the Multisearch.htm file from where you uncompressed the tar.gz or zip file.

File Name: [/home/jc/Multisearch/Multisearch.htm]

STEP3

Swap images at this location.

Change twp-61136.jpg on line2 below. Put your image there instead.

STEP4

Swap images at this location.

Change twp-61136.jpg on line2 below. Put your image there instead.

STEP5

Verify success.

From now on, you should see your image when you startup Multi-search or press the [HOME] button! Click on Multisearch.htm [eg. /home/jc/Multisearch/Multisearch.htm] to confirm.

Do you see your image? Great! Simple. Multi-search!

REMEMBER

• Type keywords in the input box at the top of the box on the left side JUST ONCE and search the web with any of 15+ search engines from the top group!
• Press a button from the middle group to open the website on the viewer on the right hand side and then enter the keywords AT EVERY SEARCH ENGINE SITE. 
• Use Multi-search as a wallpaper! Press [HOME], a [BG] Button And [F11] to turn Multi-search into a desktop wallpaper at coffee-break or lunch-break!

NOTE 2. Puppy Linux Font Locations
I'm not sure, but the following information probably comes from the Puppy Linux documentation or the helpful puppy forums.

fc-cache -fv command caches fonts from these directories and cleans some of them at the end. 

/root/.fonts
/usr/share/fonts
/usr/share/fonts/default
/usr/share/fonts/default/TTF
/usr/share/fonts/default/Type1
/usr/share/fonts/truetype
/usr/share/fonts/truetype/ttf-liberation
/usr/share/X11/fonts
/usr/share/X11/fonts/TTF
/usr/share/X11/fonts/Type1
/usr/share/X11/fonts/misc

NOTE 3. Script And Fontlist Webpage Speed
The script script runs fast. The webpage fontlist may be fast or slow THE FIRST TIME depending on the number of fonts in the font directory.

Click here to see a sample 
DOWNLOAD SCRIPT

Okay, so we now know how to install fonts on Puppy and other Linux systems. Let us go ahead and see how to use the @font-face rule in your embedded style sheet. First we will get the font location and loop to read one font at a time to generate the @font-face code in the head section and then we will loop one more time to create the code, this time for the anchor or paragraph tags inside the body of the web page.

The script below combines both steps to dynamically produce the list of all installed fonts on your Linux system in a web page.

1.DOWNLOAD SCRIPT and extract the file gen-fonts.sh at /tmp.

2.Change the first 2 lines of the script for font directory and the browser string

3.With a file manager like ROX-filer, right-click on the gen-fonts.sh file, and check the 3 boxes at the end to make all 3 executable

4.Click on the script to generate and view the list of installed fonts in your system. 

1.DOWNLOAD SCRIPT and extract the file gen-fonts.sh at /tmp.

2.Change the first 2 lines of the script for font directory and the browser string

3.Open up a terminal and type cd /tmp; chmod 755 gen-fonts.sh

4.Type ./gen-fonts.sh to run and view the installed fonts in a html file

• First, copy your font files to a directory on your server, such as public-html/fonts or www/fonts, both of which point to the same location.
• Second, taking the code below as a sample , create @font-face rules for every font in the style block of the header. Eg.

        <head><style>
        @font-face {font-family:'Bigfish'; src:url('fonts/Bigfish.ttf'); }

        </style></head>

• To end, put your text within tags such as "a" or "p" in the body. Eg.

  <a class="btxt" href="">List Of Installed Fonts On Your Linux System</a>

Simple sample page using @font-face for your website page

<html>
<head>
<style> 
@font-face {font-family:'Bigfish'; src:url('fonts/Bigfish.ttf'); }
.btxt {font-family:'Bigfish'; font-size:15px; }
</style>
</head>
<body> 
<a class="btxt">List Of Installed Fonts On Your Linux System</a> 
</body>
</html>

When we use fonts this way on the server hosting our website, everyone will see the same font on their laptop or pc even if they don't have this font installed. The only requirement is that their browsers must support the @font-face rule.

---

---

Sample wordart-Font3d

HAVE YOU DOWNLOADED MY THREE FREE FONT PROGRAMS YET????

I have created four free font tools, three of which are free downloads. These three come with install and uninstall scripts that can be used for viewing the installed fonts on your Windows laptop or pc and also to view your text in all installed fonts and generate 3d wordart. Take a minute to read about these at sqlhtm.com. The fourth is an online web application. Watch the slideshow and play with the 4th tool online at sqlhtm.com! These are sure to be great additions to your toolset for online and offline web or other projects.




1.MyFontYourFont
Reads all your installed fonts on Windows and generates and shows sample text in horizontal and vertical formats in various sizes.



2.MyFontYourFontHot
Reads your text and displays them with all installed fonts so you can select the best-looking one for your blog or website article.


3.Font3dRandom
This is one of my bigger font projects which lets you create 3d html oneliner wordart with a totally endless variety of font and color combinations.



4.Font3dTemplates
This one's my biggest effort on 3dfont wordart program till date. The first version which is an online basic version creates simple wordart with installed regular and other floral and decorative fonts on Windows XP. When the regular fonts we use in everyday life or magnified, colored and shaded, we see MAGIC! Even fonts with your portraits or those of the celebrities can be enlarged, colored and 3d-shaded! It's that simple. The newer version currently under development has the really cool image and text drag-n-drop, local storage html5 features among others compared to the older version.

SOME VALUABLE FONT-RELATED WEBSITES ON THE WEB

It's so unbelievable! Awesome! 

Thank you dear readers and visitors!
Before you leave, don't forget to view the top pages on sqlhtm.com listed below and also download your choice of free scripts and tools!