If anyone would like to request help, a template, a layout, or would like someone to design a site for them please post here.

All must be done for free.

Anyone can offer to help!

I will design a website, anyway you want for free for people who have nonprofit orgs and sites for groups here. As my time allows I can not offer any webspace at this time, though so you must have it yourself or be willing to take free space with ads.

Message me or post here!

I can do lots of templates and layouts! And then all you have to do is add the content. Even if you have no website experience you can do this! Any color & graphics you want or I can choose!

I'd really love to help plus this would be good experience for me! lol

I can do, css, photoshop, php (if host allows it), I can set up a guestbook, counter, forum, tagboard, javascript, etc...

 [ send green star]

Hi,

I run a group called World Heritage Alert - http://www.care2.com/c2c/group/WHAlert

The group is a place to collect all news of threats to world heritage - it's intended to be the place to join if you want to keep informed of threats to ancient sites across the world.

The general idea is that members will post news items that they feel will be of interest, then to discuss them and where appropriate take action in support of campaigns aimed at saving these places.

I have decided to create a website to link in with this group, the site I think should be a magazine format - providing regular news articles as well as more in-depth country reviews.

I've bought the domain, got hosting space and have a copy of Dreamweaver. The basic stuff I can do - but stuff I'm challenged on includes RSS news feeds, setting up a mail-list for to the mailbox newsletter distributions etc.

I'd welcome any help offered.

 [ send green star]

 [ accepted]

Hello George.

Since you have paid hosting it allows you alot of neat features Do you have fantastico? It should be listed with all your features and stuff on your cpanel?

If so you can get postnuke which is amazing. It allows you to create a really advanced site with little experience.

It has rss feeds, allows you to post news or articles, people can comments, It allows people to sign up & login, you can send a newsletter and even just send mail out.

If you don't have fantastico you can download postnuke from here:

Download Postnuke

Right in the top middle in the box, it will say New to Postnuke get info here. Then in the center box it says download postnuke.

I use postnuke and love it

If you would rather not get postnuke. There is phplist for a newletter- http://www.phplist.com/ I also use that

Let me know if you need any help.

As for rss feeds. I have never used them yet. But these links may help you:
http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html
http://searchenginewatch.com/sereport/article.php/2175271

 [ send green star]

Thanks Raven, I've started building - just two pages straight from a DW master CSS -- www.worldheritagealert.org/index.htm. need to start getting my head around the features.

Can't see fantastico - I'm with 1and1.co.uk - I've got a business package so that's 2.5Gb of space of which I'm using about 600Mb.

 [ send green star]  [ accepted]

Very nice. Good choice of colors also

Your main image isn't working though...just incase you didn't know

I would definitly get phplist for your mailing list since you aren't using postnuke then.

you can download it for free from their site. It is only 3.22 MB.

 [ send green star]

Cheers Raven, the site is just an experimental thing at the moment - an attempt to get my ideas worked out.

I've already realised I need:

Mail list

Search facility

Better graphics

I'm checking out the stuff bundled with the package - there's a bunch of forms with a database behind them so I may be able to use that to set up a mail list, but I'll check out PHP too.

I'm also looking at Postnuke - these downloads frighten me!

 [ send green star]

 [ accepted]

I've now done more work on the new site - www.worldheritagealert.org

No bells or whistles yet, but I'm now starting to put together the content (only 3 page live).

 [ send green star]

 [ accepted]

I am still working my way through html. I don't know but some sites have the background one immage the rest or text is infront and it you can see the immage behind it. But that is not all there is a scroll bar at the side and you have to move the text over it with the scroll bar, the BG immage will not move with the text as you scroll.

I don't know how to do that....

 [ send green star]

 [ accepted]

Lydia so you want the background image to say fixed and only the text to scroll?

You can do it with css.

Make sure the css is between the <head></head> tags. so...

<html>
<head>
<style type="text/css">
body {
background-image:url(image.jpg);
background-repeat:repeat;
background-position:top left;
background-attachment:fixed
}
</style>
</head>
<body>
blah blah blah blah blah<br>
blah blah blah blah blah
</body>
</html>

the body{ part tells it that it is within the body of the page. You then add the background image with background-image:url(image.jpg); Next you say if you want the image to repeat or not. You can put norepeat (so that it doesn't repeat obviously lol), or repeat-x or repeat-y depending if you want it to only repeat horizontal or vertical. Or just put repeat for it to repeat both. Next you put background-position:top left; to position it. And then the magickal part add background-attachment:fixed to make the background not move. So when you scroll only the text will scroll!

For more on css...
http://www.care2.com/c2c/groups/disc.html?gpp=2424&pst=146184&archival=

 [ send green star]

Ok I get it. If I am getting annoying with all my questions please let me know...

ok, say that the picture that you centered in the middle of the page is blue or brown. Now the background around the picture is white, is there a way to change the color from white to lets say blue or brown?

Bye the way thanks it really works. I finally can have the immage stay and the text scroll!!!

*flowesmile*

 [ send green star]

 [ accepted]

Not annoying me at all That is what this group is here for lol Glad you got it to work!

Yep you just want to add a background color which is background: #000000

so the entire code would be:

<html>
<head>
<style type="text/css">
body {
background: #000000
background-image:url(image.jpg);
background-repeat:repeat;
background-position:top left;
background-attachment:fixed
}
</style>
</head>
<body>
blah blah blah blah blah<br>
blah blah blah blah blah
</body>
</html>

but you can change the color. #000000 is black

Here is a good site to find the hex color code numbers:
http://www.december.com/html/spec/color.html

just click on the set of colors you like, find the exact color and copy the number including the # and put it where the code for black is.

so if you wanted cobalt #3D59AB you would use: background: #3d59ab

And yes you can link your css from another page. I do all the time, it is such a lifesaver lol. I think it makes the code look so much cleaner. It tells you how here under external style sheets:
http://www.care2.com/c2c/groups/disc.html?gpp=2424&pst=146184&archival=

 [ send green star]

WOW!!! That is soooo cool!!!

Tell me to stop asking questions, otherwise I might go on and on...

I would love to know how when you make something a link (text or image) they get purple or blue.

<A href=http://www.etc.com>bla bla</A>

how can you make it be a link and not blue...? But just one color. Say you want it while. how do you make it that it is still a link, but that the colors remain white and not underlined....

 [ send green star]

 [ accepted]

a:link    {color: #FFFFFF; text-decoration: none}
a:visited {color: #FFFFFF; text-decoration: none}
a:active  {color: #FFFFFF; text-decoration: none}
a:hover   {color: #FFFFFF; text-decoration: none}
a.nav:link    {color: #FFFFFF; text-decoration: none}
a.nav:visited {color: #FFFFFF; text-decoration: none}
a.nav:active  {color: #FFFFFF; text-decoration: none}
a.nav:hover   {color: #FFFFFF; text-decoration: none}

It works!!!!

 [ send green star]

 [ accepted]

Ok. I am playing around with all the stuff I know now. and i am not sure now what is pretty. I do love the fact that the image is fixed, but then if I put text over it if seems to crowded. :S

I tried moving the image aside, but then I can't get the text to move to the excact part of the page I wanted to and even if I was able tot do that I don't know stylistically what is the nicest. I want to keep the picture fixed on the background though....

 [ send green star]

 [ accepted]

Lydia you do not need this part unless you want two different color links on your page:

a.nav:link    {color: #FFFFFF; text-decoration: none}
a.nav:visited {color: #FFFFFF; text-decoration: none}
a.nav:active  {color: #FFFFFF; text-decoration: none}
a.nav:hover   {color: #FFFFFF; text-decoration: none}

if you want all the links to be the same color only use the first part not the .nav one.

The actual design is the hardest part of making a website lol. I have spent so much time creating something I thought would look great and then go yuck and start all over lol. Some just grow on you from playing around until it looks right. I often use a trick though that helps, get a piece of paper, graph paper helps alot but any kindof paper will do. And draw your page first. Draw a big squarge representing the screen and then place images, text, etc... until it all looks pretty good! You can even suck at drawing like I do and it works lol

If you give me a link to your page I might be able to help?

From what you said I am guessing the background image is smaller then the screen correct? And you want your text to be on top of the image?

Well as far as putting images and text exactly where you want them, you will want to use a css layout.

http://www.care2.com/c2c/groups/disc.html?gpp=2424&pst=146248&archival=

so you want to add a div. a div will let you place text and/or images in the exact place you want them to be.

you can call it whatever you want, I am calling it content

#content {
 position:absolute;
 left:113px;
 top:0px;
 width:799px;
 height:152px
 overflow: auto
 }

obviously you will change the left, top, width and height to what you want left means how far from the left of your screen you want it, top is how far from the top of the screen you want it. width is how wide the area for your background/text is. Height is the height of the area for your background/text.

Right now your code looks something like this:

<html>
<head>
<style type="text/css">
body {
background: #000000
background-image:url(image.jpg);
background-repeat:repeat;
background-position:top left;
background-attachment:fixed
}
</style>
</head>
<body>
blah blah blah blah blah<br>
blah blah blah blah blah
</body>
</html>

But we will add a div:

<html>
<head>
<style type="text/css">
#content {
 position:absolute;
 background-image:url(angel4.jpg);
 background-repeat:no-repeat;
 background-position:center;
 background-attachment:fixed;
 left:30px;
 top:35px;
 width:700px;
 height:451px;
 overflow: auto
}
</style>
</head>
<body>
<div id="content">blah blah blah blah blah<br>
blah blah blah blah blah
</div>
</body>
</html>

as you can see here:
(new) http://www.geocities.com/lilstorm_love/help2.html

compared to:
(old) http://www.geocities.com/lilstorm_love/help1.html

Does that help?

 [ send green star]

Great you want to help me! I love the picture of the angel.

This is just an illustration....

http://www.geocities.com/decraien/kec.html

I wanted the text to the right side, but centered in the back part.  I tried tables, but it did not realy do what I wanted it to do. Sometimes, since I am doing it in geocities the size changes and the text moves. can you lock the text so that it does not move left or right over the immage as the screen size changes? the screen size changes after e.g. adding favorites elongated window at the left.

I came across one site that has, I think a table over an image. Normally it is see through, but this one was see through with some pastel haize added over the image where the table was, making it easier to read the text.

I promised so. to help them out making a website, since they do not have a computer, nor internet. I thought it would be fun and a great way to learn. Stubbern as I am I tell everyone i'll do it, no problem. Luckily they are not in a hurry, giving me the time to learn basic html and now css.

I really appreciate the help!

 [ send green star]

 [ accepted]

I know I crowed this thread with my posts. I like making , trying to make, websites.... I am now asking people if they want me to make one for them. One volunteir was my dad. It is great because everyone is different and through trying to make what they like you bump across things I you did not know, at least I do.

I have not spent much time these last two weeks due to exams. Bet next week, I wan't to learn more about how to postition things on the webpage....

 [ send green star]

 [ accepted]

For not sending you a star, but it seems I already have!

Very nice of you to make that offer.

If nobody takes you up on it, I have a new website to build called Preserve our Parish - its aimed at Parish councils, initially within a local campaign area but hopefully this will expand to all parishes affected by large scale developments. The reason why I say if no one else takes you up is because I can build websites myself, just have very little time to spare due to taking on a new campaign at the moment.

 [ send green star]

 [ accepted]

I hope I am not annoying everyone out of their wits with my none with my lach of knowledge....

Thanks for helping me out so far !

Ok, I kind of thought of a basic set up... How do I go about using this in eitehr css or html? Do I use tables for this. What is the best way of setting this up:

 [ send green star]

 [ accepted]

Richard, if you read the threads here you will get a basic understanding enough to start playing around with it yourself anyways

If you need any help from there just ask!

 [ send green star]

css for sure. Then in the middle you can either you an iframe or just css. Lets just go all css.

You would basically want 3 main divs and then another content div for your info, that one will scroll. and then as well a bottom div.

You didn't specify how big anything was so I just made the page 800X800 and each of the side menus 100 and the center 580. So feel free to change them I will mark them in red for you!

left=left hand side menu, right=right hand side menu, center=the entire center area, main=your main content where it will scroll.

Obviously this is just to show you the basic setup lol Play around with it and get it to how it looks good and feels right.

Code:

<html>
<head>
<style type="text/css">
#left { 
position:absolute;
left:0px;
top:5px;
width:100px;
height:800px;
border-style: solid;
border-color: #000000
}
#right { 
position:absolute;
left:700px;
top:5px;
width:100px;
height:800px;
border-style: dashed;
border-color: #000000
}
#center { 
position:absolute;
left:110px;
top:5px;
width:580px;
height:800px
}
#main { 
position:absolute;
left:0px;
top:115px;
width:580px;
height:215px;
overflow:scroll
}
#bottom { 
position:absolute;
left:0px;
top:340px;
width:580px;
height:100px
}
</style>
</head>
<body>
<!-- Begin Left -->
<div id="left" align="right">All your left stuff here</div>
<!-- End Left -->

<!-- Begin Right -->
<div id="right" align="left">All your right stuff here</div>
<!-- End Right -->

<!-- Begin Center -->
<div id="center" align="center">Place your image here.
<!-- Begin Main --><div id="main">All your main content stuff here</div><!-- End Main -->

<!-- Begin Bottom -->
<div id="bottom" align="center">Bottom stuff here</div>
<!-- End Bottom -->
</div>
<!-- End Center -->
</body>
</html>

See it here:
http://www.geocities.com/lilstorm_love/lydia.html

lol that looks ugly on there But yours would look good once you set it how you want it. I use that same basic layout on my sites.

You can also remove or add borders as I show to all or some of them.

 [ send green star]

You are sooo clever!

It takes me so long to fingure something like that out, you are so fast!

I think this will keep me bussy for at least a week or so

 [ send green star]

 [ accepted]

Can you adjust the color of one window? in this case the background color is black can you make the "main"e.g. solid white, or place a picture as background.....

#main { 
position:absolute;
left:0px;
top:115px;
width:500px;
height:400px;
overflow:scroll
}

body {
background: #000000
background-image:url(image.jpg);
background-repeat:repeat;
background-position:top left;
background-attachment:fixed;
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #4F4F4F;
scrollbar-arrow-color : #9C9C9C;
} 

 [ send green star]

 [ accepted]

for overflow: scroll; is it possible to only get the vertical scrall bar and delete the horizontal one?

 [ send green star]

 [ accepted]

I believe since div is a block-level element you can apply the background and background-image attributes to which ever div you associate with the #main id

 [ send green star]

 [ accepted]

It always takes time for me to figue it out, but yeah it works, thanks so much for the hint!

 [ send green star]

 [ accepted]