WebSite X5Help Center

 
Bianca Fuchs
Bianca Fuchs
User

Handy Intro  de

Author: Bianca Fuchs
Visited 2300, Followers 1, Shared 0  

Die Darstellung meiner meiner Introseite mit HTML-Code und Hintergrundbild reagiert nicht auf mobile Geräte. Das Bild wird nicht verkleinert und das Login ist auch an der falschen Position. Was muss ich einstellen damit die Darstellung auch auf mobilen Endgeräten korrekt funktioniert?

Posted on the
21 ANSWERS
Der Zwoemti
Der Zwoemti
Moderator

Ein link wäre angebracht... 

Read more
Posted on the from Der Zwoemti
Bianca Fuchs
Bianca Fuchs
User
Author

www.arianiel.de

Read more
Posted on the from Bianca Fuchs
Pcssa .
Pcssa .
Moderator

. . . da x5 nicht dynamisch arbeitet bleibt wohl nur eine 2. Seite mit Auflösung für mobile Geräte . . .

Read more
Posted on the from Pcssa .
Bianca Fuchs
Bianca Fuchs
User
Author

aber wie kann ich zwei Intros schalten und wie entscheidet dann der Benutzer welche Seite er öffnen möchte?

Read more
Posted on the from Bianca Fuchs
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Wieso 2 Intros ?  Du sollst ein 2 . Projekt erstellen, dass für mobile Geräte geeignet ist und dort "KEIN" Intro machen! Dann kann man es mit einem Skript automatisch umschalten lassen ob mobile Version oder Desktopversion gestartet werden soll!

Hier gibt es die Skripte http://unofficialwsx5.de/index.php/Board/14-Scriptbeispiele/

Read more
Posted on the from Andreas S.
Udo Bister
Udo Bister
User

also auf meinem Handy wird Intro einwandfrei angezeigt.

Habe ein Samsung S4 Smartphoe

Read more
Posted on the from Udo Bister
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Kommt darauf an was für einen HTML Code man drinnen hat und ob der mobil Konform ist!

Read more
Posted on the from Andreas S.
Bianca Fuchs
Bianca Fuchs
User
Author

Könnte ich deinen HTML-Code haben,  damit ich ihn auf meine Homepage umschreiben kann, Udo Bister?

Das wäre total super! Ich hab nämlich auch ein Samsung S4 Smartphone.

Read more
Posted on the from Bianca Fuchs
Der Zwoemti
Der Zwoemti
Moderator

richtig lesen... Udo hat bei dir getestet.

guck da so sieht das aus

Read more
Posted on the from Der Zwoemti
Udo Bister
Udo Bister
User

lieber Zwoemti....ich habe seine webadresse aufgerufen und ich habe keine Darstellungsprobleme. Also behahupte bitte nicht das sieht so aus wenn Du überhaupt nicht siehst wiue es bebi mir aussieht. Übrigens kann man ein Smartphone auch im Querformat halten. Nur falls Du es noch nicht gewusst hast. Für Smartphone User ist das völlig normal.

Read more
Posted on the from Udo Bister
Udo Bister
Udo Bister
User

@Bianca

deine Frage nach meinem HTML Code verstehe ich nicht. Ich habe deine Webadresse ini meinem Samsung eingegeben und Deine Seite ist aufgegangen. Ganz normal alles zu sehen. Man kann die zugangsdaten eingeben alles. natürlich habe ich das Phone quer gehalten.

Read more
Posted on the from Udo Bister
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Ich glaube in diesem Threat versteht keiner den anderen was er will ! (!!! richtig lesen !!!)

@Udo ...zwoemti meinte nur das du getestet hast und Bianca meinte du hast einen HTML-Code für sie!

@Bianca du hast eine 1650px breite Grafik die kann kein Handy schaffen, außer die Grafik wird responsive reingestellt aber das kann WSX5 nicht!

Read more
Posted on the from Andreas S.
Der Zwoemti
Der Zwoemti
Moderator

Ich sehe Andy wir verstehen uns. 

Read more
Posted on the from Der Zwoemti
Udo Bister
Udo Bister
User

@ Andreas

und wieso she ich seine Seite auf meinem Handy ohne problem und komplett?

Sollte ich etwas nicht verstehen kann man mich ja aufklären

Read more
Posted on the from Udo Bister
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Wo sieht man da alles ??? (Sony Xperia Z)

Read more
Posted on the from Andreas S.
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Und hier quer...

Read more
Posted on the from Andreas S.
Udo Bister
Udo Bister
User

Ja also ich weis nicht was ich dann für ein tolles Smartphone habe.

Bei mir ist alles perfekt zu sehen.

Auf meine Foto vom Handy alles ganz klar zu erkennen.

Read more
Posted on the from Udo Bister
Udo Bister
Udo Bister
User

sorry hier das Foto

Read more
Posted on the from Udo Bister
Bianca Fuchs
Bianca Fuchs
User
Author

Also ich habe jetzt den HTML-Code abgeändert um das Bild an mobile Geräte anpassen zu können, hierzu habe ich das Hintergrundbild beim Menüpunkt Seitenhintergrund herausgenommen und im HTML-Code eingepflegt, leider wird es jetzt nicht mehr angezeigt, die Login Zeile ist soweit das es auf die verschiedenen Bildschirmgrößen reagiert, nur eben das Hintergrundbild nicht, wer kann helfen: www.arianiel.de oder hier der HTML-Code:

P.S. Das Hintergrundbild ist in dem Ordner abgespeichert wo auch die style.css abgespeichet ist!

<!-- Private Area.Login: START -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style type="text/css" rel="stylesheet">

h1 {
position: fixed;
top: 82%;
left: 28%;
}

h2 {
Position: fixed;
Top: 81.5%;
Left: 37%;
}

h3 {
Position: fixed;
Top: 82%;
Left: 48%;
}

h4 {
Position: fixed;
Top: 81.5%;
Left: 54.5%;
}

h5 {
Position: fixed;
Top: 80.5%;
Left: 65%;
}

#bg {
position:absolute;
width:100%;
height:100%;
}


#bg img {
min-height:100%;
height:auto;
height:100%;
min-width:100%;
width:auto;
width:100%;
margin:0 auto;
display:block;
position:absolute;
bottom:0;
right:0;
}

</style>
<div id="bg" img alt="background" img src="Intro (1).jpg" />

<div id="imLogin" style="width: 100px">
<form method="post" action="imlogin.php" onsubmit="_jq(this).attr('action', x5engine.settings.currentPath + 'imlogin.php'); return (x5engine.utils.isOnline() || !x5engine.utils.showOfflineMessage(x5engine.l10n.get('blog_offline_message')));">
<h1>
<div class="imLoginBlock" style="width: 100%;">
<label for="imUname"><span style="font-weight: normal; font-style: normal;font-family:Berlin Sans FB; font-size:14pt; color: #FFFFFF">Benutzername:</span></label>
</h1>
<h2>
<input type="text" name="imUname" id="imUname" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; font-family:Berlin Sans FB; font-size:14pt; background-color: #FFFFFF; color: #000000; width: 100px"><br />
</div>
</h2>
<h3>

<div class="imLoginBlock" style="width: 100%;">
<label for="imPwd"><span style="font-weight: normal; font-style: normal;font-family:Berlin Sans FB; font-size:14pt; color: #FFFFFF">Passwort:</span></label>
</h3>
<h4>
<input type="password" name="imPwd" id="imPwd" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; font-family:Berlin Sans FB; font-size:14pt; background-color: #FFFFFF; color: #000000; width: 100px">
</div>
</h4>
<h5>
<div class="imLoginBlock" style="width: 100%; margin-top: 5px; text-align: center">
<input type="submit" value="Eingabe" class="imLoginSubmit" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; background-color: #DDDDDD; font-family:Berlin Sans FB; font-size:14pt; color: #000000">
</div>
</h5>
</form>
</div>

<!-- Private Area.Login: END -->

Read more
Posted on the from Bianca Fuchs
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Wenn man sich nicht mit HTML Code auskennt sollte man nicht herumpfuschen damit !

Du sagst du hast das Bild dort drinnen wo die style.css drinnen ist!

Was sagt dir der HTML-Code?

<div id="bg" img alt="background" img src="Intro (1).jpg" />

Dann fragt sich was die anderen Codezeilen bewirken sollen ?

Read more
Posted on the from Andreas S.
Der Zwoemti
Der Zwoemti
Moderator

für code wirst auch nicht wirklich hier Support bekommen dafür ist das Forum nicht ausgelegt.

Read more
Posted on the from Der Zwoemti