Kryptronic Software Wiki : ButtonImages

Kryptronic Internet Software Solutions
Most recent edit on 2007-03-09 08:00:20 by KryptronicWebmaster

Additions:

Changing Buttons To Use Images

ClickCartPro - Skinning (Changing The Look Of Your Site)


Deletions:

Adding Button Images

Work In Progress - Not Accurate/Complete yet

Wiki: Pending Inclusion




Edited on 2007-03-09 07:45:35 by KryptronicWebmaster

Additions:
1. Create the images you want to use for the buttons. Your image files may have an extension of .jpg, .gif or .png. When creating your images avoid saving them with file names that include spaces.
<div class="skin_button"><a href="<?php print $link_contact; ?>"title="Contact"> <img src="<?php print $disp_baseurl; ?>/skins/MySkin/media/ContactUs.gif" width="100" alt="Contact" height="22" /> </a></div>


Deletions:
1. Create the images you want to use for the buttons. Your image files may have an extension of .jpg, .gif or .png.
<a href="<?php print $link_contact; ?>"title="Contact"> <img src="<?php print $disp_baseurl; ?>/skins/MySkin/media/ContactUs.gif" width="100" alt="Contact" height="22" /> </a>




Edited on 2007-03-09 07:40:57 by KryptronicWebmaster

Additions:
1. Create the images you want to use for the buttons. Your image files may have an extension of .jpg, .gif or .png.
8. For this example we will make the assumption that your skin name is MySkin (case matters), that the image for the Contact button is named ContactUs.gif (again, case matters) and that your images are 100 pixels wide and 22 pixels high. Adjust the number of pixels to match the size of the images you have created as needed. Your image files may have an extension of .jpg, .gif or .png.
Change the first line of code for the Contact button to:
<a href="<?php print $link_contact; ?>"title="Contact"> <img src="<?php print $disp_baseurl; ?>/skins/MySkin/media/ContactUs.gif" width="100" alt="Contact" height="22" /> </a>

9. Repeat step 8 for the other 4 buttons changing the name of the image file, link variable name, title and alt value for each one.

Deletions:
1. Create the images you want to use for the buttons.
8. Change the first line of code for the Contact button
<a href="<?php print $link_home; ?>"title="Home"> <img src="http://www.yourwebsite.co.uk/khxc/media/gbu0/picture-buttons/home.gif" width="100" alt="Home" height="22" border="0" /> </a>

Home > Kryptronic Hybrid X Core > Displays: Skins, Menus, XHTML Includes and Messages
• Copy and save it in note pad
• Then paste over with the wording below (modified to you files and location
Your Website title <p> </p>
<a href="<?php print $link_home; ?>"title="Home"> <img src="http://www.yourwebsite.co.uk/khxc/media/gbu0/picture-buttons/home.gif" width="100" alt="Home" height="22" border="0" /> </a>
<a href="<?php print $link_account; ?>"title="Your Account"> <img src=" http://www.yourwebsite.co.uk /khxc/media/gbu0/picture-buttons/your-account.gif" width="100" alt="Your Account" height="22" border="0" /> </a>
<a href="<?php print $link_cart; ?>"title="View Shopping Cart & Wish List"> <img src=" http://www.yourwebsite.co.uk /khxc/media/gbu0/picture-buttons/shopping-cart.gif" width="100" alt="View Shopping Cart" height="22" border="0" /> </a>
<a href="<?php print $link_checkout; ?>"title="Go to Checkout"> <img src=" http://www.yourwebsite.co.uk /khxc/media/gbu0/picture-buttons/checkout.gif" width="100" alt="Go To Checkout" height="22" border="0" /> </a>
<a href="<?php print $link_account; ?>"title="Contact Us"> <img src=" http://www.yourwebsite.co.uk /khxc/media/gbu0/picture-buttons/contact.gif" width="100" alt="Contact Us" height="22" border="0" /> </a>
• This is assuming you create a folder called [picture-buttons]
• And also call your buttons as above




Edited on 2007-03-09 07:23:21 by KryptronicWebmaster

Additions:
1. Create the images you want to use for the buttons.

2. In admin under Home > ClickCartPro > Displays: Skins, Menus, XHTML Includes and Messages > Manage Display Skins click on Update next to the skin you are using for your site.

3. In the Functions Menu near the top click on Upload File: Click here to upload a file to be controlled by this skin.

4. Use the Browse button for the Skin Controlled File to locate the first button image file on your system. In the Skin Controlled Directory Selection field select /media as the directory for the button image files.

5. Repeat steps 3 and 4 above for each of your image files.

6. In admin under Home > ClickCartPro > Displays: Skins, Menus, XHTML Includes and Messages > Manage Display Skins click on Update next to the sking you are using for your site.

7. Click on Update next to File Name skin.php and locate the following code:
In case you experience problems with the remainder of this change you may want to save a copy of the above code on your machine as a backup.
8. Change the first line of code for the Contact button
<a href="<?php print $link_home; ?>"title="Home"> <img src="http://www.yourwebsite.co.uk/khxc/media/gbu0/picture-buttons/home.gif" width="100" alt="Home" height="22" border="0" /> </a>


Deletions:
~1) Create the images you want to use for the buttons.
  1. In admin under Home > ClickCartPro > Displays: Skins, Menus, XHTML Includes and Messages > Manage Display Skins click on Update next to the skin you are using for your site.
  2. In the Functions Menu near the top click on Upload File: Click here to upload a file to be controlled by this skin.
  3. Use the Browse button for the Skin Controlled File to locate the first button image file on your system. In the Skin Controlled Directory Selection field select /media as the directory for the button image files.
  4. Repeat steps 3 and 4 above for each of your image files.
  5. In admin under Home > ClickCartPro > Displays: Skins, Menus, XHTML Includes and Messages > Manage Display Skins click on Update next to the sking you are using for your site.
  6. Click on Update next to File Name skin.php and locate the following code:
Note make back up of the text first before you modify it and save a copy !!!!.




Edited on 2007-03-08 18:37:42 by KryptronicWebmaster

Additions:

Work In Progress - Not Accurate/Complete yet





Edited on 2007-03-08 07:40:20 by KryptronicWebmaster

Additions:
In this example we will be changing the store menu at the top right of the page to use images for the buttons instead of buttons styled purely with CSS.
  1. Create the images you want to use for the buttons.
  2. In admin under Home > ClickCartPro > Displays: Skins, Menus, XHTML Includes and Messages > Manage Display Skins click on Update next to the skin you are using for your site.
  3. In the Functions Menu near the top click on Upload File: Click here to upload a file to be controlled by this skin.
  4. Use the Browse button for the Skin Controlled File to locate the first button image file on your system. In the Skin Controlled Directory Selection field select /media as the directory for the button image files.
  5. Repeat steps 3 and 4 above for each of your image files.
  6. In admin under Home > ClickCartPro > Displays: Skins, Menus, XHTML Includes and Messages > Manage Display Skins click on Update next to the sking you are using for your site.
  7. Click on Update next to File Name skin.php and locate the following code:
<div class="skin_button"><a href="<?php print $link_cart; ?>" title="Shopping Cart &amp; Wish List">Shopping Cart &amp; Wish List</a></div>
<div class="skin_button"><a href="<?php print $link_home; ?>" title="Home">Home</a></div>


Deletions:
From -- LewAff (2007-02-28 15:54:52) in the forums.
To Add Your Own Buttons gif images for
[Home] [Your Account] [Shopping Cart] [Checkout] [Contact]
• First Create your image Gif’s and upload to your site
• Then click on update button below
Directory: Base Directory
Update Protected skin.php
• Find this section below
Your Website title<p> </p>
<div class="skin_button"><a href="<?php print $link_cart; ?>" title="Shopping Cart & Wish List">Shopping Cart</a></div>
<div class="skin_button"><a href="<?php print $link_home; ?>" title="Home">Home</a></div>




Edited on 2007-03-03 18:06:59 by KryptronicWebmaster

Additions:

Adding Button Images


From -- LewAff (2007-02-28 15:54:52) in the forums.

To Add Your Own Buttons gif images for

[Home] [Your Account] [Shopping Cart] [Checkout] [Contact]

• First Create your image Gif’s and upload to your site

Home > Kryptronic Hybrid X Core > Displays: Skins, Menus, XHTML Includes and Messages

• Then click on update button below

Directory: Base Directory
Update Protected skin.php

• Find this section below

<td id="skin_ht_rcol">
Your Website title<p> </p>
<div class="skin_button"><a href="<?php print $link_contact; ?>" title="Contact">Contact</a></div>

<div class="skin_button"><a href="<?php print $link_account; ?>" title="Your Account">Your Account</a></div>

<div class="skin_button"><a href="<?php print $link_checkout; ?>" title="Checkout">Checkout</a></div>

<div class="skin_button"><a href="<?php print $link_cart; ?>" title="Shopping Cart & Wish List">Shopping Cart</a></div>

<div class="skin_button"><a href="<?php print $link_home; ?>" title="Home">Home</a></div>


• Copy and save it in note pad
• Then paste over with the wording below (modified to you files and location


<td id="skin_ht_rcol">
Your Website title <p> </p>

<a href="<?php print $link_home; ?>"title="Home"> <img src="http://www.yourwebsite.co.uk/khxc/media/gbu0/picture-buttons/home.gif" width="100" alt="Home" height="22" border="0" /> </a>

<a href="<?php print $link_account; ?>"title="Your Account"> <img src=" http://www.yourwebsite.co.uk /khxc/media/gbu0/picture-buttons/your-account.gif" width="100" alt="Your Account" height="22" border="0" /> </a>

<a href="<?php print $link_cart; ?>"title="View Shopping Cart & Wish List"> <img src=" http://www.yourwebsite.co.uk /khxc/media/gbu0/picture-buttons/shopping-cart.gif" width="100" alt="View Shopping Cart" height="22" border="0" /> </a>

<a href="<?php print $link_checkout; ?>"title="Go to Checkout"> <img src=" http://www.yourwebsite.co.uk /khxc/media/gbu0/picture-buttons/checkout.gif" width="100" alt="Go To Checkout" height="22" border="0" /> </a>

<a href="<?php print $link_account; ?>"title="Contact Us"> <img src=" http://www.yourwebsite.co.uk /khxc/media/gbu0/picture-buttons/contact.gif" width="100" alt="Contact Us" height="22" border="0" /> </a>

• This is assuming you create a folder called [picture-buttons]
• And also call your buttons as above

Note make back up of the text first before you modify it and save a copy !!!!.


Deletions:

Remove This Page

The owner of this page needs to delete it. I don't have the authority to (Dave).




Oldest known version of this page was edited on 2007-03-03 18:05:27 by KryptronicWebmaster [Cloned from RemoveBestSellers]
Page view:

Remove This Page

The owner of this page needs to delete it. I don't have the authority to (Dave).

Wiki: Pending Inclusion