Friday, June 25, 2010

Image hivering with slider effects

<div class='images' id='image1'>
<div class='layer'></div>
<img src='baby.jpg' />
</div>
 
<div class='images' id='image2'>
<div class='layer'></div>
<img src='baby.jpg' />
</div> 
 
<div class='images' id='image3'>
<div class='layer'></div>
<img src='baby.jpg' />
</div> 
 
<div class='images' id='image4'>
<div class='layer'></div>
<img src='baby.jpg' />
</div>


The Css code is here

.images{ 
 float:left;
 margin-left:-20px;
 margin-right:-20px;
 margin-top:10px;
 -webkit-transform:scale(0.6);/*Initial size of image when page loads*/
 -webkit-transition-duration: 0.5s;/*Time taken for image to animate from smaller size to bigger size*/
}
.images:hover{
 -webkit-transform:scale(0.8);/*When hover on images image size will increased*/
 -webkit-box-shadow:0px 0px 40px #ccc;
}  
.images .layer{
 width: 100%;
 height: 100%;
 background-color:#000;
 position: absolute;  
 opacity:0.5;
 -webkit-transition-duration: 0.8s;
}
#image1:hover .layer{
 width:0%; 
}
#image2:hover .layer{
        height:0%;
}
#image3:hover .layer {
 height:0%; 
 margin-top:150px;
}
#image4:hover .layer{
 margin-left:150px;
 margin-top:150px;
 height:0%;
 width:0%;
}

The code is copied from the following location http://webdesignersdesk.com/2010/06/fancy-image-hover-using-css3/

Tuesday, June 22, 2010

SVN Cheat sheet

here i am giving you the SVN cheat sheet
http://www.addedbytes.com/cheat-sheets/download/subversion-cheat-sheet-v1.pdf

Thursday, June 3, 2010

MemCache Installation

Today i had worked on installing Memcache

The Procedure to install Memcache is (LAMP)
1) check your system will support pecl installations are not
2) fire this command in CMD "pecl install memcache" (another way is "apt-get install php5-memcache", But it is not working for all the systems.)
3) Fire this command in CMD
    echo "extension memcache.so" >> /etc/php5/apache2/php.ini  (This is the path for your php.ini file)
4) now you have to install the memcached server
   run this command "apt-get install memcached"
5) Restart the apache server "/etc/init.d/apache2 start"
6) Start memcached server "/etc/init.d/memcached start"

Tuesday, June 1, 2010

Regular expression single sheet reference

Regular Expression single sheet reference
source : http://networking.ringofsaturn.com/Web/regex.php

want to download in pdf format .. click here