Seite 1 von 1

Custom Profilfelder

Verfasst: 26.12.2008 00:30
von jerikool
Die Standardbreite der voreingestellten Profilfelder (Location, Interests, Occupation, etc.) beträgt 335 Pixel. Wenn ich nun ein eigenes Profilfeld erstellen will kann ich die Breite nicht in Pixeln sonder nur in Spalten (columns) auswählen. Ich will einfach das alle Profilfelder, egal ob voreingestellt oder selbstgemacht, die gleiche Breite haben.

Erschwerend hinzu kommt das die Spalten (columns) für "single text field" und "textarea" eine unterschiedliche Maßeinheit haben.

Beispiel:

10 columns für textarea = 78pixels
10 width für single text field = 93pixels

Weiß jemand wie ich alle Profilfelder in der gleichen Breite haben kann?

Danke

Verfasst: 26.12.2008 11:02
von Miriam
Ich nehme an, dass Du prosilver oder ein auf prosilver basierendes Template benutzt. Weiterhin vermute ich, dass Dein Style im Dateisystem gespeichert ist.

Finde in styles/prosilver/themes/forms.css

Code: Alles auswählen

textarea.inputbox {
	width: 85%;
}

.autowidth {
	width: auto !important;
}
tausche aus gegen:

Code: Alles auswählen

textarea.inputbox .autowidth {
	width: 85%;
}
Template- und Style-Cache aktualisieren, sowie Cache löschen.
Alles im ACP.

Verfasst: 26.12.2008 14:24
von jerikool
Hab' das gemacht und es sah im UCP wunderbar aus.

http://i107.photobucket.com/albums/m287 ... 261418.gif (Die selbsterstellten Felder hatten die gleiche Breite)


Leider sind nun die Felder im Registrierungsbereich übertrieben breit.

http://i107.photobucket.com/albums/m287 ... 261343.gif

Im ACP waren die Felder so wie vor deiner Lösung (verschiedene Breite von voreingestellten und erstellten Profilfeldern).

http://i107.photobucket.com/albums/m287 ... 261345.gif

Verfasst: 26.12.2008 17:39
von Miriam
Dann schlage ich Dir vor, einfach mal mit den Werten in der form.css zu experimentieren.
Und zwar hier:

Code: Alles auswählen

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox {
	width: 85%;
}

.autowidth {
	width: auto !important;
}