Multiply Republic
SEARCH BOX

Group's posts with tag: css

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 css

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

Default CSS codes

Posted by -JJ- on Oct 25, '07 12:42 PM for everyone

Tags: css, themes

11 comments share

Need Help on Themes, Modifications, and other concerns?

Posted by Federal on Oct 25, '07 12:06 PM for everyone

Link: http://naughtyrepublic.multiply.com/

There are a lot of groups that shares multiply themes such as this, this, this and this.

There are also groups that guide, teach, and/or help modify your layout like this,, this, this and this.

Tags: themes, modify, css, groups

2 comments share