Captch Icons größer 
Autore: Klaus G.Hallöle Gemeinde,
das ist eher eine Frage an KolAsim -:)
Eine Kundin möchte die Captcha Icons etwas größer haben. Jetzt sind sie 32x32 px und werden sollten sie 45x45 px. Damit auch ältere Personen sie lesen/sehen können
Den Container habe ich mit: <style>.captcha-container {width: 225px;height: 45px;}</style> größer bekommen.
Und mit <img style="margin:0; padding:0; border: 0; border-collapse: collapse; width: 45px; height: 45px !important;>
Die Icons habe ich auch schon auf 45x45 PX vergrößert und in Preview/chaptcha eingefügt.
In der internen Vorschau mit Firefox und Chrome funktioniert es auch.
Wie kann man das am besten lösen ???
Original von Kunde:
Interne Vorschau: WSX
Intern mit Firefox:
Intern mit Chrome:
Wenn es auf dem Server ist dann funktioniert es nicht mehr ???
Autore
Sodele,
habe jetzt eine (momentane) Lösung gefunden.
in Eigenschaften der Seite Vor dem </Head> Tag
<style>.captcha-container {width: 225px;height: 45px !important;} img { width: 45px; height: 45px !important;}}</style>
<style>.captcha-container {margin-top: 10px; margin-bottom: 15px;}</style> <style>#imObjectForm_2_buttonswrap {margin-top: 15px!important;}</style>
Dann habe ich die x5engine.php an der passenden Stelle modifiziert.
Hier (bei mir) in der Zeile 2520:
$text .= "<img style=\"margin:0; padding:0; border: 0; border-collapse: collapse; width: 45px; height: 45px; position: absolute; top: 0; inset-inline-start: " . (45 * $i) . "px;\" src=\"imcpa_".$this->nameList[substr($sCode, $i, 1)].".gif\" alt=\"\" width=\"45\" height=\"45\">";
Und diese x5engine.php dann in C:\Users\Benutzername\AppData\Local\Programs\WebSite X5 - Pro\Res reinkopiert. So ist diese x5engine.php beim Export immer dabei.
FUNZT :-) :-)
Jetzt wäre es super wenn ich diesen Code-Snipet als PHP in die Eigenschaften der Seite Vor dem </Head> Tag rein bekomme würde damit man die Arbeit mit der x5engine.php nicht mehr hat.
Gruß
KLAUS
Autore
Moin moin Leute,
habe rumgetestet und einen bessern weg gefunden.
in Eigenschaften der Seite Vor dem </Head> Tag
<style>.captcha-container {width: 225px;height: 45px !important;} img { width: 45px; height: 45px !important;}}</style>
<style>.captcha-container {margin-top: 10px; margin-bottom: 15px;}</style>
<style>#imObjectForm_2_buttonswrap {margin-top: 15px!important;}</style>
<script>for ($i = 0; $i < strlen($sCode); $i++) {$text .= "<img style=\"margin:0; padding:0; border: 0; border-collapse: collapse; width: 45px; height: 45px; position: absolute; top: 0; inset-inline-start: " . (45 * $i) . "px;\" src=\"imcpa_".$this->nameList[substr($sCode, $i, 1)].".gif\" alt=\"\" width=\"45\" height=\"45\">";</script>
Ist allgemein besser lesbar und trägt zur Barrierefreiht ihren Teil dazu bei.
Gruß
KLAUS
Problem gelöst
