|
|
|
Poslao: 29 Apr 2014 22:09
|
offline
- stogor
- Građanin
- Pridružio: 06 Sep 2008
- Poruke: 150
- Gde živiš: Obrenovac
|
Ma puno njih to može da uradi, ali ima tu posla i treba vremena. Evo ti nešto na brzinu, a pa doteruj po svojoj volji i pitaj ako šta nije jasno.
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {background:#004491; font:16px Arial;}
#forma {width:500px; margin:50px auto;}
.placeholder span {cursor:text;color:#c3c3c3;padding:8px;}
.placeholdertextarea span {cursor:text;color:#c3c3c3;padding:8px; position:absolute;}
.staticPlaceholder {
border: 2px solid #00d8ff;
display: inline-block;
white-space: nowrap;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow:0px 0px 5px 2px #84a5ca;
-webkit-box-shadow:0px 0px 5px 2px #84a5ca;
box-shadow:0px 0px 5px 2px #84a5ca;
font:16px Arial;
margin-right:15px;
}
.staticPlaceholder input {
border: 0;
outline: 0;
width: 120px;
background:none;
color:#fff;
font:16px Arial;
}
.staticPlaceholder textarea {
border: 0;
outline: 0;
width: 400px;
background:none;
color:#fff;
font:16px Arial;
padding-left:80px;
height:auto;
}
input.button {
margin-top:20px;
border: 0;
padding: 25px 30px;
cursor: pointer;
color: #fff;
font:16px Arial bold;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background:none;
border: 2px solid #00d8ff;
-moz-box-shadow:0px 0px 5px 2px #84a5ca;
-webkit-box-shadow:0px 0px 5px 2px #84a5ca;
box-shadow:0px 0px 5px 2px #84a5ca;
}
</style>
</head>
<body>
<div id="forma">
<form>
<div class="staticPlaceholder">
<label for="lozinka" class="placeholder"><span>Lozinka:</span></label>
<input type="password" name="lozinka" id="lozinka" maxlength="15" />
</div>
<p> </p>
<div class="staticPlaceholder">
<label for="od" class="placeholder"><span>Od:</span></label>
<input type="text" name="od" id="od" />
</div>
<div class="staticPlaceholder">
<label for="za" class="placeholder"><span>Za:</span></label>
<input type="text" name="za" id="za" />
</div>
<p> </p>
<div class="staticPlaceholder">
<label for="tekst" class="placeholdertextarea"><span>Poruka:</span></label>
<textarea name="tekst" id="tekst" rows="10"></textarea>
</div>
<div>
<label for="posalji"></label>
<input type="submit" name="posalji" id="posalji" value="POSALJI" class="button" />
</div>
</form>
</div>
</body>
</html>
Pozzz...
|
|
|
|
|
|
|
|
|
|
