Multiply Republic
SEARCH BOX

Group's posts with tag: html

What are tags? You can give your posts a "tag", which is like a keyword. Tags help you find content which has something in common. You can assign as many tags as you wish to each post.
View posts by people in your network with tag html

Understanding the CSS Codes (a must read article)

Posted by -JJ- on Nov 16, '07 12:40 PM for everyone

One of the most usual questions I get here and on the other groups is the question regarding their boxes. Some asking for background color, transparencies, see-through, sizes, background colors and fonts. But first, let me tackle some things that may help clarify several things on CSS.

Since the boxes (or the ITEM BOX - multiply term) is the most commonly and almost always modified, I have posted this for the use of everyone.

First is the breakdown of codes. Let me give you an example of a coding on a CSS page.

NOTE THAT: Some codes may not exist in your CSSvcodes but can be included/added and have its values changed.

.itembox {

width: 600px;
height: 400px;

margin-top: 10px;
margin-left: 10px;

border-style:solid;
border-width: 2px;
border-color: #FFFFFF;
padding: 20px;

background-color: #000000;
background-image: url(IMAGE_URL);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;

font-color: #FFFFFF;
font-family:arial;
font-size: 6px;
font-weight: 100%;
text-align: center;

-moz-opacity: 0.80;
filter: alpha(opacity=80);
opacity: 0.80;
-khtml-opacity: 0.80;

}

* The Violet Codes are on transparencies
** Usually it doesn't have such spacing but for hrouping and breakingdown concerns, i have separated the codes.

As you can see, there are so many values that can be added in the CSS CODES. Let's get to know first the parts (layman's terms) one by one.

Here's the General CSS Format:

HTML tag { "CSS Property" : "Value" ; }

Do you get it now?

Let's make it easier.

.itembox                      => HTML tag
{           => START of the enclosure
background-color:      => CSS Property
-                                             => Css Property Notifier
=                                            => Prefix of each Values
#000000                         => Value
;                                             => END of Values
}           => END of the enclosure

To edit a part, you should first know that:

The HTML tag is constant (cannot be changed) and this represents the PART of the page;.
There are different HTML tags representing different parts:

.itembox represents the content boxes in our pages

There is no limit of how many CSS Properties you want to modify or which properties you want to include. It all depends on what you want to change.
When CSS Properties are not included, the Values revert to default.

when font-color is not on the CSS Properties written, it will automatically
revert to black (default color) or in some cases, white.

the Values may sometimes (for some CSS Properties) be a negative number.
When these codes are entered twice (doubled or multiple), the latter will be followed.

                              font-family:arial;            => First Entry - NOT FOLLOWED
                              font-size: 6px;
                              font-weight: 100%;
                              font-family:impact;         => 2nd Entry - FOLLOWED

common errors usually are caused by missing, doubled, or different wrong inputs of the following marks: { = - ; and }
Most of the CSS Properties are self explanatory.
The height, width, and border refers to the HTML tag.
The Font Properties are on the Alpha - Numeric inputs ( a b c 1 2 3 ).
It is important to back-up your codes before proceeding with any minor or major modification.
The best way to learn is to try and experiment with the codes.

Tags: css, html

28 comments share

HTML editing

Posted by -JJ- on Nov 7, '07 12:52 PM for everyone

We've made a slight change to the way our blog compose tool works... for the better.

This change aims to clarify the two editor modes -- normal (where you simply type your post, using the blog editor toolbar for formatting changes) and HTML (accessible by selecting the "Edit HTML" checkbox you'll find in the editor).

Note: If you don't already write HTML for your blog entries by hand, there's no need to start now! You can still use our blog toolbar for simple point-and-click formatting -- this is just a notice for those who like to get a little more in-depth.

As the editor previously worked, one could manually enter HTML tags into either mode and, upon saving their changes, have them applied to their text. The downside to this was that it was difficult to enter HTML code for display (such as when writing a post explaining to others how to format text in HTML). And now it's easy.

So if I wanted to show people how to point others to a different site, I would simply enter the following with the checkbox unchecked:

<a href="http://www.petitiononline.com/ecch2004/petition.html">Help bring Chocodiles to the east!</a>

And if I wanted to make it appear as a link within the entry (such as when copying and pasting the HTML from the previous example), I'd enter the same text with the box checked, which would result in a link like this:

Help bring Chocodiles to the east!

Yes, it's that simple -- if the box isn't checked while HTML tags are entered, the markup won't be interpreted.

Source: http://multiply.multiply.com/journal/item/160/New_improved_HTML_editing