Recently, during development i encountered in interesting issue related to internet explorer.
There is one property in IE known as cleartype, which results in different display of font.
you can see in below snap :
The Browse button at left side has shadow effect in font or we can say Cleart type is enable for that control.
the control at right side is normal Button control of HTML. you can see difference very clearly.
Remove ClearType property from IE:
To remove clearType property, we just need below trick in CSS.
By using property filter:none we can remove the cleart type behavior of IE.
As most of us know that we cannot style the file upload control to much level, still we can give it a stunning effect with the help of CSS.
There is nothing in code to explain.
I took three upload control and one button to give effect.
Lets say upload control is in ASP.net or in HTML.
<asp:FileUpload ID="FileUpload1" CssClass="Cntrl1" runat="server" />
html file upload
<input id="readFile" type="file" runat="server" class="Cntrl1" />
Then create a simple CSS class of name “Cntrl1”.
<style id="cssStyle" type="text/css" media="all">
border: 1px solid #AB00CC;
font: Verdana 10px;
padding: 1px 4px;
font-family: Palatino Linotype, Arial, Helvetica, sans-serif;
Out put in different browsers will look like :
Write below HTML code :
This will create two text boxes.
<input name="Name" type="text"></input>
<input name="Email" type="text"></input>
Using jQuery, we can watch for an event where an input form comes into focus:
Add link to JQuery file in script tag as shown in below line:
Now, add below CSS in document.
We are using the advantage of jquery of adding and removing the CSS class. we cannot left blank to CSS class, as it may remove the existing other class from the tag.
This line causes the execution of jquery after complete loading of page.
Follow below steps to change the login image and tooltip of the wordpress.
for this hack, you will require following Two files :
in wp-login.php page search for the “powered by” and replace that tooltip as per your convenience / requirement.
Now open login.css and search for the logo image. normally its in tag h1 a.
So you can change image like :
where “ShivaLogo.png” is your new image name.