adding HTML in welcome.tpl

harrismichael · #1 11-16-2005, 11:23 AM

After inital development of our website by a 3rd party we replaced their main image within welcome.tpl with a new one.

Now we're up for a little bit more daunting and want to insert some HTML and table work.

I have a whole layout beginning and starting with HTML and it includes tables, custom colors for text and links.

How do I go about and insert this into the welcome.tpl is it a matter of cipy/paste or is more involved and would the custom colors affect more then just this section.

It all seems pretty scary and any help is more then welcome.

Thanks

balinor · #2 11-16-2005, 11:26 AM

Just cut and paste it out of Dreamweaver (or whatever editor you used). Only cut everthing between the <body> tags, as the html, head and body would be duplicates. How do you have the custom colors set? If they are styles, you'll need to copy and paste the styles into skin1.css.

harrismichael · #3 11-16-2005, 11:33 AM

This is what I gave as custom colors

Code:

<body link="FF0000" alink="FF0000" vlink="FF0000">

balinor · #4 11-16-2005, 11:36 AM

Yea, you can't use the <body> tag ,so you'll need to create new link styles in skin1.css and call them out in your <a href tags.

harrismichael · #5 11-16-2005, 11:40 AM

I have about 0.1% experience in CSS. Any tips would be welcome ..Thanks

balinor · #6 11-16-2005, 11:43 AM

Read through this thread:

http://forum.x-cart.com/viewtopic.php?t=23839

harrismichael · #7 11-16-2005, 11:57 AM

Cool,

So I would add .style:active=FF0000 ??

balinor · #8 11-16-2005, 12:02 PM

No

Let me see if I can walk you through this:

1. Add these 4 classes to skin1.css. Just cut and paste this code:

.welcome:link {color: #000000; text-decoration: none;}
.welcome:hover {color: #000000; text-decoration: none;}
.welcome:active {color: #000000; text-decoration: none;}
.welcome:visited {color: #000000; text-decoration: none;}

Replace the color number with whatever color you want for each state (active, link, hover, visited). You can also set the text decoration to underline or bold if you want.

2. Now add the class 'welcome' to your links in the code you are using for your welcome template. For example, a link should look like this:

Link

Make sense?

harrismichael · #9 11-16-2005, 12:37 PM

yup that makes perfect sense ..

so if I want a link underlined i need to specify that too? or can that still happen with an <u> tag ?

balinor · #10 11-16-2005, 12:49 PM

It could, but better to add text-decoration: underline; instead of none.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search