Message 655 of 1157
« Prev Next »

HTML & CSS Code Party 01

If the good Lord's willing and Eons (or my ISP) doesn't fall prey to glitches, we're going to have a Code Party on Thursday evenings about sevenish here in the Studio for the next few weeks.

Now that doesn't mean that you can't play with code in here except on Thursdays. Goodness Gracious, we can play with code any time we want. If you have a question about anything, just ask. It just means that I'll have a plan laid out to go from simple to more complex at the Code Parties for those that want to join in or to just watch! You can bring some snacks, if you want. I just love chocolate chip cookies!

A few of us started playing with some code last night in the Playground. I gave some examples of a few basic tags - bold, italics and underline and then the code was copied and changed by the players. Then we did the font tag and then started playing with the "borders around text" code. We changed the colors and sizes of the border and the text inside. I'm going to post what we did so you can get an idea of what it will be like and then we can continue on tonight if someone wants to play! You can join in tonight, tomorrow or whenever - doesn't matter - just have fun! Post any time you want!

I'm using a special online tool that will allow the code that I've pasted here to show up. First we'll try the bold tags.

<b>...</b>

Copy the code and paste it into a reply. Then add some words in between the tags where the dots are. Then post and see how it looks!

See the replies for more Fun and join in when you want!
Mimi58's profile
posted by Mimi58
Log in to reply
Replies 1 - 10 of 51
1 2 3 ... 6 Next »
What a great idea Mimi!
Musiclover's profile
posted by Musiclover
11 months ago
Here is what I typed: <b>Having Fun with The Bold Tag!</b>

And here is how it looks: Having Fun with The Bold Tag!
Mimi58's profile
posted by Mimi58
11 months ago
I'll bet here for tutoring and thank you so much!
Musiclover's profile
posted by Musiclover
11 months ago
That was supposed to say BE
Musiclover's profile
posted by Musiclover
11 months ago
That's great. I'm going to put what we've already done down so others can join in - if I can stay connected!
Mimi58's profile
posted by Mimi58
11 months ago
Here are two more HTML tags:

Italics: <i> . . . </i>

Underline:  <u> . . . </u>

Just copy and paste the code, replace the dots with the text you want.
Mimi58's profile
posted by Mimi58
11 months ago
Changing font color looks a little harder, but it's not:

Here's the code:

<font color="red"> . . . </font>

To change the color, just change the color name:

<font color="blue"> One</font>
One

<font color="green"> Two</font>
Two

You can also use hex numbers from the color charts:

<font color="#FF9900">Three </font>
Three

Get ready, Musiclover, we're about to start playing with the "boxes"!
Mimi58's profile
posted by Mimi58
11 months ago
There are more codes like this in the Common HTML tags file - view link
ccs.110mb.com/eons/CommonHTMLtags.html

Just put what you want to change between the beginning and ending tags.

Next, we'll play a little with some of the code from the "Codes to Revise and Use" file
Mimi58's profile
posted by Mimi58
11 months ago
Here is code to put a border around your writing in a Post or PM.

<div style="border-top: 20px solid red; border-bottom: 20px solid yellow; border-left: 20px solid blue; border-right: 20px solid green;"><blockquote>Here is my text.</blockquote></div>

And would look like this:


Here is my text.



Musiclover, do you want to show them what you did with this? I'll show them what I did!
Mimi58's profile
posted by Mimi58
11 months ago
Here's the code with a few little changes.

<div style="border-top: 10px solid red; border-bottom: 10px solid red; border-left: 30px solid blue; border-right: 30px solid blue;"><blockquote>I changed to color of two sides so that there was red at the top and bottom and blue on the left and right. I also changed the size from 20px to 10px on the top and bottom and 30px on the left and right.</blockquote></div>

Be sure you leave the semicolon in after the color name

Here's how it would look:



I changed to color of two sides so that there was red at the top and bottom and blue on the left and right. I also changed the size from 20px to 10px on the top and bottom and 30px on the left and right.


Mimi58's profile
posted by Mimi58
11 months ago
Replies 1 - 10 of 51
1 2 3 ... 6 Next »
Log in to reply