Ű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

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

2 HOZZÁSZÓLÁS

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

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét