[GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

coolphil · 22. Januar 2011 15:11

Hallo,

arbeite erst seit kurzem mit cmsms 1.9.2
habe die feu und sr modul erfolgreich installiert und beide laufen auch perfekt..
jetzt möchte ich die beiden module jedoch im design ändern z.B anders positonieren oder scriftgröße oder schriftfarbe ändern wie mach ich das ??

DAnke schon mal im Vorraus

Beitrag geändert von coolphil (23. Januar 2011 18:06)

nockenfell · 22. Januar 2011 19:45

Kurz und bündig? Über die Stylesheets. Falls du hier keine Ahnung von hast, kann ich dir ein paar Beispiele posten wie du dies machen kannst.

coolphil · 22. Januar 2011 20:08

wo finde ich die stylesheets ich hab schon ewig rum probiert finde aber einfach keine lösung cry
wäre echt nett wenn du mir ein paar beispiele posten würdest

nockenfell · 22. Januar 2011 20:28

Du findest dies direkt in keinem Stylesheet da FEU meines Wissens nichts mitliefert.

Grundsätzlich. FEU ist immer im folgenden Div verpackt:

<div class="FrontEndUsers"> ... hier kommt das Formular ... </div>

Darüber steuerest du nun das Aussehen. Alle Einstellungen sind jeweils Child der Klasse ".FrontEndUsers". Des weiteren kannst du die Templates anpassen und entsprechend eigene Klassen einbauen.

Hier ein paar CSSschnippsel:

Hier klicken, um den Code zum Kopieren zu markieren

/* FrontEndUser Login */
    
    .FrontEndUsers{
        margin-top: 15px;
        border: 1px solid #696a6c;
        padding: 10px;    
        padding-bottom: 0;
    }
    
    .FrontEndUsers p {
        font-size: 0.8em;    
    }
    
    .FrontEndUsers input {
        background: #DADADA;
        border: 1px solid #696868; 
        padding:2px
    }
    
    .FrontEndUsers input[type=text],
    .FrontEndUsers input[type=password]  {
        width: 160px;
    }
    
    .FrontEndUsers input[type=text],
    .FrontEndUsers input[type=password], 
    .FrontEndUsers input[type=submit]  {
        font-size: 10px;
        margin-bottom: 5px;
    }

oder ein Stylesheet das ich für den FormBuilder benutze. Da FEU und Formbuilder beides Formulare sind, kann das eine oder andere adaptiert werden.

Hier klicken, um den Code zum Kopieren zu markieren

.kontaktform textarea {
    background: #DADADA;
    padding: 2px;
    width:450px;
    height: 10em
}

/* Apply this class to text/select input fields with shorter labels
    to help alignment */
.kontaktform .short-label label {
    float:left; width:10em
}
.kontaktform .short-label fieldset div input,
.kontaktform .short-label fieldset div select {
    width:16em
}

/* Pretty up your Captcha image output */
.kontaktform .captcha {
    margin:0.5em 0;
    width:200px;
    text-align:center
}
.kontaktform .captcha img {
    border:1px solid #696868; 
    margin-bottom:0.5em
}
.kontaktform .captcha input {
    width:196px; 
    margin-top:0.5em
}

/* Just a bit more room for the Submit button */
.kontaktform .submit {
    margin-top:0.5em;
    margin-left: 150px;
}

.kontaktform input {
    background: #DADADA;
    border: 1px solid #696868; 
    padding:2px
}
.kontaktform label {
    display: block;
    float: left;
    width: 150px;
}
.kontaktform label.label {
    display: inline;
    float: none;
    width: 50px;
    font-size: 10px;
}

/* Textfelder */


/* Checkboxen */
.kontaktform div.checkboxes  {
    background: #DADADA;
    float:none;
    display: block;
    margin-bottom: 10px;
}
.kontaktform div.checkboxes input {
    background: #DADADA;
    border: none;
    clear: left;
    float: left;
}
.kontaktform div.checkboxes label {
    margin-left: 5px;
    float: left;
    width: auto;
}
/* Ende Checkbox */

.kontaktform textarea {
    border: 1px solid #696868;
}
.formbuilderform .message {
    line-height: 16px;
    padding: 0 0 8px 0;
}

coolphil · 22. Januar 2011 21:31

Vielen Dank für deine Mühen..

Bei mir klappt es aber irgendwie noch immer nicht sad
kannst du mir bitte genau sagen wohin mit dem stylesheet und wohin mit dem div tag ??

nochmal danke im vorraus

nockenfell · 23. Januar 2011 23:11

Hast du eine URL?

Im Stylesheet kommt es nicht drauf an wo, sondern nur dass dieses Stylesheet auch auf der Seite eingebunden ist. Somit kannst du den Teil einfach in einem eingebundenen Stylesheet anhängen.

coolphil · 23. Januar 2011 14:45

hier gebe ich dir mal meine url artplace11

Vielleicht kannst du mir damit weiterhelfen ... bei mir klappt es nämlich immer noch nich

coolphil · 23. Januar 2011 18:06

Danke hat sich alles geklärt smile
Deine Hilfe war echt der Hammer

Andynium · 23. Januar 2011 19:50

nockenfell schrieb:

Du findest dies direkt in keinem Stylesheet da FEU meines Wissens nichts mitliefert.

Ist das eigentlich mal geändert worden, dass es standardmäßig sehr hässlich formatiert wurde (habs gegenwärtig nicht im Einsatz)?

nockenfell · 23. Januar 2011 22:08

cyberman schrieb:

Ist das eigentlich mal geändert worden, dass es standardmäßig sehr hässlich formatiert wurde (habs gegenwärtig nicht im Einsatz)?

Kann ich gar nicht sagen. Nutze seit längerem für alle Module welche ich nutze von Anfang an eigene Stylesheets.

Forum für CMS/made simple

#1 22. Januar 2011 15:11

[GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

#2 22. Januar 2011 19:45

Re: [GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

#3 22. Januar 2011 20:08

Re: [GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

#4 22. Januar 2011 20:28

Re: [GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

#5 22. Januar 2011 21:31

Re: [GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

#6 23. Januar 2011 23:11

Re: [GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

#7 23. Januar 2011 14:45

Re: [GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

#8 23. Januar 2011 18:06

Re: [GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

#9 23. Januar 2011 19:50

Re: [GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

#10 23. Januar 2011 22:08

Re: [GELÖST] [GELÖST] * OK *Design von Front end user und Self registration modul ändern ??

Fußzeile des Forums