Jimdo Passwort Eingabebereich für Passwort geschützten Bereich bearbeiten

12.10.2018 13:56
#1
Je

Hallo,
ich habe da ein Problem mit der Seite wo das Passwort eingegeben wird für eine Passwortgeschützten Bereich !
Jimdo / Rom
Um das Passwort einzugeben muss erst runter gescroolt werden um das Passwort einzugeben.
Ich hätte es gerne weiter oben oder wie kann diese Passwort Seite überhaupt bearbeitet werden ?
Die Seite mit den Problem :
https://www.andrewsart.de/protected/?com...-bereich%2F&;

Diesen Code habe ich ausprobiert aber da passiert nix !
Ich habe ehrlich gesagt aber auch wenig Ahnung davon !

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>
 



Wenn der obere bereich der Seite verschwinden würde das die Eingabe ohne Scrollen möglich wäre, wäre es schon OK !

Ich bedanke mich schon im Voraus für die Hilfe !!


 Antworten

 Beitrag melden
12.10.2018 14:11
avatar  Charles
#2
avatar

Probier mal das:

1
2
3
4
 
.jtpl-header--image {

display: none;
}
 



Aber im Head auch nur auf der Unterseite einfügen wo du es haben willst.

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

 Antworten

 Beitrag melden
12.10.2018 16:40
#3
Je

Hi,
das haut leider nicht hin... ich kann den Code auch nur auf der Unterseite "Geschützter Bereich" eintragen und da passiert nix.
Auf der Seite wo ich das Passwort eingeben muss komme ich nicht ran um ein Code einzugeben !
Trotzdem Danke für deine Hilfe !!!!!


 Antworten

 Beitrag melden
12.10.2018 17:30
avatar  Charles
#4
avatar

Probiers mal so:

1
2
3
4
5
6
7
8
9
10
11
12
13
 

 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-header--image {

display: none;
}
/*]]>*/
</style>
 

 

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

 Antworten

 Beitrag melden
12.10.2018 19:06
#5
Je

Hi,
leider passiert da nix...
Auf der geschützten Seite nach dem ich das Passwort eingegeben habe ist mein Header Bild weg !
Aber auf der Passwort Seite ist alles beim alten.
So habe ich den Code eingefügt... siehe Foto !
Ich verstehe es auch nicht warum die Passwort Seite nicht bearbeitet werden kann...den Link habe ich ja hier gepostet.|addpics|mp2-1-5714.png|/addpics|


 Antworten

 Beitrag melden
12.10.2018 19:56 (zuletzt bearbeitet: 12.10.2018 19:58)
#6
R.

Das nützt nichts, das Login für geschützte Seiten, Impressum, Datenschutz, Cookie-Richtlinie, Sitemap sind Systemseiten, die automatisch die Einstellungen der Startseite übernehmen, ev. Header kleiner machen, oder ganz abschalten wie ich es gemacht habe und zuoberst der Startseite ein seitenbreites Element einfügen, ist die einfachste Umsetzung finde ich.

web-tips.ch


 Antworten

 Beitrag melden
12.10.2018 20:20
avatar  Charles
#7
avatar

kann man auch nicht mit page id ansprechen?

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

 Antworten

 Beitrag melden
12.10.2018 22:01
#8
R.

Die PAGE-ID ist auf diesen Seiten die gleiche wie auf der Startseite

web-tips.ch


 Antworten

 Beitrag melden
13.10.2018 02:44
#9
Je

Ja das hört sich doch gut an !!
Ist zwar etwas umständlich aber das wird funktionieren !!
Und das es sich bei diesen Seiten ( Impressum, Datenschutz...usw )
gleich verhält ist ein guter Grund an die Arbeit zu gehen !!

Vielen Vielen Dank für den Tipp !!
...
Es gibt ein Problem... ich möchte das voll-flächige Wechselbild ( Slider-Show ) behalten oder wo bekomme ich ein "externes" her ?
Deswegen habe ich mich für Rom entschieden weil ich meine Fotos Vollformatig ( bis auf die Navigation oben ) Präsentieren kann und das Responsive.

Wenn ich bei Head Bearbeiten...Gesamte Webseite ein Code eingebe, der
auf Unterseiten das Head Bild ( Slider oder Wechselbild ) in der Größe verändert, ist der Design...Hintergrund ja nicht mehr zu nutzen...um ein Wechselbild oder Slide Show im Vollformat laufen zu lassen.... ? Oder den Head bei Unterseiten wieder sichtbar machen den man vorher über Gesamte Webseite unsichtbar gemacht hat.
Mit den gleichem Code kann ich es nicht wider sichtbar machen er müsste wahrscheinlich verändert werden aber das entzieht sich meiner Kenntnis !
Den Code habe ich aus den Jimdo Codebuch was ich mal gekauft habe und bin mir nicht Sicher ob ich den Code hier Posten darf.

Also jetzt ist die Frage wie bekommt man ein Wechselbild oder Slider Show wieder auf eine bestimmte Seite Vollformatig bis auf die Navigationsleiste ?
Oha... ist das alles kompliziert.... ich will hoffen ihr könnt mich mit meinen Ausdruck verstehen !!
Danke bis dahin.... !!!


 Antworten

 Beitrag melden
13.10.2018 10:09
#10
R.

gib den Code zu Entfernung des Headers nur auf de Startseite ein, dann bleibt der Header auf den normalen Unterseiten bestehen, oder auch auf bestimmten Unterseiten, wo auch kein Header ( oder verkleinert, im Code die Pixel für Höhe ändern erwünscht ist ) ein.

web-tips.ch


 Antworten

 Beitrag melden
13.10.2018 11:17
#11
R.

du kannst auch den normalen Slider aus der Bilder-Galerie auf die ganze Seite ausdehnen mit folgenden Code:

<style type="text/css">
/* full width image slider */

#cc-m-13596341525 {
width: 100vw;
left: calc(-50vw + 50%);
position: relative;
padding: 0px;
}

.cc-m-gallery-slider ul img {
height: auto !important;
}
</style>


 Antworten

 Beitrag melden
13.10.2018 21:57
#12
Je

Habe den Code ausprobiert... aber wird nicht über die ganze Seite angezeigt. https://www.andrewsart.de/

Sieht nicht gut aus....

Aber der Geschützte Bereich...Datenschutz..usw. passt !!

Danke Dir Meister !!!!!

Das steht bei mir im Head :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<style type="text/css">
/*<![CDATA[*/
/* full width image slider */
 
#cc-m-13596341525 {
width: 100vw;
left: calc(-50vw + 50%);
position: relative;
padding: 0px;
}
 
.cc-m-gallery-slider ul img {
height: auto !important;
}
/*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
/* Änderungsschema für ROME */
.jtpl-header--image {height:0px!important;}
.jtpl-sidebar {padding: 10px 20px!important;}
.jtpl-breadcrumb,.jtpl-content,
.jtpl-footer__inner, .jtpl-header__inner,
.jtpl-sidebar__inner {max-width: 1200px!important;}
/*]]>*/
</style>
 


 Antworten

 Beitrag melden
13.10.2018 22:11 (zuletzt bearbeitet: 13.10.2018 22:18)
#13
R.

du musst im Code die ID des Elements eingeben - rechtklick ins Element -Element untersuchen, sollte bei dir 9351818486 sein, gib diese Zahl beim Code ein, wo ich hier markiert habe, die Bilder sollten alle die gleiche Grösse haben, z. B. 1950 auf 700px, dann solllte das funktionieren


 Antworten

 Beitrag melden
13.10.2018 23:05
#14
R.

Habe hier mal eine Testseite gemacht:

https://forimdo.jimdofree.com/


 Antworten

 Beitrag melden
14.10.2018 00:23
#15
R.

habe ich noch vergessen, um den Header auch mobile auszuschalten braucht es noch folgenden Code:

<style type="text/css">

/*<![CDATA[*/

/*Headerhöhe mobile view*/
@media (max-width:767px) {
.jtpl-header--image {
height: 0px;
}
/*]]>*/
</style>


 Antworten

 Beitrag melden
14.10.2018 23:18
#16
Je

Moin,
so, bin gerade am suchen... wo hast Du "hier" markiert ?

"du musst im Code die ID des Elements eingeben - rechtklick ins Element -Element untersuchen, sollte bei dir 9351818486 sein, gib diese Zahl beim Code ein, wo ich hier markiert habe, die Bilder sollten alle die gleiche Grösse haben, z. B. 1950 auf 700px, dann solllte das funktionieren"

Und immer wieder Danke für deine Hilfe !!
Mal eben eine Testseite angelegt...auch nicht schlecht !! Ich brauche nur wenige Monate länger.....hä...


 Antworten

 Beitrag melden
14.10.2018 23:41
#17
R.

Der Code von Beitrag *11, so sollte es stimmen:

<style type="text/css">
/* full width image slider */

#cc-m-9351818486 {
width: 100vw;
left: calc(-50vw + 50%);
position: relative;
padding: 0px;
}

.cc-m-gallery-slider ul img {
height: auto !important;
}
</style>


 Antworten

 Beitrag melden
15.10.2018 02:15
#18
Je

Hi,
so jetzt habe ich es geändert leider wollen die Fotos nicht über die ganze breite...
Auf deiner Testseite sieht es wunderbar aus !!!!

So sieht es bei mir auf der Start Seite im Head aus : siehe Foto
|addpics|mp2-2-c0d7.jpg|/addpics|


 Antworten

 Beitrag melden
15.10.2018 14:07 (zuletzt bearbeitet: 15.10.2018 14:15)
#19
R.

du hast beim Code zuoberst einen Fehler gemacht:

<style> type="text/css">
/*<![CDATA[*/
/* full width image slider */

so ist es richtig:
<style type="text/css">
/*<![CDATA[*/
/* full width image slider */

nimm dieses raus, dann sollte es funktionieren


 Antworten

 Beitrag melden
15.10.2018 18:04
#20
Je

Moin,
ja das war es !
jetzt sind die Fotos über die ganze Seite !! Danke Danke !!!!!!!!!!
Nur unterhalb der Fotos ist noch so viel Luft...
Wie kann ich die höhe der angezeigten Fotos ( Slide Show ) anpassen ?
Oder muss ich die Fotos in die richtige Größe bringen ?

www.andrewsart.de


 Antworten

 Beitrag melden
15.10.2018 18:11
#21
R.

du hast bei Code zuoberst einen Fehler gemacht:

<style> type="text/css">
/*<![CDATA[*/
/* full width image slider */

so ist es richtig:
<style type="text/css">
/*<![CDATA[*/
/* full width image slider */

nimm dieses raus, dann sollte es funktionieren


 Antworten

 Beitrag melden
15.10.2018 18:16
#22
R.

die Bilder sollten alle die gleiche Grösse haben, sonst übernimmt der Slider die Höhe des grössten Bildes, daher dann der Abstand bei kleineren Bildern, auf meiner Testseite haben alle Bilder die Grösse 1900 x 600 px, würde maximal auf 1950 x 800 px gehen.

web-tips.ch


 Antworten

 Beitrag melden
16.10.2018 15:44
#23
Je

Vielen Dank für deine Hilfe Meister !!!!!
Da ich von deinen Fachwissen meinen Freunden erzählt habe möchte
einer von denen von Dir eine Homepage gebaut haben, natürlich nicht umsonst !!
Wie erreichet er Dich ?
Bis dahin...
Ich werde den Betreiber des Forums auch was überweisen...eigentlich hättest Du es verdient !!


 Antworten

 Beitrag melden
21.10.2018 13:48
avatar  az_
#24
avatar
az_

Es gibt einen Slider, bei dem es egal ist, wie groß die Bilder sind. Eigentlich ein Wordpress-PlugIn, aber geht auch für Jimdo:

http://bqworks.com/slider-pro/

Jimdo Adaption hier: https://redesign-designtest-rome.jimdofree.com/proslider/

...das ganze ist leider ein wenig html-lastig, aber wer ein wenig etwas davon versteht, wird damit zurecht kommen. (...Pfade austauschen kann eigentlich jeder)

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
21.10.2018 13:56 (zuletzt bearbeitet: 21.10.2018 13:57)
avatar  az_
#25
avatar
az_

PS: Du kannst übrigens Deinen CSS-Code auch zusammenfassen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 

<style type="text/css">
/*<![CDATA[*/
 
/* Änderungsschema für ROME */
.jtpl-header--image {height:0px!important;}
.jtpl-sidebar {padding: 10px 20px!important;}
.jtpl-breadcrumb,.jtpl-content,
.jtpl-footer__inner, .jtpl-header__inner,
.jtpl-sidebar__inner {max-width: 1200px!important;}
 

/*Headerhöhe mobile view*/
@media (max-width:767px) {
.jtpl-header--image {
height: 0px;
}
 

/* full width image slider */
#cc-m-9351818486 {
width: 100vw;
left: calc(-50vw + 50%);
position: relative;
padding: 0px;
}
 
.cc-m-gallery-slider ul img {
height: auto !important;
}
 
/*]]>*/
</style>
 
 




Das ist dann etwas übersichtlicher. Dabei fällt Dir gleich auf, dass Du im

/* Änderungsschema für ROME */

bereits drin hast:

.jtpl-header--image {height:0px!important;}

...der gilt eigentlich global für alle Ansichten, Desktop und mobil.

/*Headerhöhe mobile view*/
@media (max-width:767px) {
.jtpl-header--image {
height: 0px;
}


...ist also eigentlich nicht mehr nötig.

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
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!