X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   adding HTML in welcome.tpl (https://forum.x-cart.com/showthread.php?t=18029)

harrismichael 11-16-2005 11:23 AM

adding HTML in welcome.tpl
 
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 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 11-16-2005 11:33 AM

This is what I gave as custom colors

Code:

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

balinor 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 11-16-2005 11:40 AM

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

balinor 11-16-2005 11:43 AM

Read through this thread:

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

harrismichael 11-16-2005 11:57 AM

Cool,

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

balinor 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 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 11-16-2005 12:49 PM

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


All times are GMT -8. The time now is 11:58 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.