[Webspell] Login anpassen

[ruyrun]

Hi,

Ich sitze schon seit 2 Tagen an dem Login anpassen.
Ich wollte von einem Design den login anpassen.

Link: webSPELL v4.0

Ich habe schon so viele Tut´s angeschaut und gelesen, aber ich schaff es einfach nicht.


Ich wollte hier mal fragen, wenn mir einer helfen kann.

PS:
Die Daten

login.html

<form action="checklogin" method="post" name="login">

<table width="534" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Bilder/index_02.jpg" width="534" height="7"></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="18"><img src="Bilder/index_06.gif" width="77" height="18"></td>
        <td background="Bilder/index_07.gif" width="124" height="18">
        <input name="ws_user" type="text" class="form_username" size="12" height="2"></td>
        <td height="18"><img src="Bilder/index_08.gif" width="5" height="18"></td>
        <td height="18"><img src="Bilder/index_09.gif" width="57" height="18"></td>
        <td background="Bilder/index_10.gif" width="90" height="18">
        <input name="pwd" type="password" class="form_password" size="12" height="2"></td>
        <td height="18"><img src="Bilder/index_11.gif" width="3" height="18"></td>
        <td background="Bilder/index_12.gif" width="14" height="18">
        <input class="login" type="image" src="Bilder/index_12.gif" style="border:0px" name="login"></td>
        <td height="18"><img src="Bilder/index_13.gif" width="4" height="18"></td>
        <td height="18"><img src="Bilder/index_14.gif" width="54" height="18"></td>
        <td height="18"><img src="Bilder/index_15.gif" width="5" height="18"></td>
        <td height="18"><img src="Bilder/index_16.gif" width="86" height="18"></td>
        <td height="18"><img src="Bilder/index_17.gif" width="15" height="18"></td>
      </tr>
    </table></td>
  </tr>
</table>
</td>
  </tr>
</table>


</form>

_stylesheet.css

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

    scrollbar-base-color:#cccccc;
    scrollbar-3dlight-color:#333333;
    scrollbar-arrow-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-face-color:#cccccc;
    scrollbar-highlight-color#cccccc;
    scrollbar-shadow-color:#cccccc;
    scrollbar-track-color:#cccccc; 
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
}

.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #000000;
}

.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background-image: url(images/title_bg.gif);
    background-repeat: repeat;
    background-position: left top;
}

.category_big {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #000000; 
    font-weight: bold; 
}

.category {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #000000; 
    font-weight: normal; 
}

.marked {
    background-color: #000000;
    font-weight: bold;
}

a, a:visited, a:active {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

a.titlelink:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

a.category, a.category:visited, a.category:active {
    color: #333333;
    text-decoration: none;
}

a.category:hover {
    color: #000000;
    text-decoration: underline;
}

option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 1px solid #333333;
}

.footer {color: #FFFFFF
      size: 10px
            }
            
.form_off {  
    color: #666666; 
    background-color: #DCDCDC; 
    border: 1px solid #666666;
}

.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #000000;
}

[B].form_username {
    background-color: transparent;
    border: 0px;
    background-repeat: transparent;
    background-position: left top;
}

.form_password {
    background-color: transparent;
    border: 0px;
    background-repeat: transparent;
    background-position: left top;
}[/B] 

.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}

Vielen dank jetz schon mal!