WebSite X5Help Center

 
Bianca Fuchs
Bianca Fuchs
User

Handy Intro  de

Autor: Bianca Fuchs
Besucht 2336, Followers 1, Geteilt 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?

Gepostet am
21 ANTWORTEN
Der Zwoemti
Der Zwoemti
Moderator

Ein link wäre angebracht... 

Mehr lesen
Gepostet am von Der Zwoemti
Bianca Fuchs
Bianca Fuchs
User
Autor

www.arianiel.de

Mehr lesen
Gepostet am von Bianca Fuchs
Pcssa .
Pcssa .
Moderator

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

Mehr lesen
Gepostet am von Pcssa .
Bianca Fuchs
Bianca Fuchs
User
Autor

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

Mehr lesen
Gepostet am von Bianca Fuchs
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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/

Mehr lesen
Gepostet am von Andreas S.
Udo Bister
Udo Bister
User

also auf meinem Handy wird Intro einwandfrei angezeigt.

Habe ein Samsung S4 Smartphoe

Mehr lesen
Gepostet am von Udo Bister
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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

Mehr lesen
Gepostet am von Andreas S.
Bianca Fuchs
Bianca Fuchs
User
Autor

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.

Mehr lesen
Gepostet am von Bianca Fuchs
Der Zwoemti
Der Zwoemti
Moderator

richtig lesen... Udo hat bei dir getestet.

guck da so sieht das aus

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von Udo Bister
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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!

Mehr lesen
Gepostet am von Andreas S.
Der Zwoemti
Der Zwoemti
Moderator

Ich sehe Andy wir verstehen uns. 

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Udo Bister
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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

Mehr lesen
Gepostet am von Andreas S.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Und hier quer...

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von Udo Bister
Udo Bister
Udo Bister
User

sorry hier das Foto

Mehr lesen
Gepostet am von Udo Bister
Bianca Fuchs
Bianca Fuchs
User
Autor

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 -->

Mehr lesen
Gepostet am von Bianca Fuchs
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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 ?

Mehr lesen
Gepostet am von Andreas S.
Der Zwoemti
Der Zwoemti
Moderator

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

Mehr lesen
Gepostet am von Der Zwoemti