Archive for the ‘CSS’ Category
CSS style for CMS system
In: CSS
16 Dec 2009Previously I have written a full text page having Complete Tutorial For Developing own CMS System. On the request of my readers I am going to post the CSS style for the code.
@charset “utf-8″;
/* CSS Document */body{
margin:0;
padding:0;
font: 11px “Lucida Grande”, Verdana, Arial, “Bitstream Vera Sans”, sans-serif;
}
.sitetitle{
padding:0px 0px 0px 25px;
font-family: “Arial”;
display: inline;
color: white;
font-size: 24px;
font-weight: bold;
vertical-align: middle;
}
.dispaly{
border:1px [...]
- (3) Comments
- Tags: PHP
Equal Height Columns using CSS
In: CSS
7 Oct 2009Equal height columns are a perfectly way to design a web layout but it is not as easy as it see first time. In this tutorial I am going to expalin you three column layouts with equal height. I think this is very simple solution that works in all common web browsers and this solution [...]
- (5) Comments
- Tags: CSS, CSS Equal Height
CSS Positioning, Layout and Understanding CSS z-index
In: CSS
7 Oct 2009Layout with CSS is a great way to manage Objects and elements in a web page and a very easy. I think css is better than the tabural stracure. In a CSS styles you need to look at each part of the page as an individual chunk that you can shove wherever you choose. You [...]
- No Comments
- Tags: CSS
CSS 3 Column Fixed width centered layout Tutorial
In: CSS
22 Jul 2009Define the Body Section:
First define the body style. Here I have choose 12px font size. Having Courier New, Courier, Mono font. Background color is #ddd and margin and padding of page is set for 0px;
Here the code for body section
body {
font:12px “Courier New”, Courier, mono;
background:#ddd;
padding:0px;
margin:0px;
}
The Main Body Wrapper :
Now create sytle sheet for the main [...]
- (4) Comments
- Tags: CSS
CSS Single Image Rollover Effect
In: CSS
2 Jul 2008When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results). Wouldn’t it be really cool if there were a way to create an image rollover that doesn’t require preloading images or JavaScript? Wouldn’t it be great if you could create horizontal or vertical navigation using [...]
CSS Style Rounded Corner Without Images
In: CSS
26 Jun 2008There are a lot of techniques for rounding corners in CSS and one of the nice technique is creating rounded corners without using images.
Most of the people having searched for “rounded corners without images” ends up at my Rounded corners with CSS story - which allows for you to desig rounded corners without any markup [...]
CSS Gradient Text Style
In: CSS
20 Jun 2008Well, If you are new for web design and you don’t know about the photoshop to create glossy text then don’t be panic. Here you can get the easy way to create glossy image using css and png image.
Here is a simple CSS trick to show you how to create gradient text effect with a [...]
CSS Style Colors
In: CSS
27 May 2008CSS brings 16,777,216 colours to your disposal. They can take the form of a name, an rgb (red/green/blue) value or a hex code.
HTML Dog, The Book
HTML Dog is hosted by Titan Internet
red
Is the same as
rgb(255,0,0)
Which is the same as
rgb(100%,0%,0%)
Which is the same as
#ff0000
Which is the same as
#f00
There are 17 valid predefined colour names. They are [...]
- No Comments
- Tags: css color, css style
What is CSS?
In: CSS
16 May 2008introduction to css
- No Comments
- Tags: CSS, css study, introduction to css
Categories
- suba: $(this).addClass("active") and $(this).removeClass("hideme") does n't seem to be working in IE7, whe [...]
- admin: @hadi: please check your code you may have deleted one "}" bracket. [...]
- hadi: Hi, I get this error Parse error: syntax error, unexpected $end in C:\Users\acer\Desktop\xampp\h [...]
- SF: High resolution zoom with image tiles: http://www.ajax-zoom.com [...]
- Alonso: It seems that I didn't post my code properly sorry about that, that was not the problem however I wa [...]
- 20 Stunning Fonts From Deviantart
- jQuery Zoom Effect on Hover
- PHP Array Functions
- JavaScript Enter Only Number onKeyPress Event
- Object Oriented Programming with PHP
- 10 Simple PHP Login Sytem Tutorial
- 15 Free Joomla Template Sites
- CodeIgniter tutorial for beginners
- CSS style for CMS system
- PHP Mysql own CMS system Tutorial
