CSS Stylesheet - Tutorial?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • Hamster_tango
    Sergeant

    • Jan 2009
    • 24

    CSS Stylesheet - Tutorial?

    Hi,
    Please can someone point me to the tutorial that covers CSS Stylesheet.

    I am adding some links from other sites using thier HTML code and the links are defaulting to 'courier new' font and I want to change it to my preferred font.

    I have searched the forum but cannot find step by step advice on this for the amatuer website builder.

    Thanks
    Janis

    Website built in and hosted by BlueVoda.
    JanisH

    www.ukdrillers.co.uk
  • Collectors-info
    General

    • Feb 2006
    • 8703

    #2
    Re: CSS Stylesheet - Tutorial?

    Might be css. But it is more likely to be just html. Do you have a code for us to look at. It might just want a font tag added to it.
    Regards Chris.

    Collectables, Collecting, collectors-info.com

    www.chrismorris.co.uk

    House build project

    Comment

    • Hamster_tango
      Sergeant

      • Jan 2009
      • 24

      #3
      Re: CSS Stylesheet - Tutorial?

      Hi Chris,

      here is the css additional bit:
      .FI_reviews {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.7em;
      }

      I would like Arial font.

      This is the code for the link I have added to bottom right of my home page:
      <script src="http://www.freeindex.co.uk/widgets/reviews.asp?BID%3D164138%26Num%3D3%26width%3D325%2 6snip%3D100%26BWidth%3D1%26BColor%3DCFD2DE%26tcolo r%3DF3F5F8%26title%3DOur+Latest+Customer+Reviews%2 6mcolor%3D3B5FA8%26acolor%3D3C75BC" type="text/javascript"></script><div class="FI_reviews" style="width:325px;padding-top:4px;text-align:right;font-size:11px;">View our <a style="font-size:11px;color:#3C75BC;font-weight:normal;" href="http://www.freeindex.co.uk/profile(u...4138.htm">full profile</a> in the FreeIndex <a style="font-size:11px;color:#3C75BC;font-weight:normal;" href="http://www.freeindex.co.uk/categorie...ors/">Drilling Contractors Directory</a> directory.</div>

      Many thanks
      JanisH

      www.ukdrillers.co.uk

      Comment

      • Collectors-info
        General

        • Feb 2006
        • 8703

        #4
        Re: CSS Stylesheet - Tutorial?

        Ok! Try this, 1st part between the head tags & the 2nd part in a html box on the front of the page.

        1st part

        <style type="text/css">
        .FI_reviews {
        font-family:Arial;
        font-size: 0.9em;
        }
        </style>

        2nd part

        <script src="http://www.freeindex.co.uk/widgets/reviews.asp?BID%3D164138%26Num%3D3%26width%3D325%2 6snip%3D100%26BWidth%3D1%26BColor%3DCFD2DE%26tcolo r%3DF3F5F8%26title%3DOur+Latest+Customer+Reviews%2 6mcolor%3D3B5FA8%26acolor%3D3C75BC" type="text/javascript"></script><div class=" FI_reviews" style="font-family:Arial;width:325px;padding-top:4px;text-align:right;font-size:11px;">View our <a style="font-family:Arial;font-size:11px;color:#3C75BC;font-weight:normal;" href="http://www.freeindex.co.uk/profile(uk-drillers)_164138.htm">full profile</a> in the FreeIndex <a style=" font-family:Arial;font-size:11px;color:#3C75BC;font-weight:normal;" href="http://www.freeindex.co.uk/categories/property_and_tradesmen/building_and_construction/drilling_contractors/">Drilling Contractors Directory</div></div>
        Regards Chris.

        Collectables, Collecting, collectors-info.com

        www.chrismorris.co.uk

        House build project

        Comment

        • Hamster_tango
          Sergeant

          • Jan 2009
          • 24

          #5
          Re: CSS Stylesheet - Tutorial?

          Hi Chris, many thanks for that, I have edited the HTML code as you showed me and I have since found out how to create a CSS file and link to it and resolved the problem.

          I noticed that there is advice on this in previous threads but to a non-techie like me I found it very hard to follow! So for future BV users I put together this step by step guide on how to use CSS in web pages:

          Log into your Control Panel
          Click on ‘New File’
          Enter following: css_file.css and click ‘create new file’
          Click on ‘Public’ root of your directory and find the file you have just created and select it.
          Click on ‘Edit’ and it will bring up a ‘text editor screen’ click ‘Edit’
          Drop the css coding into it and save.
          Now in Blue Voda website builder, right click on your page and select ‘Page HTML’
          Click on tab ‘Between Head Tag’
          Copy and paste the following into the white area:
          <link href="http://yoursite.com/css_file.css" rel="stylesheet" type="text/css" />
          Amend the red writing to your own domain name.
          Click ok
          Preview/Publish.
          I used this method to change the font on the links I added to my pages.
          JanisH

          www.ukdrillers.co.uk

          Comment

          • Collectors-info
            General

            • Feb 2006
            • 8703

            #6
            Re: CSS Stylesheet - Tutorial?

            Good tip. You can also just make the css file in note pad & name it "css_file.css" & attach it to your page as a file for when you publish. Then use the same link: <link href="http://yoursite.com/css_file.css" rel="stylesheet" type="text/css" />

            Good luck.
            Regards Chris.

            Collectables, Collecting, collectors-info.com

            www.chrismorris.co.uk

            House build project

            Comment

            Working...
            X