Űrlapok háttere


Háttérként egyéni képek használata egyszerű módja annak, hogy érdekesebbé tedd az űrlapjaidat. css-vel ezt pár soros egyszerű kóddal megtehetjük.

1
2
<!-- Szövegmezőnél is ugyanígy működik -->
<INPUT type="text" name="blah" style="background-image:url('tekeped.gif');" />

Ha nem akarod ezt a sor kódot minden űrlapelemhez beilleszteni, akkor használhatsz egy külső stíluslapot, vagy definiálhatsz egyet a fejrészben (head). Mindegyiknél használhatod ezt a kódot:

1
2
3
4
5
6
input{
   background-image:url('tekeped.gif');
   }
textarea{
   background-image:url('tekeped.gif');
   }

Írta: Balo

Kapcsolódó bejegyzések:
  • Az “iframe”-eket a lapodon teljesen eltüntetheted ha a kód végére beilleszted a transparency=”true” értéket, valahogy így: kódAztán a “page.html” (v …

  • Color: az adott elem színét adhatjuk meg vele. Pl.H1 { color: blue } H2 { color: #0000ff } H3 { color: #0c0 }Background Color: az adott elem háttérsz …

  • Nem számít egy nagyon új dolognak a CSS segítségével megvalósított gomb, viszont a dinamikus szélességgel bíró gomb igenis új távlatokat nyit a weblapkészítésben …

  • Van egy régebbi tutorial (“Tartalom váltása a lap újratöltése nélkül II. – HTMLHttpRequest”), amit szerettem volna használni egy adminisztrációs felületen. Remek …

  • Felmerült egy kérdésként, hogy lehetne egy login oldal tartalmánál (belépési név és jelszót kell megadni) jelezni a felhasználók számára azt, hogy melyik mező mi …

A cikket beküldte: Harder (http://blog.harder.hu)

2 hozzászólás

  1. kreate says:

    Tök sokat kerestem ilyeneket, mert nem voltam benne biztos, hogy így kell, a neten kevés a normális tutorial.. megnézem itt, és rögtön megvan ami kell. <3 tutorial.hu

  2. Bence says:

    Na, ezt kerestem! :)

Szólj hozzá
a Űrlapok háttere c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>