Wednesday, October 30, 2013

How To Use Custom Fonts On Your Website With CSS

(i)You can download the font ( Example:PT-Sans.ttf ) , and Create the Font Folder and place the Font in Folder
(ii)Go to the CSS Style Sheet and Write blow content
@font-face {
    font-family: 'PT Sans Caption';
    src:
         url('fonts/PTC55F.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}
h1 {
    font-family: 'PTC55F', arial, helvetica, serif; font-weight: normal; color: #c73331;
    }

This way you can use as many custom fonts as you feel like on your website.

Friday, September 27, 2013

Social Media icons Animation (Slide Rollover)

CSS

.icon {
               height: 32px;
               width: 32px;
               margin: 8px;
               float: left;
              -webkit-transition: all ease 0.3s;
              -moz-transition: all ease 0.3s;
              -o-transition: all ease 0.3s;
              -ms-transition: all ease 0.3s;
               transition: all ease 0.3s;
}
.icon:hover {
               background-position: 0px -32px;
               box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
.fb-hover {
                background-image:url(image.png);
}
.twitter-hover {
                background-image:url(image.png);
}
.linkedin-hover {
                background-image:url(image.png);
}
.googlep-hover {
                background-image:url(image.png);
}
HTML

                <div class="fb-hover icon"></div>
                <div class="twitter-hover icon"></div>
        <div class="linkedin-hover icon"></div>
        <div class="googlep-hover icon"></div>

Demo

Friday, June 28, 2013

200 பயனுள்ள இணையதள முகவரிகள்



சான்றிதழ்கள்

1) பட்டா / சிட்டா அடங்கல்
http://taluk.tn.nic.in/edistrict_certificate/land/chitta_ta.html?lan=ta

2) அ-பதிவேடு விவரங்களை பார்வையிட
http://taluk.tn.nic.in/eservicesnew/land/areg_ta.html?lan=ta

3) வில்லங்க சான்றிதழ்
http://www.tnreginet.net/igr/webAppln/EC.asp?tams=0

4) பிறப்பு மற்றும் இறப்பு சான்றிதழ்
http://www.tn.gov.in/appforms/birth.pdf

http://www.tn.gov.in/appforms/death.pdf

5) சாதி சான்றிதழ் / வாரிசு சான்றிதழ்
http://www.tn.gov.in/appforms/cert-community.pdf

6) இருப்பிட மற்றும் வருமான சான்றிதழ்
http://www.tn.gov.in/appforms/cert-income.pdf

கைப்பேசியை இனி ஹேம் கொன்ரோலராக பயன்படுத்தலாம்


w3தமிழ் எழுதி