Wednesday, August 03, 2005

Adding simple colour to your WorldConnect upload site

Index of /~hedvig/css

I have just made my third one for my friend Hedvig

http://freepages.genealogy.rootsweb.com/~hedvig/index.html
OK in Danish but ignore that

the css file is not !

(1)
in notepad make a new file with one line of text only (at this stage)

(a)

body {background-color: #ffffdc;}

(b) change #ffffdc to your own colour if you don't want pale lemon

NB google for
color picker
to get help
eg.
http://www.pagetutor.com/pagetutor/makapage/picker/

(c) your_ name_for_it.css
save as "all files" somewhere handy

(2)
all my sites have a standard
images folder
in future they will kave a css folder too as standard

(a)
and now I go to the online eitor and create a new directory css

(3)
in that directory (AKA folder) I uploaded the css file

(4)

I made a test file by copy-pasting some
code onto a new file in the online editor

see the results here
http://freepages.genealogy.rootsweb.com/~hedvig/css/
(note the css stuff in the header)

(5)

to fix
http://wc.rootsweb.com/cgi-bin/igm.cgi?op=GET&db=hedvig_o&id=I2
(or your own)
go to
http://wc.rootsweb.com/

Start Here
Also, go here to update or correct
your existing Family Tree

log on Advanced

(6)
In this field 5) Title
put the code below

"Slægtstavler" means family tree
there is no longer room for a long title

------------- 5) Title
<LINK REL=STYLESHEET TYPE="text/css" HREF="http://freepages.genealogy.rootsweb.com/~hedvig/css/eddy.css" >Slægtstavler

using your own css long LINK url or you will get Hedvig's lemon yellow

(6)
in this field

----------- 15) Page Heading
I put the old title as a heading


<h2>Slægtstavler for Hedvig Pitzner-Jørgensen </h2>efternavnene ØRUM, MEYER og PITZNER

simple text tags seem to work here like <br> newline
<b> bold
remember the /> end tags or the whole of your site will be bold or h2 down each page

(7) if it goes wrong
parctice makes perfect

just redo and redo redo unitl you get it right

(8)

MY BIG MISTAKES

<b> not followwed by </b>
<h1> was too big

<h2> follwed by <h2> instead of </h2>

/> need to be there

I had one effort
{ body: text center}
when I twigged it and changed center to left
all was OK again


You may use the on line "html editor" to edit any text or css or xml files once uploaded as well as html

good luck

0 Comments:

Post a Comment

<< Home