1. CSS font shorthand rule

When styling fonts with CSS you may be doing this:

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

There’s no need though as you can use this CSS shorthand property:

font: bold italic small-caps 1em/1.5em verdana,sans-serif

Read the rest of this entry »

Open config.php file (Under application/config folder) and change the following line

$config['base_url'] = “”;

to

$config['base_url'] = “http://localhost/cimenu”; //here cimenu is the folder where all the files of CodeIgniter is

Now open autoload.php file (Under application/config folder) and change the following line

$autoload['helper'] = array();

to

$autoload['helper'] = array(’url’, ‘form’);

Now create a folder named menu under cimenu(This is the project name) folder, that is, in your root folder. Now put all the files of the external menu to the menu folder under cimenu.

Lets create a php file and name it mymenu.php under application/controller folder and write the following code: Read the rest of this entry »

1) Box Modle By W3C
http://www.w3.org/TR/css3-box/
http://www.w3.org/TR/REC-CSS2/box.html

2) The Box Model
http://www.ilovejackdaniels.com/css/box-model/

3) Make better Web pages by understanding the CSS box model
http://articles.techrepublic.com.com/5100-10878_11-6105783.html

4) Basic Box Model
http://redmelon.net/tstme/box_model/

5) Box Model Hack
http://tantek.com/CSS/Examples/boxmodelhack.html Read the rest of this entry »

ONE: “When styling fonts with CSS you may be doing this:

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif;

There’s no need though as you can use this CSS shorthand property:

font: bold italic small-caps 1em/1.5em verdana,sans-serif;

Much better! Just a few of words of warning: This CSS shorthand version will only work if you’re specifying both the font-size and the font-family. The font-family command must always be at the very end of this shorthand command, and font-size must come directly before this. Also, if you don’t specify the font-weight, font-style, or font-variant then these values will automatically default to a value of normal, so do bear this in mind too.” Read the rest of this entry »

1) Liquid layouts the easy way
http://www.maxdesign.com.au/presentation/liquid/#definitions

2) Colored boxes - one method of building full CSS layouts
http://www.maxdesign.com.au/presentation/process/

3) CSS Centering - fun for all!
http://www.maxdesign.com.au/presentation/center/

4) Sample CSS Page Layouts
http://www.maxdesign.com.au/presentation/page_layouts/

5) Environmental Style
http://realworldstyle.com/environmental_style.html

1) Some definitions
http://css.maxdesign.com.au/floatutorial/definitions.htm

2) Float basics
http://css.maxdesign.com.au/floatutorial/introduction.htm

3) Position is Everything
http://www.positioniseverything.net/

4) IE6 Peekaboo Bug
http://www.positioniseverything.net/explorer/peekaboo.html

Look at this example. When you hover over the box, the border, background color, and foreground colors change. This is caused by JavaScript dynamically changing the box’s CSS properties much like it does the “visibility:” property in pop up menus. This opens a whole new world of dynamic styling opportunities as most CSS properties can be accessed.

The generic form of the JavaScript reference to change a CSS property is:

document.getElementById("div_id").style.CSS_property_to_change = "new_CSS_value_in_quotes";

JavaScript does not always use the same term to refer to a property as CSS does. This is the biggest thing to keep in mind as you refer to CSS properties in JavaScript. Now lets start coding the example.

Making & Styling The Box

Read the rest of this entry »