SMART Theme in Actinic

[mac]

Dear Norman,
I didnt mean to upset you. You have been very kind to me and as always I appreciate your help.
Since Jan 1, I have been studying and testing many differenet ways to make this go, But, I am still having problems.

As you can see in the attachment "Style.txt", the Buttons work fine at this stage. see attachment style.jpg.

But, when I apply it to the Act_primary.txt. it wont work properly, as you can see in the attachment Act_primary.jpg.

Please advise. What am I doing wrong?

Thanks again for putting up with me.

[NormanRouxel]

I've no idea. CSS isn't a subject I contribute on.

If you post an URL then others might be able to see what's going on.

[mac]

anyone else knows what I am doing wrong?
Thsi is driving me NUTS.

[James M SellerDeck]

Hi Mac

I think I have managed to get it working, basically I pasted your style code in the primary template under CUSTOMVAR:LEFTBARTITLE, and that placed the buttons underneath the left title bar, the buttons all seem fine.

Have a look at the attached html file to see what I have done.

Hope that helps

[mac]

Dear james,
Thanks so much for looking into this to help me.
The way you have done it is "manually" you have added these MENU SELECTIONS. That is not what I want.

I want a comand where each time, i add a new item to the menu, the program AUTOMATICALLY creats that look.

Thanks and looking forward to your comments.

[NormanRouxel]

Mac. In the JavaScript you need a </div> after a <div>. Perhaps that's the problem. Also you may want to use <span class=...>... </span> instead.

[mac]

Hello dear,
I know what the problem is.
My CSS codes are fine. I just dont know in my Act_Primary.html where to ask for the CSS.

Assume the CSS file name is "STYLE".

The origional from Act_Primary.html is:

strIDs += '<a href="' + ar[i].sURL + '"><spanclass="actxxsmall"><b><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].sName + '</font></b></span></a><br>';

I have changed it to:

strIDs += '<a href="' + ar[i].sURL + '"><spanclass="style"><b><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].sName + '</font></b></span></a><br>';

what am I doing wrong???

Also, in actinic.css what is controling this menu links?

I know what these are for:
strIDs is the catagory name (for exp: Product, manufacturer)

'<a href="' + ar[i].sURL + '"> is for the url


<font color="NETQUOTEVAR:FGCOLORCSS"> is the link color

+ ar[i].sName is for the product names ( like Guess, DKNY, Levis, Lee)
--------------------------
I DO NOT know what these are for:
<spanclass="actxxsmall"> ??? is what is this ???

</font></b></span></a><br> ??? what is this ???

should I add my customized css to actinic.css or should I make new css file???

Thaks fo listening to my ....

[pinbrook]

if you add your custom css style into actinic.css it will be picked up automatically. This is the tidiest way to handle styles

<spanclass="actxxsmall"> ??? is what is this ???

actxxsmall is defined in actinic.css

.actxsmall{font-size:x-small;color:NETQUOTEVAR:FGCOLORCSS;}

this means anything between a <span>and </span> will be displayed in x-small font size and whatever colour is defined in colours in Design Menu/colours


</font> this ends a font tag <font>


</b> this ends a bold tag <b>

</span> this ends a <span> tag

</a> this ends a link tag

<br> is a line break

??? what is this ???

[mac]

I did add the style into actinic.css
as you see here let's say this is my css i have added to actinic.css:
#menu { width: 130px; }

#menu ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#menu a
{
display: block;
padding: 2px;
width: 130px;
background-color: #006600;
border-bottom: 2px solid #ff66ff;
}

#menu a:link, #sun a:visited
{
color: #ccffff;
text-decoration: none;
}

#menu a:hover
{
background-color: #cc00ff;
color: #ffff00;
}
body {
margin-top: 5px;
}
.style1 {color: #FFFF00}

how do i change my act_primary


strIDs += '<a href="' + ar[i].sURL + '"><spanclass="actxxsmall"><b><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].sName + '</font></b></span></a><br>';


Thanks again.

[NormanRouxel]

The fragment <spanclass="style"> is wrong on probably 2 counts. it should be <span class="menustyle"> - you need that space and it's a bad idea to use a reserved word like style. Don't forget to change the name in the CSS to match.