Message 1259 of 1761

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
Replies 1 - 10 of 51
1 2 3 ... 6 Next »
What a great idea Mimi!
Musiclover's profile

over 2 years 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

over 2 years ago
I'll bet here for tutoring and thank you so much!
Musiclover's profile

over 2 years ago
That was supposed to say BE
Musiclover's profile

over 2 years 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

over 2 years 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

over 2 years 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

over 2 years 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

over 2 years 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

over 2 years 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

over 2 years ago
Replies 1 - 10 of 51
1 2 3 ... 6 Next »

Eons Picks

Visit Eons-Only Specials
For a limited time, get FREE SmartSound Earbuds on purchases of $100+! Use the code “EONSBUDS” at checkout.

Eons Rewards Club
Great shopping deals & savings for Eons Members!

Save on Eons Games
Eons Downloadable Games. Now just $6.99!

Read Member Blogs
Eons has great blogs—read the latest from members or start yours!