1 0 Archive | CSS RSS feed for this section
post icon

Remove “Clearbox is Ready”

To disable it go to /clearbox/config/default/cb_config.js

The new code has to be this with “OFF” :
CB_OSD=’off’, // turns on OSD
CB_OSDShowReady=’off’, // when clearbox is loaded and ready, it shows an OSD message

Leave a Comment
April 14, 2013
post icon

How do you Stretch a Background Image in a Web Page?

The best way to stretch an image to fit the background of a page is to use the CSS 3 property, background-size:

body {
background: url(bgimage.jpg) no-repeat;
background-size: 100%;
}

Leave a Comment
post icon

Setting font size and Color for H1 tag

h1 {
color: #33A1CC;
font-family: Vagabond,trebuchet,”Trebuchet MS”,sans-serif;
font-size: 32px;
margin: 0;

}

Leave a Comment
June 14, 2012
post icon

Center body content using CSS

#wrapper {
width: 1000px;
margin: 0 auto;
}

 

<body>
<div id=”wrapper”>
<h1>This page is centered!</h1>
<!– rest of page content goes here –>
</div>
</body>

Leave a Comment
post icon

Drop shadow on mouse over

<a href=”#” >

<img src=”Chrysanthemum.jpg” width=”100″ height=”100″ />

</a>

 

 

<style type=”text/css”>
.imagedropshadow {
padding: 5px;
border: solid 1px #EFEFEF;
}
a:hover img.imagedropshadow {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}

</style>

 

 

 

 

 

Example :-

 

 

Leave a Comment
December 29, 2011