MyCity » Web dizajn / HTML » Html stranica

Html stranica

Napisano na dan: 28.4.2014

Html stranica
Sledeća strana Pagination

Idi na vrh

Poslao: 29 Apr 2014 18:40
Idi na vrh
offline
  • Dusan
  • Pridružio: 20 Okt 2013
  • Poruke: 180

Napisano: 28 Apr 2014 15:26

Moze li neko ko se razume u html/css da mi uradi ovo? Smile

Znaci klasican box za unos texta, samo malo da se dizajnira.
Ovo "Lozinka, Od, Za, Poruka" sto je nekim sivim slovima da bude fiksirano tu, tj da ne moze da se izmeni a ovo belim slovima ovako da bude uneto i da moze normalno da se izmeni.

I na kraju dugme za slanje, moze da bude preko slike.




Nadam se da neko moze da mi uradi, i ako moze da kod bude pregledan da bi mogao da izmenim nesto po potrebi Ziveli smešak

Dopuna: 29 Apr 2014 18:40

Da li neko moze da uradi? Smile



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 29 Apr 2014 22:09
Idi na vrh
offline
  • 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.

  1. <!DOCTYPE html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <style type="text/css">
  5. body {background:#004491; font:16px Arial;}
  6. #forma {width:500px; margin:50px auto;}
  7. .placeholder span {cursor:text;color:#c3c3c3;padding:8px;}
  8. .placeholdertextarea span {cursor:text;color:#c3c3c3;padding:8px; position:absolute;}
  9.  
  10. .staticPlaceholder {
  11. border: 2px solid #00d8ff;
  12. display: inline-block;
  13. white-space: nowrap;
  14. -webkit-border-radius: 8px;
  15. -moz-border-radius: 8px;
  16. border-radius: 8px;
  17. -moz-box-shadow:0px 0px 5px 2px #84a5ca;
  18. -webkit-box-shadow:0px 0px 5px 2px #84a5ca;
  19. box-shadow:0px 0px 5px 2px #84a5ca;
  20. font:16px Arial;
  21. margin-right:15px;
  22. }
  23.  
  24. .staticPlaceholder input {
  25. border: 0;
  26. outline: 0;
  27. width: 120px;
  28. background:none;
  29. color:#fff;
  30. font:16px Arial;
  31. }
  32. .staticPlaceholder textarea {
  33. border: 0;
  34. outline: 0;
  35. width: 400px;
  36. background:none;
  37. color:#fff;
  38. font:16px Arial;
  39. padding-left:80px;
  40. height:auto;
  41. }
  42. input.button {
  43. margin-top:20px;
  44. border: 0;
  45. padding: 25px 30px;
  46. cursor: pointer;
  47. color: #fff;
  48. font:16px Arial bold;
  49. -webkit-border-radius: 8px;
  50. -moz-border-radius: 8px;
  51. border-radius: 8px;
  52. background:none;
  53. border: 2px solid #00d8ff;
  54. -moz-box-shadow:0px 0px 5px 2px #84a5ca;
  55. -webkit-box-shadow:0px 0px 5px 2px #84a5ca;
  56. box-shadow:0px 0px 5px 2px #84a5ca;
  57. }
  58. </style>
  59. </head>
  60.  
  61. <body>
  62. <div id="forma">
  63. <form>
  64. <div class="staticPlaceholder">
  65. <label for="lozinka" class="placeholder"><span>Lozinka:</span></label>
  66. <input type="password" name="lozinka" id="lozinka" maxlength="15" />
  67. </div>
  68. <p> </p>
  69. <div class="staticPlaceholder">
  70. <label for="od" class="placeholder"><span>Od:</span></label>
  71. <input type="text" name="od" id="od" />
  72. </div>
  73.  
  74. <div class="staticPlaceholder">
  75. <label for="za" class="placeholder"><span>Za:</span></label>
  76. <input type="text" name="za" id="za" />
  77. </div>
  78. <p> </p>
  79. <div class="staticPlaceholder">
  80. <label for="tekst" class="placeholdertextarea"><span>Poruka:</span></label>
  81. <textarea name="tekst" id="tekst" rows="10"></textarea>
  82. </div>
  83.  
  84. <div>
  85. <label for="posalji"></label>
  86. <input type="submit" name="posalji" id="posalji" value="POSALJI" class="button" />
  87. </div>
  88.  
  89. </form>
  90.  
  91. </div>
  92. </body>
  93. </html>

Pozzz...



Poslao: 01 Maj 2014 11:29
Idi na vrh
offline
  • Dusan
  • Pridružio: 20 Okt 2013
  • Poruke: 180

Napisano: 29 Apr 2014 22:53

Odlicno je, to mi je trebalo, hvala puno Ziveli

Dopuna: 01 Maj 2014 11:29

Imam jedno pitanje, hocu da se klikom na textbox stvori okvir oko njega, koji naziv trebam css-u da dam da bi mogao to da podesim?

Probao sam sa .staticPlaceholder hover ali tako ne pomaze...Smile

Poslao: 01 Maj 2014 11:53
Idi na vrh
offline
  • Pridružio: 13 Sep 2012
  • Poruke: 2138

  1. .staticPlaceholder:focus { }

MyCity » Web dizajn / HTML » Html stranica

Ko je trenutno na forumu
 

Ukupno su 897 korisnika na forumu :: 6 registrovanih, 0 sakrivenih i 891 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: alberto, Bobrock1, Kubovac, Shilok, Stefan M, vladaa012