Captcha im Gästebuch mit CSS formatieren Einstellungen

[maeldrew]

hallo

ich habe das gästebuch 1.3.2 installiert und es funktioniert alles ganz gut, nun will ich jedoch der captcha grafik und dem dazugehörenden textfeld eine CSS formatierung angeben. schön wäre es auch wenn ich diese beiden formularfelder in eine tabelle einbinden könnte, damit die auf gleicher höhe sind. leider finde ich aber nicht wo diese beiden felder hinterlegt und formatiert werden. selbst im modulcode hab ich nichts gefunden was mich näher bringen kann.
hat da jemand eine idee?

danke thomas

[andi]

hallo thomas

im konfigurationsmodus des kontaktformulares hast du unter dem reiter «meldungen und templates» den punkt «template captchaelement». hier kannst du dein markup nach eigenem wunsch anpassen und alles nötige per css anpassen.

gruss andi

[maeldrew]

Hallo Andi
danke für den Tip, nur leider bringt mich dies noch nicht weiter. ich möchte dem parameter {textfield} und {image} ein css zuweisen.
Im gästebuch und im kontaktformular kann ich diese jedoch nicht mit eimen CSS belegen. andere 'zb. das feld {name}' haben in der registerkarte allgemein ein feld für die CSS zuweisung.
ich brauche also dass was dahintersteckt, den sourcecode zum Textfeld.
auf diese art wie du beschrieben hast, zb <div class="gb_form_font1">{textfield}</div> wird ja nur die umgebung, jedoch nicht das textfeld selbst mit einer CSS belegt.
ich denke das ich da was im code selbst ändern muss und nicht in der konfiguration.

Gruss Thomas

[andi]

auf diese art wie du beschrieben hast, zb <div class="gb_form_font1">{textfield}</div> wird ja nur die umgebung, jedoch nicht das textfeld selbst mit einer CSS belegt.

das reicht doch, ausser du arbeitest mit dem in sefrengo integrierten css-editor (welcher für «fortgeschrittenes» css meiner meinung nach nicht zu gebrauchen ist). du kannst also ganz einfach die nachfahren ansprechen:

QUELLTEXT

.gb_form_font1 input {
    blabla
}

resp:

QUELLTEXT

.gb_form_font1 img {
    blabla
}

falls du mit der internen css-verwaltung arbeitest kann ich dir leider nicht weiterhelfen.

gruss andi

[maeldrew]

Hallo Andi
was verstehst du unter internem CSS editor? die eingabe der CSS dateiangaben oder die zuweisung der einzelnen CSS welche via dropdownmenü ausgewält werden können? ich bearbeite die CSS in einem externen programm, schreibe diese also von hand und übertrage diese danach in sefrengo. welche diese in eine datei schreibt. danach binde ich diese entweder in den code direkt ein oder wenn es ein auswähl menü hat, dort. ich habe leider nicht ganz verstanden wo du den code den du beschrieben hast eingibst.
meines wissens müsste irgendwo definiert sein wie {textfield} aussehen muss, also etwa so: <textarea></textarea> und dort könte ich dann die CSS classe einbinden. also etwa so: <textarea class="gb_form_font1"></textarea> nur leider finde ich dies nirgens im modulcode.
so wie mich es dünkt formatierst du direckt {textfield} in der konfiguration, nur leider habe ich nicht verstanden wie du das meinst, fa ich ja gar nichts verändern kann von dort aus da {textfield} ja in sich abgeschlossen ist. oder mache ich da einen denkfehler?

thomas

[andi]

grundsätzlich: ich erstelle mein css in einem externen editor und «verlinke» diesen nur im template. die css-funktionen innerhalb von sefrengo engen mich nur ein.

man könnte z.b. in der modulkonfiguration folgendes realisieren:

QUELLTEXT

<span class="chaptcha">{image}{textfield}{hiddentoken}</span>

in deine externe css-datei sprichst du diese beiden dann an mit:

QUELLTEXT

span.chaptcha input {
    blabla
}

QUELLTEXT

span.chaptcha img {
    blabla
}

gruss andi

[maeldrew]

Hallo andi

dies habe ich oben auch schon versucht, leider bringt dies nur bedingt einen erfolg. ich möchte das Textfeld mit einem ramen umranden so das die Tiefe des feldes mit der schattierung nicht mehr ist sondern alles nur noch flach aussieht. dazu funktioniert diese methode nicht da es nur einen rahmen um das ganze textfeld macht aber das textfeld intern nicht verändert. dazu müsste man schon in den code eingreiffen und den finde ich nicht.

[andi]

sehe ich nicht ein, wieso das nicht funktionieren sollte.

hier ein testcase für dich

vielleicht wäre es ratsam, dass du deine versuche online zeigst. dann könnte eher geholfen werden.


gruss andi

[maeldrew]

Danke Andi für das Testcase,
leider geht dies bei mir so nicht, warum verstehe ich nicht, denn im Testcase scheint dies zu funktionieren.

ich habe mal den code so eingegeben:

QUELLTEXT

<p class="gb_form_font1">{textfeld}</p>

Das selbe habe ich auch mit <span> und >div> versucht ohne weitere Erfolge.

die Codeausgabe war wie erwartet:

QUELLTEXT

<span class="gb_form_font1"><input type="text" name="gb_captcha" id="gb_captcha"  value="" /></span>

was mir einen schönen ramen um das Textfeld macht. nur ich brauche nicht den rahmen um das textfeld, sondern der rahmen muss im textfeld integriert sein. dass funktioniert auch wenn der code so aussieht:

QUELLTEXT

<input type="text" name="gb_captcha" id="gb_captcha"  value="" class="gb_form_font1" />

Dass heisst, dass {textfeld} die Ausgabe <input type="text" name="gb_captcha" id="gb_captcha" value="" /> gibt.
jedoch weis ich nicht wo {textfeld} erstellt wird im code da ich diese werte nirgens so finden kann, ansonsten könnte ich dort ja einfach die CSS classe an der stelle im code übergeben, was zwar programiertechnisch nicht sehr schön wäre aber zumindest funktionieren würde.

ich hoffe ich habe es jetzt genügend beschrieben.

Thomas


Der Beitrag wurde von maeldrew bearbeitet: Thu. 20. March 2008, 11:15

[andi]

hallo thomas

wenn du dein textfeld mit «.gb_form_font1» im css ansprichst ist mir auch klar, dass das nicht gehen kann. denn in diesem falle sprichst du nicht das textfeld, sondern das umgebende span an. mit «.gb_form_font1 input» sprichst du das textfeld direkt an, wie in meinem testcase.

ich habe dir in den letzten drei antworten immer die selbe lösung präsentiert. eine glaskugel für dein problem besitze ich leider nicht. stell das ganze online, dann kann man dir auch weiterhelfen.


gruss andi

[Olaf]

Du brauchst doch keine Klasse wenn das Ding ne ID hat
Schreib in deine CSS:

QUELLTEXT

#gb_captcha{ /* was immer du willst */ }

Wie schon andi bemerkte, am besten man sieht das mal....

[maeldrew]

Hallo Andi

Danke jetzt ist mir der 10ner gefallen...
ich kann es problemlos ansprechen mit:

QUELLTEXT

input {
    blabla
}

jedoch nicht wie du es machst mit einem zusätzlichen Wert wie

QUELLTEXT

.gb_form_font1 input {
    blabla
}

so sind bei mir jetzt in zukunft alle input felder gleich und können nicht diverenziert angegeben werden. ich werde es aber mal noch weiterversuchen, den anfang habe ich ja jetzt...

ist wohl zeit gibts ostern :-)

Danke und Gruss Thomas

[andi]

Du brauchst doch keine Klasse wenn das Ding ne ID

jetzt war ich erst sehr verwirrt, bis ich gesehen habe, dass es sich ja um das gästebuch und nicht das kontaktformular handelt :-)

[maeldrew]

top mit der ID funktioniert es bestens.

Danke vielmal und schöne ostern wünsch ich dir

[Olaf]

Danke vielmal und schöne ostern wünsch ich dir

Wat, und andi nich!? Er hat dir auch nix falsches geschrieben