Ricardo Pereira
 
I am a singer/songwriter and I'm studying music at Stevenson College Edinburgh. I am also a singer at the Stevenson College Choir that is due to perform at the World Skills London 2011 opening ceremony.

The most important thing for me is my music. However, I haven’t had a lot of time to focus on that recently because I have been really busy. The rehearsals for the opening ceremony have taken a lot of my free time and it has been hard to focus on my songs. After the opening ceremony for World Skills I want to focus on that.

As a songwriter I use an acoustic guitar to help me creating my songs, putting lyrics on top of the melody I create. I have started recording one of my songs and I will try to add other instruments such as drums, bass guitar and lead guitar. I would like to get a band and start working more seriously on my music.

As I want to promote my music I am thinking of making a few videos to put on YouTube. I also want to get my Website, MySpace, Facebook and Twitter organized. By November, I would like to have a set list organized that includes original and cover songs, so that I can start playing around Edinburgh
.


 
In order to have access to the HTML/CSS code you will have to select DESIGN and then EDIT HTML/CSS. You will then find a menu on your left with CSS, Page Types and Files.

Under CSS you will find a file that you can edit called main-style.css. If you click on it the code will appear on your right and you will be able to edit it. The code is divided in small functions that start with a name, followed by { , then you will find a few instructions and in the end you will see another }. The name of the function is in purple. For example:
               fieldset {
                     border: 0;
               }

There are a few functions I wouldn’t change such as: ul, fieldset, a img, .clear and a few other ones. The ones that might interest you are:

Body
P – responsible for your paragraph
H1 – responsible for your Header 1
H2 – responsible for your Header 2 (some designs might use the h1 others h2)
Title – responsible for the title of your website
Header – responsible for the space for your photo (might be useful if you want to put a biger photo on your homepage)
Navigation – responsible for the dimension of your menu
Navigation li – menu configurations
Navigation li a – menu configurations
Navigation li a:hover – responsible for what happens when you pass the cursor over the menu
Navigation li #active – how you want the page you have selected in your menu to look like.

Some useful notes:
Instead of erasing code that is already there and you are not really sure what it does, you can simply add ! at the beginning of the line you want to be ignored. You can also use /* at the beginning of the line and */ at the end of it and it will have the same effect. This way you will see what happens on the website when you make the changes and you can easily put it back to the way you had it before those changes.

Here is a small list of commands:
font-family: sansation, sans-serif;
font-weight: bold;
font-size: 20px;
color: #C4C4C4
http://www.quackit.com/css/css_color_codes.cfm    (website for color codes)

if you are not happy with the colors behind the navigation bar (menu), on the navigation function you can add ! at the beginning of the line that says something similar to the one written below, making it look like this:
!!     background: url(navihover.jpg) repeat-x; 

Here are some nice websites that might help you:
http://www.w3schools.com/css
ttp://www.w3schools.com/html
https://wiki.itap.purdue.edu/display/INSITE/Weebly

If you guys have any questions please post them on the comments or ask me at college.