Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > textboxen
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > textboxen

Pages: [1]

geschrieben von okley am 07.09.2001 - 22:45
so, ich weiss nicht wie man textboxen macht, die so ausehen wie z.b. die bei javarea, auf der startseite für den login.
kann mir jemand sagen wie das gehen soll ?

geschrieben von Gast am 08.09.2001 - 10:37
Das ist über CSS gelöst, das heist, die ränder bekommen zugewiesene farben. ein kleines beispiel:

HTML-Quelltext
1: 
INPUT {border-width: 1px; border-bottom-color: #000000; border-right-color: #000000; border-top-color: #000000; border-left-color: #000000; font-size; 11px; Font-color: #000000; background-color: #B0C4DE; font-family:verdana;}


oder

HTML-Quelltext
1: 
TEXTAREA {border-width: 1px; border-bottom-color: #000000; border-right-color: #000000; border-top-color: #000000; border-left-color: #000000; font-size; 11px; Font-color: #000000; background-color: #B0C4DE; font-family:verdana;}


Viel Spass...

geschrieben von Gast am 08.09.2001 - 10:53
hi okley,

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
<head>

<style type="text/css">
<!--
input, textarea { background-color: #B0C4DE; color: #000; border: 1 solid #000; }
//-->
</style>

</head>


Mit Fontangaben in Bezug auf Größe und Schriftart wäre ich vorsichtig der NN macht ein riesen Formular daraus.

geschrieben von Gast am 20.09.2001 - 21:47
so ich habe da noch ne frage:
wie kann ich machen das wenn man auf das textfeld klickt die farbe geändert wird, also di bg.
wenn das feld nicht aktiviert ist ist es also z.b blau, sobald es angeklickt wird ist es z.b. gelb.


geschrieben von Gast am 20.09.2001 - 22:18
das geht so:

<script language="JavaScript">
<!--
function bg(color){
if (event.srcElement.tagName=="INPUT")
event.srcElement.style.backgroundColor=color
}
// -->
</script>

<form onclick="bg('green');">
<input type="text" style="background-color:blue" name="test" size=7 maxlength=20>
</form>

geschrieben von Gast am 21.09.2001 - 18:08
Hoi,

jo geht, habs tested ;)

Damit es auch geht wenn man <TAB> drückt sollte man das "onClick" durch "onFocus" ersetzen.

Olli

geschrieben von Gast am 21.09.2001 - 19:13
salut mitanand
ich meinte eigentlich, wie man das auch in den code von weiter oben ( )einbauen kann. und nicht extra ein neues script öffnen muss.
das geht doch sicher auch.

geschrieben von Gast am 21.09.2001 - 19:15
nein..... und ausserdem ist das oben kein Script, sondern CSS (styleSheet) ......

geschrieben von okley am 21.04.2002 - 21:24
Hallo,

nach einem jahr brauch ich das zeug wieder, kanns nicht auswendig, nur brauch ich jetzt noch mehr.

ich hab per stylesheet die farben für alle inputfelder und somit auch buttons angegeben.
<style type="text/css">
<!--
input, textarea { background-color: #FFDF00; color: #000000; border: 1 solid #FFF; font-family:courier; font-size:20px;}
//-->
</style>

wie geht es jetzt, dass ich für den button eine andere eigenschaft machen kann als für die übrigen felder ?


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.