Handy Intro
Autor: Bianca Fuchs
Besucht 2281,
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
Ein link wäre angebracht...
Autor
www.arianiel.de
. . . da x5 nicht dynamisch arbeitet bleibt wohl nur eine 2. Seite mit Auflösung für mobile Geräte . . .
Autor
aber wie kann ich zwei Intros schalten und wie entscheidet dann der Benutzer welche Seite er öffnen möchte?
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/
also auf meinem Handy wird Intro einwandfrei angezeigt.
Habe ein Samsung S4 Smartphoe
Kommt darauf an was für einen HTML Code man drinnen hat und ob der mobil Konform ist!
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.
richtig lesen... Udo hat bei dir getestet.
guck da so sieht das aus
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.
@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.
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!
Ich sehe Andy wir verstehen uns.
@ 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
Wo sieht man da alles ??? (Sony Xperia Z)
Und hier quer...
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.
sorry hier das Foto
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 -->
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 ?
für code wirst auch nicht wirklich hier Support bekommen dafür ist das Forum nicht ausgelegt.