HTML Code

[Marc]

I've set up a Proboards forum for an organisation that my wife is part of.

They've asked for some text to be placed at the top, which I can easily do, but in order to format the text, I need to use HTML (I think).

Problem is, I haven't a clue about HTML so I'm not really sure to start. If for example, I want the text central, bold and in dark blue, what would be the required code and how would I need to lay it out in relation to the text? Am I right in thinking that <style> & </style> come into it at some point?

 

[Jez2011]

Ideally you should use a separate stylesheet, but for a quick fix this will work:

<p style="font-weight: bold; text-align:center; color:darkblue;"> text at top</p>

 

[Marc]

TBH, I wouldn't know what a style sheet is but, as I said, it's a Proboards forum so I'm not entirely sure if that would be doable but the code you've given me is spot on, thanks.

Just an additional one, if I wanted to make one of the words into a link, what would I need to add?.

Cheers

 

[Jez2011]

This should do it:

<a href="www.example.com">Example website</a>

 

[Marc]

Brilliant, thanks

 

[siblingchris]

This should do it:

<a href="www.example.com">Example website</a>

You can also use the target attribute to determine whether it opens in the same browser window/tab or not
And the title attribute to display rollover tool tip


<a href="www.example.com" target="_blank" title="Click here to visit the example website">Example website</a>


You can do a massive amount of customisation with coding work on proboards however I would suggest you do as little as possible, because it will become more of a problem for you to support over time. I wouldn't worry about the things you are asking about though, that's pretty simple stuff

 

[Marc]

Actually, the 2nd one was for the News Fader, which doesn't appear to accept HTML code but it automatically puts in links when you type in a web address.

No, I won't be doing much customisation as coding just isn't my thing, I just wanted to make the Header look more presentable.

 

[siblingchris]

TBH, I wouldn't know what a style sheet is but, as I said, it's a Proboards forum so I'm not entirely sure if that would be doable but the code you've given me is spot on, thanks.

Just an additional one, if I wanted to make one of the words into a link, what would I need to add?.

Cheers

A style sheet is a separate file usually with the .css extension which is linked to from the page you want to use those styles
The .css file then contains multiple styles for different HTML tags that can be reused.
Alternatively within the header section of a page you can use the STYLE tags as per your earlier post, with the styles contained within them

So for example if you did the following, all hyperlinks on the page that used this style would not be underlined, in Arial font and bold, but still at the default size.

A {
text-decoration: none;
font-family: Arial;
font-weight: bold;
}

If you instead did the following which is a named style, it can be reused on any HTML tag by using the class attribute

.mystyle {
text-decoration: none;
font-family: Arial;
font-weight: bold;
}


E.g.
<a class="mystyle" href="www.example.com">Example website</a>
<p class="mystyle">some other text in a paragraph block</p>

Read this if you would like to know more
http://www.codeproject.com/Articles/771/CSS-For-Beginners


HTH

 

[acetone]

Some good info already posted, what I will say is don't be afraid about coding HTML.

If you only want to do simple things then HTML is very simple and for the most part pretty obvious .

Have a look on the web for tutorials to get you going, I started to make little pages just for me, never uploaded just to get an idea, done my photo site and a village website with just the web and one book.

 

[Marc]

Good stuff chaps. It's something I've always wanted to get to grips with but never got around to doing anything about. Might be time to start looking for those tutorials.