New here - a few questions

[WordA]

Hi,
I'm helping my dad to make his site look a little more smarter, and there are a few things I have seen and want but do not know what to do.
I have quite alot of experience with CSS, HTML and creating graphics.

1.) Is there a way to change the side links to buttons?
2.) Could I change the size and font of the text on every page without having to do it on every page? I.e is there a way to do it via the theme?
3.) Is there a way to get rid of the 'Powered by Actinic'?

I think that's it.
Thanks!

[Duncan Rounding]

Welcome Bryony.
Yes to both of your questions but it would be easier if you could post the URL of the existing site.

[WordA]

http:// www. bona 1 stop shop. co. uk

Thanks.

URL Edited - Moderator

[graphicz]

Hi Bryony
If you click on one of the section links in design view you will get to a layout code like this:

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSectionIncludedInSiteMap%22%20%2f%3e%20AND%20%3cactinic%3avariable%20name%3d%22ShowInSidebar%22%20%2f%3e%20%3d%3d%20true" >
<a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" class="product_section">
   <Actinic:Variable Name="SectionName"/>
</a>	
</actinic:block>

If you 'Right Click' on 'class="product_section"' and select 'Look Up In Stylesheet' the Actinic css will open up and you will see code something like this:

a.product_section:visited  {
	color : <actinic:variable name="VLinkColor" />;
	text-decoration : none;
	}
	
a.product_section:link  {
	color : <actinic:variable name="LinkColor" />;
	text-decoration : none;
	}
	
a.product_section:active  {
	color : <actinic:variable name="ALinkColor" />;
	text-decoration : none;
	}
	
a.product_section:hover  {
	color : <actinic:variable name="HLinkColor" />;
	text-decoration : none;
	}

Make a couple of background button images, say button_bg.gif and button_bg_highlight.gif and save them in the site folder.
Change the above code to this:

a.product_section:visited  {
	color : <actinic:variable name="VLinkColor" />;
	text-decoration : none;
	}
	
a.product_section:link  {
display:block;
width: 150px;
height: 28px;
	color : <actinic:variable name="LinkColor" />;
	text-decoration : none;
	background: url('button_bg.gif');
	}
	
a.product_section:active  {
	color : <actinic:variable name="ALinkColor" />;
	text-decoration : none;
	}
	
a.product_section:hover  {
	color : <actinic:variable name="HLinkColor" />;
	text-decoration : none;
	background: url('button_bg_highlight.gif');
	}

As you know css I won't labour over the details!

Go to the top of the style sheet to the code

body {
	margin: 0px;
	padding: 0px;
	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20True">
	background-color:<actinic:variable name="BGColor"/>;
	</actinic:block>
	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20False">
	background-image: url("<actinic:variable name="BackgroundImageFileName" />");
	</actinic:block>
	font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
	color: <actinic:variable name="TextColor" />;
	font-size: <actinic:variable name="StandardFontSize" />;
}

You can make changes here that will override the settings in Actinic if you want to.

If you click on the 'Powered by Actinic' expression in design view you will see this code:

<div align="center">
   <h4>
        <span style="font-weight: normal; font-size: <actinic:variable name="StandardFontSize" />;"><Actinic:Variable Name="ReferralText1"/>
         <img src="<Actinic:Variable Name="ReferralImage"/>" alt="<Actinic:Variable Name="ReferralImageAltText"/>" border="0" />
         <br />
      <a href="<Actinic:Variable Name="ReferrerURL"/>?MerchantID=<Actinic:Variable Name="MerchantID"/><actinic:block if="%3cactinic%3avariable%20name%3d%22ResellerID%22%20%2f%3e%20%3e%200" >&ResellerID=<Actinic:Variable Name="ResellerID"/></actinic:block>">
        <span style="font-weight: normal; font-size: <actinic:variable name="StandardFontSize" />;"><Actinic:Variable Name="ReferralText2"/></span>
      </a>
   </h4>
</div>

Put <!-- before the first <div align-"center"> and --> after the last </div> and apply. This will remove the 'Powered by from view. If there are no problems after uploading you can delete the expression.

There are some nice menus as well as other good addons at http://www.drillpine.biz/actinicstuff/index.html

I am sure Duncan and others will come up with some other ideas.

[WordA]

Thanks a bunch, Jonathan!
I managed to removed the 'Powered by Actinic', though I have not yet tried to change the buttons. I shall try once I have the time to make the images for them.
Thanks again!