Jump to content

Css Code Needed For Newby


steve1
 Share

Recommended Posts

Hi My site is http://www.reiki-seichim-masters-australia.com and I am trying to reduce the loding time for the site. In another section (see below)I was given this great advice which I am implimenting. Can someone suggest to this newby (me) a css to make them still look the same, Large and then small text for the towns. And if possible keep the small window size that the towns pop up in.

Thanks

Steve

 

 

 

--------------------------------------------------------------------------------------------

(Hi Steve.

First, moving the towns would affect your search engine rankings for anyone seeking reiki in that town. Someone searching for "reiki Capalaba" would find your Queensland page eventually but the optimizations and link popularity you have built for your main page would not help out in that search.

 

You can make your page a lot smaller by getting rid of the "heavy" javascript links. For instance, change:

 

CODE

<a href="java script:;" onClick="MM_openBrWindow('htm/vic_reiki_knoxfield.htm','','width=450,height=226')">KNOXFIELD</a>

</strong><font size="1"><em> - Reiki</em></font><strong><br>

 

 

to

CODE

<a href="htm/vic_reiki_knoxfield.htm">KNOXFIELD</a><em> - Reiki</em>

 

and it would not require javascript on the end user's computer. If you needed formatting you could use CSS to make all <a> tags look a certain way and it would be written only once, not for every link. Check out the CSS and post in the apprpriate forums if you need help on it.)

Link to comment
Share on other sites

Here's some sample CSS code for you.

 

>a, a:link{
color: #036;
text-decoration: underline;
font-weight:bold;}
a:visited {
color: #036;
text-decoration: underline;
font-weight: normal;}
a:active, a:hover {
color: #999;
text-decoration: underline;
font-weight:bold;}

 

It will underline all links. Unvisited links will be colored as #036 and made bold, visited links will be colored as #036, but not bold, and active or hovered links will be bold but the color will be changed to #999.

Link to comment
Share on other sites

You basically have two options ...

 

(1) put the code in a separate file called "mysitestyle.css" (or whatever you want to call it). You would then code EACH PAGE USING THAT FILE as the following code sample illustrates:

>...
<head>
...
<link rel="stylesheet" href="location/of/your/css/file/mysitestyle.css" type="text/css" />
...
</head>

 

(2) put the code into each page as follows:

>...
<head>
...
<style type="text/css">
<!--
a, a:link{
color: #036;
text-decoration: underline;
font-weight:bold;}
a:visited {
color: #036;
text-decoration: underline;
font-weight: normal;}
a:active, a:hover {
color: #999;
text-decoration: underline;
font-weight:bold;}
-->
</style>
...
</head>

Edited by kaseytraeger
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...