Password image wrap around text ??/

[sandip1110]

Hi, guys

i want css coding to do wrap passwod image around my password text..

like.

in above one bDr is password which can user copy...

thanks in advance...

 

[Villa]

You will get it done by gfx here ! u need to wait !

 

[sandip1110]

K thanks villa .....

 

[CJ]

2 divs, one with image background of that password image & inside it another one of rectangular shape with white backround.
You can write out ur password in second div implementing white background

 

[sandip1110]

can you give me example code..

i have taken image from other forum...

and it has used table element..

so confused.

thanks.

 

[CJ]

HTML

<div class="class1">
<center>
<div class="class2">
HI
</center>
</div>

CSS

.class1{background-image:url('http://i.imgur.com/qq516.jpg');background-repeat:no-repeat;background-color:#CDF4A3;width:300;height:20;border:solid;border-color:#CDF4A3;border-radius:1em;padding:30 20 30 20;}
.class2{background-color:#FFFFFF;width:80%;height:20;}

Output:

 

[sandip1110]

Thanks bro..

really awesome works..

Just gonna make it look better using some GFX here..

but Humour really thanks.. this help me a lot..

 

[Apathetic]

you can also make use of an input so users can easily copy it:

http://jsfiddle.net/cBUKq/

http://jsfiddle.net/cBUKq/1/

 

[CJ]

^o) how would a forum post have an inputbox

 

[Apathetic]

^I thought it was for a blog [trollolol]

 

[sandip1110]

Thanks Humour and to Apathetic

it is for a blogger..

and its work fine..

---------- Post added at 09:50 AM ---------- Previous post was at 09:48 AM ----------

Is it possible that when user just click on input box.. link will be copied automatically and show message like copied to clipboard??

 

[CJ]

well copy to clipboard in most of the browsers was disabled for security reasons a long time ago.

check at ur side & it wont work for most of the browsers (unless u want to use some thirdparty scripts like zeroclipboard)

<input type="textbox" value="xxx" id="pass" onfocus='var n=document.getElementById("pass").value;window.clipboardData.setData("Text", n);alert("copied password to clipboard");' />

this would work for IE though.