Tuesday, June 23, 2015

Must Use CSS

Body Right Side Image
body{
background: #FFFFFF url(http://3.bp.blogspot.com/-OmaZsi_XmgA/TzY787sKUrI/AAAAAAAABPg/xYSLXr8epZI/s1600/Gita+Blog+Side+Bar.jpg) repeat-y fixed top right;
}

Change Cursor for Site
<style>
body {
cursor: url('favicon.ico'), default;
}
</style>

Block Right Click Disable
tr
{
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
}

Use Google Font:
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans">
    <style>
      body {
        font-family: 'Open Sans', sans-serif;
      }
    </style>

Style to First Letter
<style type="text/css"> 
p:first-letter{
    font-size:200%;
    color:#8A2BE2;
}

Login Form Focus
:focus{
            border: thin black solid; 
            padding: 4px; 
        } 
</style>

Image Change on Mouseover
<a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a>

No comments:

Post a Comment