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...

sandip1110 Reviewed by sandip1110 on 7th Apr 2012. Password image wrap around text ??/ Hi, guys i want css coding to do wrap passwod image around my password text.. like. http://i2.lulzimg.com/3f3716b969.png in above one bDr is password which can user copy... Rating: 5

[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]

how would a forum post have an inputbox

[Apathetic]

^I thought it was for a blog [trollolol]