Design Rome - geschützter Bereich - Header anpassen - Login soll sofort gesehen werden - ohne Scroll down

Antworten
#1
25.07.2017 01:15
avatar  Starty
#1
St
Starty

Hallo zusammen,

wenn der Kunde sich auf der Seite anmeldet, soll er das Login-Feld sofort sehen - jedoch macht der Header dies nicht möglich.
Daher die Frage - wie kann ich den Header auf der Kundenlogin Seite bearbeiten bzw. verkleinern? Auf den Unterseiten kann der geschützte Bereich nicht verändert werden.

Danke & Gruß
Starty


 Antworten

 Beitrag melden
#2
26.07.2017 11:49 (zuletzt bearbeitet: 26.07.2017 11:51)
avatar  az_
#2
avatar
az_

Moin! Das ist eine interessante Frage. Was hältst Du von dieser Lösung hier: https://multilevel-dropdown.jimdo.com/shop



...das Element ".cc-protected-area {}" wurde mit "position:fixed" fixiert und wird über dem Header dargestellt.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#3
27.07.2017 21:33 (zuletzt bearbeitet: 27.07.2017 21:33)
avatar  Starty
#3
St
Starty

Vielen Dank für den prompten Support! Leider hat der Einbau nicht funktioniert. Kannst du mir einen ausführlicheren Tipp für den Einbau geben?
Den Vorschlag finde ich sehr gut!!!


 Antworten

 Beitrag melden
#4
28.07.2017 10:53 (zuletzt bearbeitet: 30.07.2017 10:52)
avatar  FKWars
#4
avatar
FKWars

Hallo Starty,

bei Head bearbeiten eintragen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<style type="text/css">
/*<![CDATA[*/
.cc-protected-area {
        position: fixed;
        width: 400px;
        top: 100px;
        left: 0;
        z-index: 9999;
        background: #000;
        padding: 25px;
        margin-left: calc(50vw - 230px);
        border: 1px solid #c2a465;
    } 
    /*]]>*/
</style>
 



Farben usw. kannst anpassen.

www.crazy-terra.com

 Antworten

 Beitrag melden
#5
28.07.2017 22:35
avatar  Starty
#5
St
Starty

Vielen Dank für deine Mühe! Nach Anpassung des Codes, sieht es nun so aus wie ich es mir vorgestellt habe. Perfekt!


 Antworten

 Beitrag melden
#6
30.07.2017 10:55
avatar  az_
#6
avatar
az_

...das nenne ich super-Teamwork :)

verrätst Du uns noch, auf welcher Seite Du die Lösung realisiert hast?

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#7
05.12.2017 20:23
avatar  Starty
#7
St
Starty

Vielen Dank nochmal für den Support. Wie kann nun das Login-Fenster zusätzlich an das Format zum Beispiel eines Smartphones angepasst werden?

Hier die Seite: https://www.speedfussball-akademie.de/pr...-bereich%2F&;

Danke schon mal vorab für die Unterstützung!

Lg


 Antworten

 Beitrag melden
#8
09.12.2017 19:08 (zuletzt bearbeitet: 09.12.2017 19:10)
avatar  az_
#8
avatar
az_

...probier mal: transform: scale(0.5);
für mobile Ansichten

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#9
09.12.2017 19:43
avatar  Starty
#9
St
Starty

Perfekt - besten Dank!

Lg


 Antworten

 Beitrag melden
#10
30.01.2019 12:33
avatar  KlausN
#10
avatar
KlausN

Grüß' Euch zusammen. Mein Problem geht in die gleiche Richtung.

Ich benötige auf meiner Website www.mykingslake.com einen Passwortgeschützten Zugang für ein Meldeformular:
Das Formular liegt auf dem Server www.DW-Formmailer.de

Beim klicken auf den Butten „www.mykingslake.com\tourist registration“ soll man direkt zur Passworteingabe aufgefordert werden und nach der Passworteingabe -ohne weitere Klicks ! automatisch direkt auf das Formular des externen Servers gelangen.

Die Seite zur Passworteingabe soll möglichst schlicht sein. Passwortabfragefeld und ein kurze Text.

Ich bin mit der Webprogrammierung nicht besonders fit. Habe jedoch testweise den Code wie am 28.07.17 von FKWars beschrieben, 1:1 eingefügt. (Einstellung/Headbereich/Versteckte Unterseite „Tourist registration“).
Unter „body“ habe ich nichts eingetragen > Es hat sich jedoch nichts getan!

Um es noch einmal kurz zusammen zu fassen:
1) Es geht um den Login zu einer Unterseite mit anschließender Weiterleitung. Alle anderen Seiten sind davon unberührt.

2) Was muss ich wo hineinkopieren, damit ich eine schnörkellose Seite mit einem Login-Eingabefenster erhalte?

3) Wie bringe ich es hin, das nach der Passworteingabe eine direkte, automatische Weiterleitung zum Formular erfolgt.

80% meiner Gäste benutzen ein Smartphone. Aufteilung 60% IPhone / 40% Android. Wenn mir jemand helfen könnte, würde ich mich freuen!

Ein erklärendes Foto liegt im "geschützten" Bereich „www.mykingslake.com\tourist registration“ Passwort: test
(Hab's nicht hinbekommen, hier im Forum ein Bild einzufügen)

Schöne Grüße vom Königssee, Klaus


 Antworten

 Beitrag melden
#11
30.01.2019 15:38
avatar  az_
#11
avatar
az_

...der Link muss anders gesetzt werden: https://www.mykingslake.com/tourist-registration/

bei html-Pfaden gibt es keine "\" - immer "/"

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#12
30.01.2019 15:47 (zuletzt bearbeitet: 30.01.2019 18:28)
avatar  az_
#12
avatar
az_

Hallo @KlausN,

...Dein Problem ist aber ein anderes, nehme ich an: Man kann die LogIn-Seite nicht frei gestalten.

Dafür habe ich folgende Lösung gefunden: Über ein jQuery-Script wird der gewünschte Inhalt auf der LogIn-Seite (https://www.mykingslake.com/protected/?c...stration%2F&;) vor (.prependTo) und hinter (.appendTo) dem LogIn-Feld eingetragen. Der Inhalt wird von einer versteckten Seite geladen.

Ein Beispiel habe ich hier: https://all-blogdesigns.jimdo.com/kontakt/

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#13
30.01.2019 18:30
avatar  az_
#13
avatar
az_

...das PW für den geschützten Bereich ist "test"

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#14
30.01.2019 21:24
avatar  KlausN
#14
avatar
KlausN

Danke für die schnelle Info Andreas!

Ich bin jedoch bezüglich css u. html nicht so fit u. weiss daher nicht wohin ich was kopieren muss. Gibt es einen Lösungsvorschlag dh. einen kleinen Programmcode, den ich mit meinen geringen Web-Kenntnissen selbständig umsetzen bzw. in den Headbereich der gesicherten Seite kopieren kann?

Die Jimdo-Vermieter-Website habe ich zwar selber gestaltet u. erstellt, aber wenn es tiefer in die Materie geht, wird es schwierig.

Bitte lies wg. meines Problems bitte noch einmal meinen Text oben bzw. schau Dir einfach die erklärende Grafik an die ich hinterlegt habe.

Ich habe mir überlegt, dass es notfalls auch mit einer einfachen, direkten, automatischen Weiterleitung zum DW-Formmailer gehen muss. Es soll jedoch ohne Zeitverlust klappen. 10 Sek. sind zu lange. Ausserdem muss die Login- und Weiterleitungsfunktion bedienerfreundlich und zuverlässig in allen Staaten - insbesondere China- funktionieren.

Einen schönen Abend nach Berlin!
Klaus

(btw. bekommt man keine automatische Mailbenachrichtigung wenn jemand eine Antwort verfasst hat, od. hab ich etwas falsch konfiguriert?)


 Antworten

 Beitrag melden
#15
31.01.2019 11:49 (zuletzt bearbeitet: 31.01.2019 11:52)
avatar  az_
#15
avatar
az_

Hallo @KlausN,

...eine Mail-Benachrichtigung bekommst Du immer, wenn jmd. im neuen Posting "@KlausN" schreibt. Wenn Du darüber hinaus Benachrichtigungen bekommen möchtest, kannst Du das "Thema abbonieren":



Zu Deinem Problem: Ich kann Dir so etwas einrichten, aber nicht mal eben so am Rande mit einem kleinen CodeSnippet über das Forum, dazu ist es zu speziell, fürchte ich. Dazu müsstest Du mich bitte per e-Mail anschreiben.

Die 10 Sekunden bis zur Weiterleitung im Beispiel sind nur ein Beispiel. Das kann man auch auf 0 Sek. ändern, dann wird direkt weitergeleitet.
Was China angeht, kann ich keine Aussagen machen - käme auf einen Versuch an.

Ich hoffe, Dir trotzdem geholfen zu haben,
LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Bildanhänge

 Antworten

 Beitrag melden
#16
31.01.2019 19:52
avatar  KlausN
#16
avatar
KlausN

Danke Andreas,

ich habe gesehen, dass Du der Inhaber von redesign-berlin.de bist und somit sicherlich andere Dinge im Kopf hast. Möchte Dich nicht weiter damit behelligen. Ich hatte nicht erwartet, dass die Sache sich nicht so einfach umsetzen lässt. Ich hör‘ mich noch ein wenig um. Vielleicht findet sich jemand im Bekanntenkreis, der mir helfen kann.

Ich wäre ja schon mit einer einfachen automatischen Weiterleitung beim Aufruf der geschützten Unterseite zufrieden. Das müsste doch möglich sein.

Schöne Grüße nach Berlin,
Klaus


 Antworten

 Beitrag melden
#17
31.01.2019 20:20
avatar  az_
#17
avatar
az_

...es ist nicht weiter schwer, eine Weiterleitung einzurichten. Aber eine sofortige Weiterleitung muss so programmiert werden, dass sie nicht auch den Bearbeitungsmodus betrifft. Und dann brauchst du schon wieder ein etwas komplizierteres Skript.
LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#18
31.01.2019 20:21
avatar  KlausN
#18
avatar
KlausN

Ok. Danke .... Na dann gut Nacht!


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!