WebSite X5Help Center

 
Michael G.
Michael G.
User

Fliegender Button  de

Auteur : Michael G.
Visité 2096, Followers 2, Partagé 0  

Hallo,

wie kann ich auf der Website einen fliegenden Button (Buttons sollen immer sichtbar sein) mit Icon Telefon und Brief machen und wenn man das anklickt öffnet sich die Telefonnummer bzw die Seite mit dem Kontaktformular

siehe Bild

Posté le
13 RéPONSES - 2 UTILE - 1 CORRECT
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Kaum ist die Tabelle so wie du es wünscht kommt gleich noch ein spezieller Sonderwunsch der zwar relative einfach mit Code erstellt werden kann, aber es soll ja auch responsive verkleinert und anders dargestellt werden und da wären wir bei sehr viel individuellen Code den man schreiben müsste.

Willst du die Button nicht mehr im fixierten Footer?

Lire plus
Posté le de Andreas S.
Martin H.
Martin H.
User

Nimm doch z.B. das Arccordion Widget

Lire plus
Posté le de Martin H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Michael G.
Hallo, wie kann ich auf der Website einen fliegenden Button (Buttons sollen immer sichtbar sein) mit Icon Telefon und Brief machen und wenn man das anklickt öffnet sich die Telefonnummer bzw die Seite mit dem Kontaktformular siehe Bild

(It > De) ... Sie könnten die Symbole auf einer versteckten Seite platzieren, in einem IFRAME in einem DIV_CUSTOM geöffnet werden...
... um ein > Beispiel  zu sehen ...
... Sie können den Code durch Drücken von Strg + U sehen ... (Ctrl+U)...
... ich habe die DIV_CUSTOM 2009 dank Icm-Stephen erstellt; ... im Grunde ist es einfach ...
... wenn Sie Klarheit brauchen, lassen Sie es mich wissen
(Google Translate, sofern dies zulässig ist)

.

Hallo, ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Es würde auch etwas einfacher gehen mit nur weniger Code!

Dies ist "meine" Testpage wobei das ein normales Icon von den Widgets ist nur eben fixiert am rechten Rand !

Beispiel

Lire plus
Posté le de Andreas S.
Klaus G.
Klaus G.
User

Hey Andreas,

coooole Sache, gefällt mir.

Wie würde ich die linke Seite mit SocialMedia auf die rechte Seite bekommen wenn ich den Code verwenden dürfte winksmile

Lire plus
Posté le de Klaus G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Das ist von den Grafiken her auf links getrimmt!  Wenn dann müsste man die Grafiken spiegeln und den CSS Code ändern.  Aber laut Michael G. ist eher der rechte Orange Button gemeint als Muster!

Lire plus
Posté le de Andreas S.
Karl B.
Karl B.
User

[quote="Andreas S."] Es würde auch etwas einfacher gehen mit nur weniger Code! [/quote][quote="Andreas S."]

Findet man den Code im Netz, wenn ja unter welchem Stichwort oder ist das dein eigener Code und würdest du den hier veröffentlichen?

Lire plus
Posté le de Karl B.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Wenn du den rechten orangen Button meinst ist das nur ein 2 Zeiler an CSS Code!  Was aber dahinter ist und wie das mit WSX5 einzustellen ist, ist wieder eine andere Frage!

Lire plus
Posté le de Andreas S.
Karl B.
Karl B.
User

Sorry, war ja nur eine Frage.

Lire plus
Posté le de Karl B.
Michael G.
Michael G.
User
Auteur

@ Andreas S.
Dein Beispiel wäre auch eine Möglichkeit, jedoch sollten die Buttons nicht aufklappen sondern sichtbar sein. Einen fixierten Footer habe ich nicht.
Und ja es sollte auch responsiv sein, das wäre super.

@Martin H.
Wie kann man das Accordeon Widget am Rand fixieren?

Lire plus
Posté le de Michael G.
Martin H.
Martin H.
User

Eigentlich ganz einfach:

Ich habe das Accordion-Widget im Header eingefügt, denn stört es nicht und man es ohne sein Design zu verändern, in der Position verschieben.

Dann den passenden Code unter "Eigenschaften der Seite" und "Erweitert" eingeben (die Nummer vom Plugin musst Du im Quellcode deiner Seite herausfinden), mit top kannst Du die gewünschte "Höhenlage" des Widget festlegen.

<style>
#imHeader_pluginAppObj_08_accordion_container {
position: fixed;
top: 200px;
right: 0px;
}
</style>

Du kannst natürlich auch andere Widget fixieren z.B. Animated Buttons etc.

Lire plus
Posté le de Martin H.
Martin H.
Martin H.
User

Hier die Einbindung eines Hover Buttons

Lire plus
Posté le de Martin H.
Michael G.
Michael G.
User
Auteur

Super danke

Lire plus
Posté le de Michael G.