A good example of introducing trendy large input text fields?

Question

A good example of implementing “trendy” large text input fields like those found on google and tumblr ?

In tumblr, how do they use a control command to get input to go back, where the cursor is in the field - in the final input field for the URL.

Answer 1

You can use CSS:

input.FancyText {
    background: url(something) no-repeat;
    border: none;
    text-align: right;
}

You can see CSS Tumblr using Firebug .

Answer 2

Yes, just follow these steps:

input { padding: 10px; font-size: 26px; }

and this will make the input elements “thicker”.

Answer 3

input.fat
{
    text-align: right;
    font-size: 28px;
}

Answer 4

SLaks, CSS . , firebug, , CSS tumblr :

background-color:#F9F8E4; /* when in focus */
background:url("/images/input_bg.png") repeat-x scroll left top #F7FCFF;
border:1px solid #97B5D2;
color:#25313C;
font-family:Georgia,Times,"Times New Roman",serif;
font-size:28px; /* This probably makes it "fat" as you want */
width:480px;
font:13px 'Lucida Grande',Helvetica,Arial,sans-serif;
margin:0;
outline:0 none;
padding:7px;

( ). , .

font-size, "", text-align: right, " ", URL.