steve1 Posted August 4, 2004 Share Posted August 4, 2004 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.) Quote Link to comment Share on other sites More sharing options...
kaseytraeger Posted August 4, 2004 Share Posted August 4, 2004 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. Quote Link to comment Share on other sites More sharing options...
steve1 Posted August 4, 2004 Author Share Posted August 4, 2004 Thanks Casey, Another question, and pardon my ignorance, but I am very new to all this. Where do I place this css Steve Quote Link to comment Share on other sites More sharing options...
kaseytraeger Posted August 4, 2004 Share Posted August 4, 2004 (edited) 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 August 4, 2004 by kaseytraeger Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.