≈§[Codexia]≡[Coding Home]§≈ {Lesson 3 ADDED!}

[Bloodrun]

variable, within this tag, is where you entire page coding will be held.










// Close the and tags, and your set.



[/code]

 

Lesson 1 B

// Let's add a table shall we?
</pre><table> tag is basically a colum.
 This is My First Table!Pretty Sweet HUH?</tabl

 

Lesson 1 C

My Test Page!







</pre><table> This is My First Table!Pretty Sweet HUH?</table><br><br><br><br><br><br><br><b

 

If you have questions, DON'T BE AFRAID TO ASK THEM!!

 

The attachments:

The Alt Attribute[/b]

 

The alt attribute is used to define an "alternate text" for an image. The value of the alt attribute is an author-defined text:

 

The "alt" attribute tells the reader what he or she is missing on a page if the browser can't load images. The browser will then display the alternate text instead of the image. It is a good practice to include the "alt" attribute for each image on a page, to improve the display and usefulness of your document for people who have text-only browsers.

 

 

[spoiler=Inserting Images]

// The 

is a tag that defines a text line, p is short for paragraph

An image:
// using "width=""" and "height=""" allows you to determine the size of the image.
width="144" height="50">

A moving image:
width="48" height="48">

Note that the syntax of inserting a moving image is no different from that of a non-moving image.

[The_Prince_of_Death]

I would like to be a teacher and a student

[spoiler=as a teacher]Username:the_prince_of_death

Avater: http://i280.photobucket.com/albums/kk185/onedraco25/GoreBreatingFire-1.jpg

Coding knowledge in: not much because I'm still learning very slowly

Knowledge level (beginner-mediocre novelist-expert): beginner/mediocre

Reason as to why you want to apply to become a teacher: to help others and to learn something myself

The best times to reach you(including your time zone): friday nights(depends on if the place I go to is open or not but its usually open) from 4-5pm & 7-8:30pm chicago time zone

The best source to reach you by: Private Messaging here on YCM

An approximate amount of lessons you can create within a week: not sure, I'll have to check

The amount of questions willing to answer within a business day (17 hours of your time zone): as many as I can to my fullest extent

Lastly, would you like to sign up for lessons? (If so, which ones?): yes, any

 

 

[spoiler=as a student]

Username:the_prince_of_death

Avatar: http://i280.photobucket.com/albums/kk185/onedraco25/GoreBreatingFire-1.jpg

Lessons you would like to sign up for: any

Your knowledge in coding: not much but still very willing to learn.

 

[Bloodrun]

I would like to be a teacher and a student

[spoiler=as a teacher]Username:the_prince_of_death

Avater: http://i280.photobucket.com/albums/kk185/onedraco25/GoreBreatingFire-1.jpg

Coding knowledge in: not much because I'm still learning very slowly

Knowledge level (beginner-mediocre novelist-expert): beginner/mediocre

Reason as to why you want to apply to become a teacher: to help others and to learn something myself

The best times to reach you(including your time zone): friday nights(depends on if the place I go to is open or not but its usually open) from 5-6pm & 7-8:30pm chicago time zone

The best source to reach you by: Private Messaging here on YCM

An approximate amount of lessons you can create within a week: not sure' date=' I'll have to check

The amount of questions willing to answer within a business day (17 hours of your time zone): as many as I can to my fullest extent

Lastly, would you like to sign up for lessons? (If so, which ones?): yes, any

 

 

[spoiler=as a student']

Username:the_prince_of_death

Avatar: http://i280.photobucket.com/albums/kk185/onedraco25/GoreBreatingFire-1.jpg

Lessons you would like to sign up for: any

Your knowledge in coding: not much but still very willing to learn.

 

 

Alright, you have been added.

I have put you done as a part time teacher though, due to the fact that you are still within the beginner zone.

 

The first lessons for anyone to view (I'm talking about mine, not yours so don't worry lol), should be done by this coming Monday. If not, I will give another end date.

[The_Prince_of_Death]

okay. I've updated my time to reach me.

[Lemniscate]

Username: HarbingerEvil

Avatar: Will add this in a bit, it is on my other computer.

Lessons you would like to sign up for: HTML, but really anything.

Your knowledge in coding: Minimal, mostly simple Mods for IPBfree

[Bloodrun]

Username: HarbingerEvil

Avatar: Will add this in a bit' date=' it is on my other computer.

Lessons you would like to sign up for: HTML, but really anything.

Your knowledge in coding: Minimal, mostly simple Mods for IPBfree

[/quote']

 

Added to the student list.

[Bloodrun]

variable, within this tag, is where you entire page coding will be held.









// Close the and tags, and your set.



[/code]

 

Lesson 1 B

// Let's add a table shall we?
</pre><table> tag is basically a colum.
 This is My First Table!Pretty Sweet HUH?</tabl

 

Lesson 1 C

My Test Page!

This is My First Table!

Pretty Sweet HUH?

[Lemniscate]

Nice. Already knew this, but it is good to see it explained to simply.

[The_Prince_of_Death]

Great. you explained in simple detail that people should be able to understand. Also, you may want to put me on the student list since I dont have time to make any lessons and wont be able to in the future with the school work I'm getting now.

[Bloodrun]

Great. you explained in simple detail that people should be able to understand. Also' date=' you may want to put me on the student list since I dont have time to make any lessons and wont be able to in the future with the school work I'm getting now.

[/quote']

 

There, removed from Teacher List.

 

Do you guys have any Lessons in particular you want me to put up?

Meaning any suggestions, on things you want me to do.

[The_Prince_of_Death]

Umm....I can't think of any at the moment. why not go in order from the main/needed to the not really needed.

[Bloodrun]

Umm....I can't think of any at the moment. why not go in order from the main/needed to the not really needed.

 

...huh? Everything is needed, to create a running, working code.

[Lemniscate]

I think he is discussing going from easy to more difficult.

And then also to possible add-ons and how to code them into the site.

[Bloodrun]

I think he is discussing going from easy to more difficult.

And then also to possible add-ons and how to code them into the site.

 

Alright. I can do that.

[Freeshooter]

Username: Eternal Zodiac

Avatar:

Lessons you would like to sign up for: All

Your knowledge in coding: I`m completely new to coding, but, I figure that it would most likely help quite a bit in say... Game designing/Creating site for games?

[The_Prince_of_Death]

I think he is discussing going from easy to more difficult.

And then also to possible add-ons and how to code them into the site.

 

thankyou for clearing that up, I was in a rush so I had to say what I said. I hate it since my english teacher gave us a essay on monday and we have to finish it by the time school starts today.

[lordtyson]

Username:lordtyson

Avatar:?

Lessons you would like to sign up for: mostly those that are image based

Your knowledge in coding:not much, I know a little but would like to know more since I run my own forum and coding is always needed

[Bloodrun]

// The

is a tag that defines a text line, p is short for paragraph

An image:
// using "width=""" and "height=""" allows you to determine the size of the image.
width="144" height="50">

A moving image:
width="48" height="48">

Note that the syntax of inserting a moving image is no different from that of a non-moving image.

[lordtyson]

yeah thats what i mean

[Lemniscate]

Good lesson. Helps with the alt text item.

[Bloodrun]

So, anyone have any special requests for lessons?

HTML, Tables, CSS, Image Maping, Forms, etc.

[Lemniscate]

CSS would be great.

[Bloodrun]

CSS would be great.

 

Alright, I'll see what I can whip up.

[Lemniscate]

Thanks.

Can't wait to see it.

[Bloodrun]

[spoiler=Lesson 3:]

 

Syntax

 

The syntax of pseudo-classes:

 

selector:pseudo-class {property: value}

 

CSS classes can also be used with pseudo-classes:

 

selector.class:pseudo-class {property: value}

 

 

Anchor Pseudo-classes

 

A link that is active, visited, unvisited, or when you mouse over a link can all be displayed in different ways in a CSS-supporting browser:

 

a:link {color: #FF0000}     /* unvisited link */
a:visited {color: #00FF00}  /* visited link */
a:hover {color: #FF00FF}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */

 

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

 

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

 

Note: Pseudo-class names are not case-sensitive.

 

[spoiler=CSS Coding]

 

/* Generic Selectors */

 

// This will start off your CCS Code, it controls the Basic Body of your entire page. I have two "body" tags, because the first one contains a solid color, and the second one, contains a

// Partial image, that doesnt cover the entire page, thuse having both, allows it to look like the image covers the entire page.

 

body {

 

font-family: Georgia, "Times New Roman", Times, serif;

 

font-size: 14px;

 

color: #E3E3E3;

 

background-color: #452918;

 

background-repeat: repeat;

 

}

 

body {

 

// Fonts, is self explanitory, except, when adding a font with more then one word, it must be encased with a " "

 

font-family: Georgia, "Times New Roman", Times, serif;

 

font-size: 14px;

 

color: #E3E3E3;

 

background-image: url('/images/bg.gif');

 

// There a three choices for repeat: repeat-x(horizontally), repeat-y(vertically) and, no repeat.

 

background-repeat: repeat-y;

 

// This, allows you to position the start of the image, as you can imagine, there are 9 different options for this.

 

background-position:top center;

 

}

 

// This allows you to "allocate" any text, that is encased with the html tag

 

 

p {

 

width: 80%;

 

}

 

// This allows you to "allocate" any text, that is encased with the html tag

 

li {

 

list-style-type: none;

 

line-height: 150%;

 

list-style-image: url(../images/arrowSmall.gif);

 

}

 

// H1 and 2, are your header tags, it's just a simplier way to change the size of Titles for your head.

 

h1 {

 

font-family: Georgia, "Times New Roman", Times, serif;

 

font-size: 18px;

 

font-weight: bold;

 

color: #000000;

 

}

 

h2 {

 

font-family: Georgia, "Times New Roman", Times, serif;

 

font-size: 16px;

 

font-weight: bold;

 

color: #000000;

 

}

 

 

 

/**************** Pseudo classes ****************/

 

// The following codes, allow you to "decorate" the tags listed above. Psuedo is just a fancy name for, decoration of CSS Class

 

a:link {

 

color: #00CC00;

 

text-decoration: underline;

 

font-weight: bold;

 

}

 

li a:link {

 

color: #00CC00;

 

text-decoration: none;

 

font-weight: bold;

 

}

 

a:visited {

 

color: #00CC00;

 

text-decoration: underline;

 

font-weight: bold;

 

}

 

li a:visited {

 

color: #00CC00;

 

text-decoration: none;

 

font-weight: bold;

 

}

 

a:hover {

 

color: rgb(0, 96, 255);

 

padding-bottom: 5px;

 

font-weight: bold;

 

text-decoration: underline;

 

}

 

li a:hover {

 

display: block;

 

color: rgb(0, 96, 255);

 

padding-bottom: 5px;

 

font-weight: bold;

 

border-bottom-width: 1px;

 

border-bottom-style: solid;

 

border-bottom-color: #C6EC8C;

 

}

 

a:active {

 

color: rgb(255, 0, 102);

 

font-weight: bold;

 

}

 

/************************* ID's *************************/

 

// Here is where you can position, and change the height and width, of anything within your php or html document, with a ID.

// an ID can be written in almost any tag, for example, tables/p/div and iframes, just by typing within the starting code

// or

etc

 

#login {

 

position: absolute;

 

margin-top: 0px;

 

margin-left: 0px;

 

font-weight: normal;

 

}

 

 

 

 

 

To "link" or "call" your css within a page, just place this code within the

tags on the page you want the css to show:

 

 

Of course just change the name of the css to the name of the file.

Also note, that this is for a webpage, the set up for a forum, entails a much bigger detailed page. Though the basic aspects of this still pertain to that of a forum.