Latest Entries »

Insert CSS in web page

How to insert CSS into your web pages. See the code below

<!-- Method 1 - should be placed inside the header-->
    <link rel="stylesheet" href="example.css" />

    <!-- Method 2 - should also be placed inside the header-->
    <style type="text/css">
        @import URL(example.css);
    </style>

    <!-- Method 3 - should also be placed inside the header-->
    <style type="text/css">
        body{
            font-family: Gill, Helvetica, sans-serif;
        }
    </style>

    <!-- Method 4 - is plased inside the element using the style attribute-->
    <p style="color:#ff0000;">Paragraph</p>

Style your web links using CSS

Have you ever wondered how to style your web links using css – here is a simple tutorial to change the colour when you move your mouse over the link. RK1 Web Design tutorials – personlise your links using css.

Below is a poll for you to choose which is your favourite web browser.
It has to be said that the only reason Microsofts web browser Internet Explorer is “popular” is because it’s put on nearly every machine when purchased with a windows operating system. A lot of people may only know Internet Explorer as the only window to the web and if you are one of them people you should google the web browsers below and download them. They are all free and in my personal opinion the other browsers provide a much better web experience and offer a lot more than IE.

I think that Fire Fox 3 provides the best web experience than any other browser but I also like the simplicity of Google Chrome.  It’s a good looking browser and easy to use.

This tutorial will help you write your own CSS to make a simple and stylish rollover navigation.
There is no JavaScript involved but just easy to read and understand CSS code.  The code is explained so that you can further develop the navigation into your own web site.

Here is the tutorial link: How to create a CSS rollover navigation >>.

Enjoy making your navigation.

Follow

Get every new post delivered to your Inbox.