First of all, sorry for all of the threads lately. :o


Anyways, I was just looking at Lauren's site and I kinda decidided that I want to start making sites again. :) I want one of my own to work on and stuff.

I know I visit LEIA alot and I am around HTML, PHP, CSS, and stuff like that, but actually, I never really picked up on it, I'm no good at it really. :(

So I want to make a site really bad now, :rolleyes: but I don't know what I need to start with. :blush:

I feel so dumb that I can't do it by myself because I mean, Lissa taught herself HTML, PHP, CSS, I can barely do HTML myself. :(

Oh well, I was just wondering, do you think I should make a site? I would be asking alot of question.
I'm not sure if I will be able to pick up on it if I do. :o Maybe....well, not very quickly I know that. :hehe:



Okay, that's all, I'm truly done now. :D

I say go for it! Even if you're not too good at HTML now, you'll improve if you keep working on it. Everybody had to start out somewhere, right? Nobody starts out as an HTML expert. And if you have a lot of questions, well, that's what this forum is for, isn't it?

Yeah, I guess so. :) :P

If you are a member of Neopets, Xanga, or even MySpace, the best way to venture into coding is customising whatever (profile, blog page, user lookup, etc.). I ventured into the coding world via Neopets years ago and progressed a lot.

At first I used Frontpage and Dreamweaver, then had a look at the code. It taught me lots. Lissa also says on her site that she looked at page source. It's an easy way to learn HTML and CSS, plus touching up on Javascript and VBscript too. I also recommend taking a peek at http://www.php.net for PHP tutorials.

Go for it! There are lots of people here who can help out :D

There are lots of tutorials as Thomas said. Google (http://www.google.com/search?client=firefox-a&rls=org.mozilla%3Aen-US%3Aofficial_s&hl=en&q=HTML+Tutorial&btnG=Google+Search) is your friend. :D

If you get stuck just post in the forum. :)

Go for it! I didn't know anything about HTML, and then I found LEIA. :D I'm still not the best there is, but I can code HTML and CSS, with a liiiittle bit of PHP. Coding your own website is a lot of fun once you learn how! :)

Making a website is the best way to learn! I think you should go for it! Having your own website would be cool, and if you get stuck, we're all here to help :D

Well, you should learn them in a specific order to help, like don't learn PHP and then learn HTML, learn HTML first, then JavaScript, then move on like so :D

Dooooooooooooooit!

Thanks you guys. :blush:

I already know quite a bit of HTML, a little CSS. Absolutley [sp?] no PHP and that's want I learn, PHP. :D



Edit: Oh and I'll take a look at that site, Thomas....thanks. ;)

Sorry for my stupid double post:

I know this is pathetic drawing it out, but I just wanted to know what you think. :)

look (http://i50.photobucket.com/albums/f342/rainbow_monkey/yeah-right--heheh.gif)

Sorry for my stupid double post:

I know this is pathetic drawing it out, but I just wanted to know what you think. :)

look (http://i50.photobucket.com/albums/f342/rainbow_monkey/yeah-right--heheh.gif)

I'm just like you, I don't know any HTML. :P I just post here for fun. I do want to learn but maybe some other time. Anyway, I like your layout, it's very green. I think you should add a tab more color. Maybe a few, that would be nice.

I'm just like you, I don't know any HTML. :P I just post here for fun. I do want to learn but maybe some other time. Anyway, I like your layout, it's very green. I think you should add a tab more color. Maybe a few, that would be nice.

I just wish I new how to make that on the web now. :lol:
I will mess with some colors and see what I like. It does need some color though, I just wasn't sure of what. :)

Double post again:

Do you think it looks better with the black text or the green text?

Black text (http://s50.photobucket.com/albums/f342/rainbow_monkey/?action=view&current=yeah-right--heheh.gif)
Green text (http://s50.photobucket.com/albums/f342/rainbow_monkey/?action=view&current=iwishhh.gif)

Double post again:

Do you think it looks better with the black text or the green text?

Black text (http://s50.photobucket.com/albums/f342/rainbow_monkey/?action=view&current=yeah-right--heheh.gif)
Green text (http://s50.photobucket.com/albums/f342/rainbow_monkey/?action=view&current=iwishhh.gif)

The green works ;)

The green works ;)

Thank you. :blush:

I don't even know if I will be abel to do this though. :confusion
I have looked at some source codes too. I am doing this at the moment. :hehe:

I think it's *much* better with the black text...it gives me less of a headache, which means that I would stay at your site longer ;)

I would read up on learning tables to make that layout. It'll be pretty simple to code ;)

I think it's *much* better with the black text...it gives me less of a headache, which means that I would stay at your site longer ;)

I would read up on learning tables to make that layout. It'll be pretty simple to code ;)

Thank you so much! I was wondering if it was tables or what not. I'll go look at that forum now. ;) :P

Haha, cool :) If you get stuck, just let me know.

I've been doing HTML for around 8 years now, but I didn't get a good grasp of tables until fairly recently. Learning about tables thoroughly will definitely help you in the long run ;) That includes rowspan/colspan! For some reason I could never figure those out :hehe: I now make sure my web design students know all about those in their first month of classes.

Well, I know I will need lots of help and I will be asking way too many questions. :hehe:
Hopefully I will get to know about tabels somewhere in the begining sometime. :)

Questions are just fine ;)
As for tables, I think Lissa's page about tables is helpful, so be sure to look at that if you haven't already.
And I totally agree with Elizabeth, use the black text!

Yep....Lissa has a great tables tutorial. I've used it many-a-time, and I refer my students to it, for reference while they're completing their homework.

I have another question. [imagine that!]

I was trying to mess with the table code from Lissa's main site on "Word Pad" but it didn't work. It that wrong? So should I use the actual internet like geocities or something? :confusion

Actually, I was in favor of geocities, until my student (haha) suggested I use freewebs.com. It does seem superior, as they don't have any ads. I'd use them.

As for word pad not working, I've never tried it. I always use Notepad. I would try using that instead :)

Okay. Well, I already use geocities kinda, so I will just do that. I don't mind the ads. [as long as it's free...i don't got mone] :lol:

I am just using an old account to mess with codes. Do you think I should make a new account for my site? :confusion [i'm really excited about learning new stuff!] :blush:

Nah, the old site works just as well ;)

Be sure to show us your progress!

Okay! :D I'm working on it right now. :hehe: :blush: :)


Thanks to all of you! ;)

I'm double posting alot:

look? (http://www.geocities.com/giggly_googly_monkeys//tables.html)

I don't know how to make it bigger besides to type more in. :confusion
Anyways. what do you think? :)

It's looking good! Looks like you're picking it all up quickly ;)

--- To change the width or height of a table without having to add more text, put this tag in your <td> :

width=X or height=X

X being the amount of pixels you want the width or height to be equal to.

--- I don't know if you want to know this, but it's something I wanted to learn for a while but couldn't figure out. If you want the text on both sides of the table to be right at the top, put this code in your <tr> tag: vAlign=top

--- Also...I was just looking at your code. If you want to center something (in your case, the table) you can just type <center> rather than the whole <div> thing ;) It's a bit simpler, and it works the same way.

Great job so far!!

Thanks. Do you see anything wrong on my code? I wasn't sure. ;)

I just did the gray background thing. [i wasn't sure if you saw that part yet....]

Ooo...I like the gray background! It definitely adds more interest...

Unfortunately, it looks like your page got a bit lopsided in the process ;)

I just checked, and it's because you didn't have a <td> in front of "stats" and your other stuff. Just stick it in there and see if that fixes the problem.

It's looking good ;)

I was just about to ask you what I did wrong. :hehe: Thanks. ;)

Better?

Mucho better! :) Now, if you'll excuse me...I have to get off the internet for a bit while I teach a "real life" student ;)

Oh, and good job on fixing the <td><Tr> thing...I noticed in your code that you had gotten it a bit mixed up, but then you fixed it. Figuring out what little things went wrong is very important in coding :hehe:

Okie dokie!

Thank you so much though! :D

I could help you even more ;)

^^ Good, because I got questions!

How do I put my banner//picture thing right above the tables?

Im the same as you! im around this stuff all the time, but I never picked it up very good

OK...my student just left ;)

If you want the image right about the tables, just put the image code:

<img src="IMAGE.GIF"> right above your table code, with the "break" tag right after it: <br>

So, the beginning of your code will look like this:

<center>
<img src="IMAGE.GIF"><br>
<table ...

etc :)

Yaaay! Thanks! :)

Now..... uh oh! :scared:


No. um....in my picture (http://i50.photobucket.com/albums/f342/rainbow_monkey/yeah-right--heheh.gif) I have a darker green behind the bold words on the right. How do I do that?

You could just add another table where you have the words, for example...

<table border=0 bgcolor="COLOR"><tr><td width=100%>TEXT HERE</td></tr></table>

Just put that wherever you want the background color to change :)

I know there's a way to do it with div layers....but I can't remember it right now :blush:

That's alright. I'll try this. :P

Oh, I just noticed something in your code...you don't need to put "or" in between the width and height tags in your code :) I just put that in to say you could put either one (or both, really).

I've never actually made a layout or anything yet. :P

I'm attempting to now. :)

So far... this. (http://i79.photobucket.com/albums/j127/pbeane/potientallayout.png)

I know a lot of HTML. I've never learned tables though.

[red and green are my favorite colors ;)]

Oh, I just noticed something in your code...you don't need to put "or" in between the width and height tags in your code :) I just put that in to say you could put either one (or both, really).

Oh yeah, hahah! :hehe: I'll doo that.

I tried th extra table thing, but I think I will just search through some threads to find the little background thing. :)

You are helping me so much! Thanks! :D


I've never actually made a layout or anything yet. :P

I'm attempting to now. :)

Are you realizing how easy it can be? [i am!]

I tried th extra table thing, but I think I will just search through some threads to find the little background thing. :)

The little background thing?

Patrick - that's looking great so far! I like the simplicity of the "PLB" on the side...the white against that pinkish/redish color looks very sleek ;)

Are you realizing how easy it can be? [i am!]

Yup :)

The little background thing?

Yup. :) The darker green behing "Stats" and "Shoutbox" and "Navagation".


Oh, sheesh, I didn't even see your link. :rolleyes: That looks awesome, Patrick! ;)

Thanks, yours looks great, too!! I understand how to make a table, but I don't know where to put my height or width tags. :(

900th post. :)

Mine is just......


<table border="1">
<td width=X height=X>
Text and stuff
Text and stuff</tr></td>

Put the width and height tags inside your <td> tag. For example:

<table>
<tr>
<td width=500 height=600> Text! </td>
</tr>
</table>

You can do that for each <td> tag :)


<edit> Haha...you beat me to it, Rainbow ;) </edit>

OK... thanks soo much!

One more question... how do I find the height and width of the area I want to use a table in?

<edit> Haha...you beat me to it, Rainbow ;) </edit>

Oh, sorry. :o



Edit:
OK... thanks soo much!

One more question... how do I find the height and width of the area I want to use a table in?

hhhmmm....I just go in the regular paint program and use the "Select" tool to crop the area and at the bottom right corner it says like 567x123.
There is an easier way I suppose. :hehe:

OK... thanks soo much!

One more question... how do I find the height and width of the area I want to use a table in?

Well, you can guess...each number is a pixel, which of course are each of the little "dots" across a screen. So..."200" would be 200 pixels across the screen.

If you right click on an image and click "properties," that will tell you what the width of the image is in pixels :)

Oh, sorry.

Haha...no problemo ;)

hhhmmm....I just go in the regular paint program and use the "Select" tool to crop the area and at the bottom right corner it says like 567x123.
There is an easier way I suppose. :hehe:

That's a great way to find the width and height!

Sheesh, your way is at least eaiser to explain. :lol:

Thanks!! I'm working on a style sheet and a layout now. :D

^^ Cool! Could you show us when you can? I wanna see it. :hehe:

This is my style-sheet:

<style type="text/css">

A:link
{ text-decoration: underline overline; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
A:visited
{ text-decoration: linethrough; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
A:active
{ text-decoration: none; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
A:hover
{ text-decoration: none; [underline, overline, underline overline, line-through, blink, none] color:#000000;

background-image: url(potiental%20layout.png);
background-color: #000000;

(Warning: the following cursor attribute is for those who use IE only!)

cursor: value; [default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize]
cursor: url('yourdomain.com/cursor.ani');}

h1 {font-family: verdana; [your font name for headers (arial, verdana, etc.)]
color: value; [your font color (#000000)] }

p {font-family: verdana; [your font name for paragraphs (arial, verdana, etc.)]
color: value; [your font color (#000000)] }

body
{ background: #000000;
background-image: url(potiental%20layout.png); [url of background image to be used, i.e. background.gif]
background-repeat: norepeat; [repeat, no-repeat, repeat-x, repeat-y]
background-position: valueI valueII; [valueI: top, center, bottom, percentage, pixel number]
[valueII: right, center, left, percentage, pixel number]
background-attachment: fixed; [scroll, fixed]

font-family: verdana; [your font name]
color: black;
letter-spacing: 3pt; [any number value (3pt, 5pt)]
font-weight: normal; [lighter, normal, bold, bolder, any number value (100, 500, 900)]
font-size: 12 pt; [xx-small, x-small, small, medium, large, x-large, xx-large,
any number value (12 pt, 18 pt)]

direction:rtl; [this reverses the entire site so the scrollbar is on the left]

(Warning: the following scrollbar attribute is for those who use IE only!)

scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: verdana; [your font name]
color: black;
padding-left: value; [2cm, 4cm etc.]
padding-right: value; [2cm]
padding-top: value; [2cm]
padding-bottom: value; [2cm]
padding: value; [2cm this is for all four sides]
padding: value value; [2cm, 4cm : two values for four sides, add numerical value] }

input, textarea
{ background: #000000 url(yourimage.gif);
font-family: verdana; [your font name]
color: black;
border-style: dashed; [dotted, dashed, solid, double, groove, ridge, inset, outset]
border-color: #000000;
border-width: 5; [numerical value, 5, 6, 8...] }

</style>


and I'm still working on my tables and layout. :)

Is this a correct table?:

<table>
<tr>
<td top=222 left=444 width=500 height=600> Text! </td>
</tr>
</table>

The table code is correct, except only div layers use "top=" and "left=." Unfortunately, those will have to come out of a table code :)

Other than that - good job! :D

^^ I think that's right. I don.t think you need "top=222 left=444" though. :confusion

Edit: hahah, lol! Now you beat me to it, shanti. :)

Hmm, ok. Should I use a div code then to get it adjusted to the top/left? :P

^^ hm, I wouldn't know that one. Maybe shanti will. :o

Do you think I should make a new account for my actual site? Like for when it's done and stuff.

A new account on LEIA?

No....on geocities. :)

Hmm, ok. Should I use a div code then to get it adjusted to the top/left? :P

It will automatically show up on the top left of the screen. :)

Rainbow - You don't have to change your account, unless you want a new link name :stickout:

Rainbow - You don't have to change your account, unless you want a new link name :stickout:
Well, yeah, I kinda want a new name. Giggly Googly Monkeys was for me and my 2 friends.

I was just going to do rainbow_monkey. I that kind a boring?

How I find the width of an image is use paint, then select Image > Attribrites.

I guess I'll just make an account with geocities.

I think "rainbow_monkey" will work fine. :)



Edit: That was taken, so it's going to be "rainbow.monkey"! :D

Good luck with it! Post a link to it in your profile :D

^^ Okay. I am just switching everything over to my new account right now. ;)

rainbow.monkey (http://www.geocities.com/rainbow.monkey/)

^^ Look, it's there now!

It's looking good!