Suche im Forum:
Suchen


Autor Nachricht
Beitrag20.07.2008 um 09:01 (UTC)    
Titel: CSS : Farben von Eingabe-Feldern ändern !

Hallo!

Vielleicht habt ihr euch auch schonmal überlegt textfelder mit euren eigenen Farben und Bildern zu versehen?!
Hier mal ein kleines tut (hoffentich wird es von einem mod verschoben) wie man ganz normalen textfeldern wie z.b. bei login, Farbe verleiht oder Bilder einfügt:

Beachte: Der ganze Code wird bei:
Arrow Design einstellen
Arrow Erweiterte Einstellungen
Arrow Text über dem Design
eingefügt!

Aber nun komme ich zum Code:
eigendlich ganz einfach!

Code:
<style>
input, textarea{
 font-family:Arial;
 font-size:11px;
 border:1px solid #505050;
 color:#505050;
 padding:3px 3px 3px 3px;
 background-image:url(Bild.jpg);
 background-position:bottom;
 background-repeat:repeat-x;
 background-color:#FFFFFF;
}
</style>


Arrow font-family: Schriftart ändern!
Arrow font-size: Größe der Schrift ändern!
Arrow Border: Den Rahmen des textfeldes bestimmen!
Arrow Color: Die Farbe der Schrift im Textfeld bestimmen!
Arrow Padding: könnt ihr so lassen!
Arrow Background-image: Bild link einfügen!
Arrow Background-position: könnt ihr so lassen!
Arrow Background-repeat: könnt ihr auch so lassen!
Arrow Background-color: könnt ihr, wenn ihr kein bild habt, eine farbe eintragen!

Wichtig: Wenn ihr ein Bild als textfeld nehmen möchtet, müsst ihr aufpassen, denn dieser Code bestimmt natürlich alle textfelder und meistens sind alle Textfelder verschieden, d.h. wenn ihr z.b. ein bild 30x100 pix. habt dann kann es sein das dieses Bild für manche textfelder zu klein ist , und dann wird das bild mehrfach angezeigt!
Also: immer ein größeres Bild wählen! oder einfach nur eine Farbe!

Mfg SmaX
______________


Zuletzt bearbeitet von bysmax am 16.07.2009, 12:57, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de