Pflichtfelder farbig hinterlegen.

[rockford]

Hi Leute,

ist es irgendwie möglich, die Pflichtfelder der Registrierung farbig zu hinterlegen?

Style: Esbardu

Gruß

Rockford

[Markus67]

Hi ...

was genau willst du farblich hinterlegen?
- den Hintergrund der Eingabebox
- das Feld in welchem die Eingabebox drin ist ?
- Den ganzen Text ?

Markus

[rockford]

Hi...


Also siehe hier:

[ externes Bild ]

So dass die Zellen der Pflichtfelder eben farbig werden. Der schwarze Rahmen ist eher wunschdenken...


Gruß

Rockford

[Elvis]

bei Aktivierter CSS Datei suchete danach

Code: Alles auswählen

td.row3	{ background-color: #D1D7DC; }

darunter fügste das ein

Code: Alles auswählen

td.row4 { background-color: #006600; border: 1px #FF0000 solid;}

in der templates/subSilver/proile_add_body.tpl suchste nach sowas

Code: Alles auswählen

<td class="row1"><span class="gen">{L_EMAIL_ADDRESS}: *</span></td>
		<td class="row2"><input type="text" class="post" style="width:200px" name="email" size="25" maxlength="255" value="{EMAIL}" /></td>

das row1 und row2 erstetzte mit row4. Der Code für die profile_add_body.tpl könnte anderes aussehen wenn nicht subSilver verwendet wird.

[rockford]

Hi,


meine css ist scheinbar etwas anders, und ein wenig auf spanisch

Code: Alles auswählen

BODY { margin-left: 0%; margin-right: 0%; margin-top: 0%; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000; BACKGROUND-COLOR:#80b700; }
A:link { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
A:visited { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
A:active { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #238c13; text-decoration: none; background-color: transparent; font-weight:bold;}
A:hover { font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #FFFFFF; text-decoration: none; COLOR: #ff3333; font-weight:bold;}
FONT {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-FAMILY: verdana, arial, sans-serif}
COPYRIGHT {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-FAMILY: verdana, arial, sans-serif}
a.COPYRIGHT:link {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-FAMILY: verdana, arial, sans-serif}
a.COPYRIGHT:visited {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-FAMILY: verdana, arial, sans-serif}
a.COPYRIGHT:hover {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-FAMILY: verdana, arial, sans-serif} 
.titular {COLOR: #000000; background-color:#238c13;}
.negro {background-color:#000000; color: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif; font-weight:bold;}
.conteniu {background-color:#80b700; color: #000000; FONT-SIZE: 13px; FONT-FAMILY: verdana, arial, sans-serif}
.copy {COLOR: #FFFFFF; FONT-SIZE: 9px; FONT-FAMILY: verdana, arial, sans-serif; background-color:#000000;}
.tablanca {background-color:#FFFFFF; color: #000000;}
.bordpunt {border-left: #238c13 2px dotted;}
.bordpunt2 {border-bottom: #238c13 2px dotted;}

input, select {
        background-color: #ffffff;
   color : #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   border: 1px solid #000000;
}

textarea {
        background-color: #ffffff;
   color : #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   border: 1px solid #000000;
   background-image: url(images/eingabefeldhintergrund.gif);
} 

.check {background-color: transparent;
        border-style: none;
}

a.imagen:link {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
a.imagen:visited {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
a.imagen:active {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
a.imagen:hover {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}

.gris1 {border-bottom: white 1px solid; border-right: white 1px solid; background-color:#F6F4F4; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}
.gris2 {border-bottom: white 1px solid; background-color:#F6F4F4; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}

.categoria {background-color:#E5E5E5; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}

.helpline { background-color: #F6F4F4; border-style: none; }

.quote {
   font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
   background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.code {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; line-height: 125%; font-weight:bold;
   background-color: #930000; border: #930000; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.infobox2 {
   BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fbfbe5; PADDING-BOTTOM: 5px; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid
}
A.navigation:link {
   BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #238C13; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}
A.navigation:visited {
   BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #238C13; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}
A.navigation:active {
   BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #238C13; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}
A.navigation:hover {
   BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}
A.linkzusatznavi:hover {
   BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}

Hat jemand ne Ahnung, wie die dass hier genannt haben?

[Markus67]

Hi ...

bei dir heisst das

Code: Alles auswählen

.gris1 {border-bottom: white 1px solid; border-right: white 1px solid; background-color:#F6F4F4; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;} 
.gris2 {border-bottom: white 1px solid; background-color:#F6F4F4; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;} 

ansonsten kannst du analog zu dem vorgehen was Elvis geschrieben hat

Markus