WebSite X5Help Center

 
Michael G.
Michael G.
User

Stickybar unten  de

Autor: Michael G.
Besucht 1700, Followers 1, Geteilt 0  

Hallo,

ich habe mal eine Website auf dem Handy gesehen (responsiv) leider finde ich diese nicht mehr.

Oben war die Stickybar und unten auch so eine Art aber mit 2 Buttons. einer mit Symbol Brief darunter stand Email und einer mit Symbol Telefon darunter stand "Anrufen"...beim weiter scrollen, ging das dann weg und es kam die ganze Seite

Hat jemand eine Idee?

Gepostet am
38 ANTWORTEN - 2 NüTZLICH
Andreas L.
Andreas L.
User

Von Haus aus geht das mit X5 nicht.

Mehr lesen
Gepostet am von Andreas L.
Andreas L.
Andreas L.
User

Ich dachte der meine eine Footer Leiste...ja das ist leider nur für Mobile deine Idee.

Mehr lesen
Gepostet am von Andreas L.
Michael G.
Michael G.
User
Autor

Ja genau ich meine eine Art Footer Leiste...

Ich hatte die Website auf dem Handy aufgerufen, dann er schien diese Stickybar oben und diese Art Footer Leiste mit den 2 "Button" unten, beim scrollen ging dann die untere Leiste weg und wenn ich dann wieder an den Seitenanfang scrolle, kommt die Leiste wieder

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User

Hallo Michael

Meinst Du so wie hier https://08152019.de, bei Auflösungen kleine 600px erscheinen die Buttons.

Gruß Rainer

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

Hallo Rainer, ja genau so ähnlich meinte ich das.

Nur die Buttons waren so breit wie das Handy. Also jeweils bis zur Mitte.

Aber die Art meinte ich schon. Wie hast du das gemacht?

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User

Bist Du bei unofficialwsx5 unterwegs?

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

Ja aber da war ich schon lange nicht mehr. Ich muss mal schauen wie das ging

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User

Ich habe das mal auf Buttons bis zur Mitte gändet.

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

Sehr gut Rainer. Genauso meinte ich das. Danke.

Wie hast du das gemacht?

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User

Hallo,

im Anhang steht alles drinn.

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

Danke Rainer, das ist super hast du gut gemacht.

Was sind das aber für viele verschiedene Buchstaben dazwischen?

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User

Das sind die zwei Symbole in den Buttons als base64 codierung. So brauchen diese nicht extra auf den Server geladen und Pfade angepasst werden.

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

Perfekt Daumen hoch

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator

...Nachteil man kann sie nicht per CSS anpassen (von der Farbe her)

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

@Rainer, verwendest du Illustrator um das Icon zu speichern und danach zu encodieren?

Mehr lesen
Gepostet am von Andreas S.
Rainer M.
Rainer M.
User

Da ändert man das:

background-image:url('data:image/svg+xml;base64,PD......go='),
zu
background-image:url(/pfad/zu/bild.svg),

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

Hallo Rainer,

wenn die Buttons unten immer angezeigt werden sollen, was muss ich dann einstellen?

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
Autor

Und dann brauche ich doch eine Lösung das man die Farbe ändern kann.

Weiß da jemand was?

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User

@Michael, wenn die Buttons unten immer angezeigt werden sollen, einfach den Script <script> .... </script> entfernen. Die Buttons überdecken dann aber die Fußleiste.

Welche Farben willst du ändern?

@Andreas S. die Icons habe ich im Netz codieren lassen. Da gibt es Seiten dazu.

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

@Rainer

- ich hatte eine Seite gesehen, dann scrollte der Footer auch hinter den Buttons entlang, wenn diese fest sind
- eventuell die Farben der Icons in bordeuax oder anderen Farben und vielleicht Text darunter "Telefon" und "Mail", wenn das überhaupt geht

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
Autor

Hallo Rainer, hast du eine Idee?

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User

Hallo

Am besten Du änderst erst mal 

background-image:url('data:image/svg+xml;base64,PD......go='), zu

background-image:url(/img/svg/phone.svg), bei Phone und

background-image:url(/img/svg/mail.svg), bei Mail ab.

Im Anhang sind die beiden svg-Dateien. Die kannst Du mit der Freeware Inkscape einfärben und in die entsprechenden Pfade speichern.

Michael G.
@Rainer - ich hatte eine Seite gesehen, dann scrollte der Footer auch hinter den Buttons entlang, wenn diese fest sind - eventuell die Farben der Icons in bordeuax oder anderen Farben und vielleicht Text darunter "Telefon" und "Mail", wenn das überhaupt geht

Bei welcher Seite?

Gruß Rainer

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

Die Seite finde ich leider nicht mehr :-(

Die beiden Buttons unten waren fest und die Seite konnte man komplett scrollen auch die Fußleiste kam dann zum vorschein.

Diese war dann über den Buttons zu sehen

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
Autor

und könnte man auch unter die Icos schreiben "Mail" und "Telefon" ?

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
Autor

Achso und wohin soll ich die Speichern?

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User
Rainer M.
background-image:url(/img/svg/phone.svg), bei Phone und background-image:url(/img/svg/mail.svg), bei Mail ab.

Hier sind doch die Pfadangaben /img/svg/ wohin die svg-Dateien gespeichert werden.

Mit Text an den Icons habe ich nicht probiert und ich finde die Icons erklären sich selbst.

Gruß Rainer

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

Ja ich weiß was du meinst mit dem Pfad, aber ich finde keinen Ordner img

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User
Michael G.
Ja ich weiß was du meinst mit dem Pfad, aber ich finde keinen Ordner img

Den musst du dir selber anlegen mit einem ftp-Programm.

Mehr lesen
Gepostet am von Rainer M.
Franz-Josef H.
Franz-Josef H.
Moderator

...oder im Bereich "5  Export" neben dem Zielverzeichnis auf das Ordnersymbol klicken und im folgenden Fenster mit dem dritten Icon von links den Ordner erstellen...

Mehr lesen
Gepostet am von Franz-Josef H.
Michael G.
Michael G.
User
Autor

Hallo Rainer,

ich habe den Pfad geändert und die Icons dort eingefügt...Die Buttons sind noch zu sehen, aber keine Icons mehr darin. Sind die transparent?

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User

Die sind nicht transparent. Hast Du einen Link zu er Seite? Du kannst ihn mir auch im andern Forum per Konversation zukommen lasen.

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

Hier ist der Link www.zeltsysteme-goebel.de/test

Kann man das auch irgendwie machen, das die unteren 2 Buttons immer stehen bleiben und die Seite dahinter scrollt auch die Fußzeile?

Mehr lesen
Gepostet am von Michael G.
Rainer M.
Rainer M.
User

Das die Buttons immer stehen bleiben habe ich Dir doch hier schon geschrieben.

Rainer M.
@Michael, wenn die Buttons unten immer angezeigt werden sollen, einfach den Script <script> .... </script> entfernen. Die Buttons überdecken dann aber die Fußleiste.

Die Icons werden nicht angezeigt, weil es die oder den Pfad nicht gibt. Siehe Anhang.

Gruß Rainer

Mehr lesen
Gepostet am von Rainer M.
Michael G.
Michael G.
User
Autor

-Ja das habe ich gelesen wegen dem style entfernen....aber ich meinte ob es eine Möglichkeit gibt, das die Fußleiste auch sichtbar  wird?
schau mal auf ebay kleinanzeigen auf dem Handy da bleiben die auch stehen

-Die icons sind auf der Testseite im img ordner
Hier ist der Link www.zeltsysteme-goebel.de/test

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator

Ja im "img" Ordner aber nicht im "img/svg/"  Ordner!

Natürlich sieht es bei den ebay Kleinanzeigen gut aus. Die haben auch ein eigenes Webdesign und Programmierer Team zur Verfügung.

Mehr lesen
Gepostet am von Andreas S.
Michael G.
Michael G.
User
Autor

Ok Rainer, ich schaue mir das noch mal an. Trotzdem vielen Dank du hast mir sehr geholfen.

Ich bin leider auch kein Profi bei sowas. 

Mehr lesen
Gepostet am von Michael G.