If you check out the links included in this post, you’ll see that the complete code for this JAVA banner comes in three parts – two for the JAVA script and one for the HTML.    The JAVA code is available at this link  (HTML code is below).

JAVA – Parts 1 & 2

The first part of the JAVA script puts a box or frame around the banner and the second part creates the action of continuous scrolling.

In the first section that places a ‘box’ (frame) around the banner, you can change some of the ‘sizes’ to get the look you want. The features you can change are:

• margin – 0px
• placement – center
• width of border – 1px
• type of border – solid
• color – #000 (again, using triplet colors)

If you were to leave out this portion of the code, there would be no frame around the banner.

The second part of the JAVA script code causes the scrolling action. There are only two (2) changes you may want to make to this code. These changes have to do with the width and height size the banner displays. Those lines are shown below:

Sample code:

 // width of the banner container

var contWidth = 252;

// height of the banner container

var contHeight = 100;

In the code above, the 252 references the width of the banner; the 100 references the height. You would change these numbers to fit your space.

HTML

The HTML code contains the three <div> tags, the images, text and links (if wanted) for your banner.

NOTE: The size you have assigned to the banner’s width in the JAVA script code MUST be the same in the HTML code for the lines where width is shown in the three <div> lines (see below). The width of 252 (pixels) in the code below corresponds to the 252 for width in our JAVA script.

Sample HTML code:

<div id=”slideCont” style=”position:relative;z-index:1;width:252px;overflow:hidden;text-decoration:none”> 

<div id=”slideA” style=”position:absolute;z-index:1;top:0px;left:0px;width:252px;overflow:hidden;text-decoration:none”> 

<div id=”slideB” style=”position:relative;z-index:1;top:0px;left:0px;width:252px;overflow:hidden;text-decoration:none”>

In order for the scroll to work correctly, you must use the same HTML code, in the same order, for both <div> slideA and <div> slideB – this gives you the seamless roll.

You’ll note, that in our sample we’ve  made the image a link to one page with separate lines of text under the image where each line of text is linked to a different page. (See Advertising image with three lines of text underneath.)

Also, we placed a line of text below the scroll after the last <div>. This line of text can be added, deleted or expanded, it has nothing to do with the scrolling banner working – but may be used to give instructions or offer an advertising opportunity.

We’ve written the HTML code for a scrolling banner and it’s available  at this link  . . .  the code is for five separate scrolling images.  You can copy and paste the HTML code from this link into your own HTML editor and then place you own information for links 1-5 in the correct spaces indicated by Link 1, Image 1, Text 1, Link 2, etc. .   If you don’t need five places, just delete the ones you don’t want- in BOTH slideA and slideB <div> sections.

Just like with the CSS – you can place the JAVA code on the page or upload it to the Root directory as a .js file and then reference it in the head section of the HTML document.   If you upload the script to the Root Directory – only use the JAVA code when saving as a text document, do not include the information included in the <! –     –>  tags.  For more information about JAVA – visit this link

PS – On checking for additional information for this code, we were surprised to find that the website we used to reference is no longer available. So…. in the near future, we’ll be posting some new links where you can find information relevant to our JAVA Scripts.

Vertical code explanation – http://www.devinrolsen.com/pure-css-vertical-menu

Some of the information covered is:

• How the HTML structure of menu / sub-menu is written
• How to set the color of the background for menu and sub-menu
• How to set the color of the fonts for menu and sub-menu
• How to set font size

Visit this link to see menu in action

For convenience, we’ve included a link below to  the CSS code we used for our sample so that you can just copy/paste it to get links like ours. Of course the colors, size and number of links, and levels can be modified to accommodate your website. If you need more than one (1) sub-level of links, please visit the information link above for details on how to do this.

Remember: When coding the CSS code to use on your own website, don’t forget that it MUST be saved in a Text Editor as a TEXT ONLY document with the extension .css after the name, i.e., mymenu.css – otherwise it will not work.

 Get CSS Code:     http://powertoearnmoney.com/vertical-drop-down-menu-css/

NOTE: The colors for backgrounds and fonts are in hex triplet colors – not hexadecimal. This is a link to a page where you can get hex triplet colors designations for use. Note: Not all hexadecimal colors have a corresponding hex triplet color.

The HTML code for the sample page can be found at the link below. Again, just copy and paste, then replace the Menu, Sub-menu titles with your own names and put in your links. For the sample, there are seven (7) main menu links each one with 3 sub-levels. You can adjust these to meet your needs.   To remove a line in the sub-level menu, simply delete one of the <li> . . . </li> lines; to increase the number of sub-level lines, add in a <li> … </li>  for each new sub-level link needed.  Do this by using an HTML editor and saving the  page with the usual .html extension.

In our HTML sample code, note the <link rel=”stylesheet” type=”text/css” href=”sample.css” />  bit of code in the header that references the .css document.  For our Text Only .css document we named it  ‘sample’.   You would replace ‘sample’ with the name you choose to call your .css document.

Get HTML Code - http://powertoearnmoney.com/vertical-drop-down-menu-html-unordered-list/

The CSS code can be on the page, or uploaded to the domain’s root directory using an FTP program. If you choose to upload the CSS code, make sure you reference the stylesheet in the <head> section of each of the HTML document’s pages where you want the vertical menu to appear using the following string of code shown below -  where sample.css would be the name you have given to your .css page – or it will not work.

Header Code:    <link rel=”stylesheet” type=”text/css” href=”sample.css” />

Using Cascading Style Sheets on your website for menus and various other apsects of the page can make managing your website easier, since any changes you make to the CSS code affects every page where that uniquely named style sheet code appeaers in the header.

Problem: My computer detected and blocked a Trojan virus that the AVG program (paid version) had found, however, was unable to isolate. (After all was said and done, there were several virus problems, plus a couple of rootkit issues found in my computer. In all honesty, hadn’t heard of ‘rootkit’ before – but now know it can really cause problems. Read more about rootkits here)

Solution: I called the AVG people and was given a list of steps to follow to fix the problem. However, I couldn’t get past the first step – my computer went crazy…. blinking screens that I couldn’t stop.

Called AVG back and went through the first on-line fix with a tech – the kind of interaction where they take control of your computer. Rather than give you all the details of the three separate fixes over the course of 24 hours, they not only used the AVG virus program but also several different spyware and malware programs (links below) . In addition, they gave me some solid tips on keeping my computer safe. They were. . .

1.  Virus programs should be checked for updates daily and if an update(s) is found; it should be installed.
2.  Updates to virus programs should be done before you run any scans
3.  Only one (1) virus program per computer; having more than one virus program causes confusion and can leave your computer at risk.
4.  If you have AVG, use the AVG toolbar for searching as it provides safe sites.
5. Password protect your computer – even if you are the only one who uses it
6.  Run free malware or spyware programs if you think you have a problem

The list below contains the programs the AVG techs used on my computer. If the program was not free, they downloaded the trial paid version and used that. The list of spyware, malware and other programs is for informational purposes only. We are not recommending you use any one of them but rather read to see what each one offers. If your computer is in need of repair or has a virus problem, we recommend contacting a trained professional.

One other thought, at one point during this whole ordeal, my computer black screened.  While talking with the AVG tech on the phone and following his directions, he was able to get my computer back. However, I had to use my original OS Reinstallation disk that came with my computer to get things working again. Fortunately, that disk was in a place where I could find it. Now for the list.

Spyware, malware, and other programs used to repair my computer :

ASWMBR -  Rootkit Scanner

ATF-Cleaner – Free Temporary File Cleaner

HitmanPro35 – Virus scan to use when other programs show no virus

LSPFix – Repair broken winsocks

mbam -  Anti malware program

TDSSKiller – Anti adware program

REVOSETUP – Program uninstaller program

RootRepeal – Rootkit detector

SuperANTISpywarePro - Anti-spyware program

TRJsetup682 -Trojan remover

LavaSoft – Antivirus software

I was told that new viruses come in daily and a good maintenance regime should be followed to keep your computer safe. I now check daily for AVG updates.

And if that isn’t enough, to top it all off, here are some scary stats for those who don’t backup their files:

• All hard drives will crash during their lifetime
• More than 1 in 10 laptops will be stolen in their lifetime
• A laptop is stolen every 53 seconds
• Every year 46% of computer users lose their music, photos, and documents
• 50% of all hard drives will crash within 5 years
• 89.1% of PC users don’t perform regular backups
• A recent study from Gartner, Inc., found that 90 percent of companies that experience data loss go out of business within two years.
• 70 percent of companies go out of business after a major data loss

I’m not one to re-invent the wheel, so I’m giving you the link where all of this is explained in detail. Get details here.  However, to make things easier so you don’t have to create the documents as you read, I have placed the complete CSS code on a page (link below) where all you have to do is copy and paste it into a Text Editor. Once this is done, you MUST save the CSS code as a Text Only document giving it a name with the extension .css, i.e, mymenu.css, or it will not work.

Visit this link to see the menu in action

Depending on your website, you can customize the HTML code for the number of Menu Headings and Sub-menu headings that you need. You can also make any changes to the CSS text document if you want to change the background or font colors to blend with your website. Otherwise leave as is. Before starting any of this, take a few minutes to read through the information at the other link to understand how the CSS works and how the code is structured.

The information covered there includes:

•  How the HTML structure of menu / sub-menu is written
• How the menu displays – left or right justification
• How to determine the color of the background for menu and sub-menu
• How to determine the color of the fonts for menu and sub-menu
• How to set font size

NOTE: The colors for backgrounds and fonts are in hex triplet colors – not hexadecimal. This is a link to a page where you can get hex triplet colors designations for use.  Not all hexadecimal colors have a corresponding hex triplet color.

The HTML code for the sample page can be found here. Again, just copy and paste, then replace the Menu, Sub-menu titles with your own names and put in the links. For the sample, there are seven (7) main menu links with six (6) of them having three (3) sub-menus each. You can adjust these to meet your needs. Place into an HTML document and save.

The CSS code can be on the page (placed in the <head> section), or uploaded to the domain’s root directory using an FTP program. If you upload the CSS code, make sure you reference the stylesheet in the HTML document’s <head> section using the following string of code, where ptem.css would be replaced with the name you have given to your .css page.   Get the CSS code here.

 <link rel=”stylesheet” type=”text/css” href=”ptem.css” />

 Want to use a vertical menu, where the sub-menus display to the side? Check back next time where we’ll cover how to do this.

We recently had a computer go down (bad motherboard), so instead of putting money into a 4+ year old computer, thought it better to apply that money towards a new computer. Since our problem wasn’t disk related, we opted to remove the old C Drive and install in an external hard case. While we can’t use the programs stored there, we can open any of the document, image, etc. files that we might need.

This is a pretty simple process that almost anyone can do.  The information below will help you determine which external drive to buy to encase the old C drive.

1.   Measure width and height of the C drive once you have removed it from the original computer tower. You should also know the maximum capacity of the disk.

2.   Determine type of drive you have. This refers to the type of power used when starting up (spin-up). I found the type of C drive I had by actually using the information off the drive after I removed it from the tower and then searching online. The search results gave me the name/type for that drive so I could proceed with purchasing the correct case. There are two typical drives you will most likely encounter.

SATA II (Serial Advanced Technology Attachment) – supports staggered spin-up allowing the computer to spin up the drives in sequence top reduce load on the power supply when booting.

PATA (Parallel Advanced Technology Attachment) (and some SATA) – support power-up in standby. Each drive does not spin up until the controller (system BIOS) issues a specific command to do so… allowing the system to be set up to stagger disk start-up and limit maximum power demand at switch-on.

 3.   Go online, i.e, Amazon and search for the type of drive you need based on the size and type. (Check to make sure it comes with a USB cable and make note of what type of power it uses.) Most of these external cases will fit the C drives that come with the newer computers.  However, if you have an older computer, you may need to do some more research with regard to case size and drive type. (see link below for more information.)

4.  Once you have the external drive case in hand, follow the instructions that come with the unit. In my case, I only had to remove two screws, place my old C drive inside, and replace the cover and screws.

After doing this, I simply plugged the unit into my new computer’s USB port where I could view all the files on my old C Drive and use them – all for under $15.00.

If you want to read more about hard disk drives, visit http://wn.wikipedia.org/widi/Hard_disk_drive