Now You can create the Facebook like button in any language you want
For Using the iframe version of the button you have to insert the code snippet “& amp;locale=en_US” (for English) somewhere after the facebook like button link, so the code would look like this:
<iframe
src='"http://www.facebook.com/plugins/like.php?
href" + data:post.url + &locale=en_US&send=false
&layout=button_count&width=100&show_faces=true
&action=like&colorscheme=light&font&height=21"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:100px; height:21px;" allowTransparency="true"></iframe>
For example Facebook like in Tamil (Language code – “ta_IN” ), So you have to include this
&locale=ta_IN
Facebook like button language code
Text indent not working in IE
Text indent property which allows you the give space in the starting of the line or paragraph.
When we try to hide the text we can use in the button we can us text-indent=-9999px; but this is not interpreting in IE., For example consider the following code.
<html>
<head>
<title>Test Indent Example</title>
<style>
input.download {
width:123px;
height:60px;
border: none;
text-indent: -9999px;
background-image: url(images/download.png);
}
</style>
</head>
<body>
<input type="submit" class="download" value="Download">
</body>
</html>
but it show the button like this
To fix this issue we have to insert few lines in the css code., So the final ” input.download ” class as follows
input.download {
width:123px;
height:60px;
border: none;
text-indent: -9999px;
background-image: url(images/download.png);
display:block;
font-size:0;
line-height:0;
}
Do finally we got the correct result in all browsers
display:block Negative text-indent works in IE7 only if this is added.
font-size:0 is used to reduce the font size and works well in IE7.
line-height: 0 to fix for IE6.
IE9 cufon script doesn’t render, not even the actual text. Ok try any one of the following method
Method 1
Download this new cofon-yui script and use.
Method 2
<meta content=”IE=8″ http-equiv=”X-UA-Compatible” />
Method 3
<!–[if gte IE 9]> <script type=”text/javascript”> Cufon.set(‘engine’, ‘canvas’); </script> <![endif]–>
This css text shadow property used to create the special effect without using Photoshop tool. Most of the recent web browsers (except IE 8 and lower) will support this css style.
Example for css shadow effect
<html>
<style>
.textshadow
{
text-shadow: 0px 0px 8px #000;
color:#ffffff;
font-size:20px;
}
</style>
<body>
<div class="textshadow"> This Text used text shadow Effect</div>
</body>
</html>
This Text used text shadow Effect
The clear property used to control the behavior of the floated elements., Normally which is used to turn off the floating sides of the element.
This clear property has the values left, right, both or none.
clear:both property with Examples
<div class="content">
<div class="left_box">Float left styled Element</div>
<div class="right_box">Float Right styled Element</div>
</div>
<div class="footer">Footer Element</div>
