Howto add some visual browser changes

December 4, 2003

Hello,

Can anyone help out with the following:

1. Changing colour of scrollbar in browser when one visits shop.

2. Adding icon to appear in browser location box when site is visited

3. Adding how many items in cart info to browser site info box (the bottom one where it gives information when a page is clicked, eg: transferring from http://www.etc.com/etc.php)

Would 1. be a stylesheet entry?

help will be appreciated!

cheers

December 4, 2003

ok. I have work all of these tasks out. If anyone else needs to know how to do these tasks, below is the information:

1. Changing colour of scrollbar in browser:

*** In all of the files contained in /catalog/ add this code under </head>:

<!--

body

{

scrollbar-arrow-color: 07FF24;

scrollbar-track-color: E7EBEE;

scrollbar-face-color: A5B0BE;

scrollbar-highlight-color: ffffff;

scrollbar-3dlight-color: 000000;

scrollbar-darkshadow-color: 000000;

scrollbar-shadow-color: 000000;

}

-->

</style>

-- CHANGE THE COLOURS TO WHATEVER SUITS YOU

2. Adding icon in address bar in browser when site is visited:

*** Goto www.favicon.com and download the shareware program to create your icon. Code to be added to all /catalog/ files under <head>:

3. Adding how many items in cart, total value of items in cart and weight into browser site info bar ( the bottom one where it gives information when a page is clicked, eg: transferring from http://www.etc.com/etc.php)

*** In all of you /catalog/ files add the following code under </head>:

<!--

var msg = "<?php echo '[ ' . $cart->count_contents() . ($cart->count_contents() == "1" ? " Item" : " Items in Cart "); ?> <?php echo $currencies->format($cart->show_total()); ?> <?php echo $cart->show_weight() . ($cart->show_weight() == "1" ? " kg" : " Kg ] ");?>";

var delay = 100;

var pos = 100;

function scroll_status()

{

setTimeout("scroll_status()", delay);

var out = "";

if (pos >= 0) {

for (c = 0; c < pos; c++) {

out += " ";

}

out += msg;

}

else {

out = msg.substring(-pos, msg.length);

}

pos = (-pos > msg.length) ? 100 : pos - 1;

window.status = out;

}

scroll_status();

//-->

</SCRIPT>

This creates scrolling cart info displayed in browsers.

I hope this is of help to anyone..

cheers

Howto add some visual browser changes

Recommended Posts

Guest

Guest

Archived

Browse

Activity