Webdesign / Tipps / Transparentes Textfeld[IE|M|O]

von: Werner Zenk

Transparentes Textfelder, Buttons, Eingabefelder und Fenster.

 

Transparente Textfelder



Quelltext:
<table align=center cellpadding=12 cellspacing=0 style="background-image: url(bild.gif)">
 <tr>
  <td> 
   <textarea rows=7 cols=30 style="background: transparent; font-family: Verdana"></textarea>
  </td>
 </tr>
</table>

 

Transparente Buttons und Eingabefelder

Auf diese Art lassen sich auch transparente Buttons und Eingabefelder erstellen.



E-Mail:


Quelltext:
<table align=center cellpadding=10 cellspacing=4 
 style="background-image: url(brief.gif);
 background-repeat: no-repeat; background-position: center right">
 <tr>
  <td><b>E-Mail:</b>
 <input type="text" style="background: transparent;"></td>
 </tr>
</table>
 brief.gif
brief.gif
62 x 45 Pixel
831 Byte

 

Transparentes Fenster


 



Quelltext:
<table style="background-image: url(papier2.jpg);">
 <tr>
  <td>
   <br>
   <iframe src="testseite.htm" allowtransparency="true" width=450 height=200></iframe>
   <br>
  </td>
 </tr>
</table>

// testseite.htm
<body style="background: transparent">


Siehe auch: Transparente CSS-Filter für Bilder und Text
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Kommentare: 9 » aufmachen   
sissi wittgenstein:
saustark das script! easy to use! merci.... )

sissi wittgenstein:
saustark das script! easy to use!merci.... )

Sven aus Berlin:
Super Sachen die du hier machst und kostenlos anbietest! Danke, Sven

Trinity:
Klasse Sachen! Vielen Dank für die tolle Tipps...du hast mir weiter geholfen! LG Trinity

lulu:
sau coool das teil habe ich ewig gesucht !

Rocco:
Endlich gefunden, daß ich was gebrauchen für unser Homepage. Vielen Dank.

Rocco:
Es klappt ja prima, bloß ich möchte daß bei Transparente Textfeld ohne Rahmen einfügen. Ob es möglich ist? Hoffe, daß Sie mir helfen könnt.Danke im Vorraus.

Werner:
Fuge im IFrame folgendes hinzu: frameborder="0"

paul:
suuuuper seite !

steffen:
hab hier mal so durchgestöbert und bin hellauf begeistert .. soviel mühe und arbeit .. danke Danke DANKE .. kann man nicht oft genug sagen .. weiter so :TOP::TOP::TOP:
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
Die Kriterien für Benutzerfreundlicheit  Farbübergang mit Tabelle und Bild  Bildformate Ladezeiten  IE - Zeilenumbruch nach Form-Tag verhindern  Überschrift mit Rahmen  Inhalt mit Legende  Tabellenbild 6  Barrierefreie Homepageseiten   Farblehre  Design in der Titelzeile  Bilder und Tabellen mit Schatten - Eine optische Aufwertung erhalten Bilder, Text oder Eingabefelder, indem man einen Schatten hinzufügt.  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner