Button am Rand befestigen

  • Hallo an Alle,


    ich möchte gern eine Button mit dem Text Kontakt am rechten Rand befestigen. Was muss ich da tun?
    Es kann 2 Effekte haben wenn man dann auf den Button klickt.
    1. Es öffnet sich dann die Kontaktseite
    2. Es springt ein Fenster von Rechts auf mit der Telefonnummer und Email Adresse

  • Skripte dafür gibt es doch genug. letztendlich ist es nur eine feste Positionierung außerhalb vom Seiteninhalt. Die sollte dann aber bei einer gewissen pixelbreite aber verschwinden macht sich blöd so ein Button auf kleinen Bildschirmen.

  • ja aber ich kenne mich damit nicht aus. Ich weiß keinen Script und ich weiß auch nicht wie und wo ich den bei Evo13 einbaue.
    Denn der Button muss ja auch auf die Seite

  • das wurde hier schon mal behandelt.
    Auf einer meiner Seiten ist so einer in der Art drinnen.
    Denke bei http://www.hedi.at der Kontakt auf der Seite.
    Bin leider nur am Handy da

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • @bernie vor dem </a> kommt noch ein > das hast du vergessen.


    @michag78 dann solltest du mal google benutzen und dir ein paar anschauen und dann preisgeben was du möchtest.


    https://deine-slideshow.jimdo.com/dein-kontakt-button/
    http://forum.wpde.org/design/1…tton-links-auf-seite.html


    http://www.jqueryscript.net/so…hare-Contact-Sidebar.html


    um nur mal einen kleinen Teil zu nennen.

  • Normalerweise steht die Beschreibung oder Tutorial gleich unterhalb drinnen! Das alles dann unter "1" Seo&Code Reiter "Erweitert" vor dem </head> Tag rein. Aber ohne etwas Wissen in HTML wo du deine Tel.Nr. und Email reinschreibst wird es nicht gehen. Jedenfalls eine leichtere Lösung gibt es nicht.

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Da hier so gut wie keiner von uns die Evo hat kann er dir auch kein Projekt zu Verfügung stellen.
    Ich habe mal extra für dich ein Projekt erstellt. Das aber nur in der 11er Version. In der 13 geht das besser zu lösen.


    Es ist alles auf der Seite Dateianhang.


    http://testseiten.unofficialws…_Buttons/dateianhang.html


    Die anderen Symbole sind in der demo.js auskommentiert. Diese befindet sich NICHT im Projekt. Die musst du selbst erstellen bzw. die richtigen Werte ersetzen.


    http://testseiten.unofficialws…Social_Buttons/js/demo.js

  • Danke Zwoemti für deine mühe und Hilfe. Ich probiere das mal.
    Wenn ich mit der Maus darüber gehen kommen englische Wörter, wo kann ich das auf deutsch ändern?

  • Die Sprache stellst du in der Datei jquery.contact-buttons.js um diese ist als Dateianhang im Projekt mit drin bzw. findest du auch extra nochmal da auf der Seite wo man die demo laden kann.


    JavaScript
    1. 'facebook': { class: 'facebook', use: false, icon: 'facebook', link: '', title: 'Follow on Facebook' },
    2. 'google': { class: 'gplus', use: false, icon: 'google-plus', link: '', title: 'Visit on Google Plus' },
    3. 'linkedin': { class: 'linkedin', use: false, icon: 'linkedin', link: '', title: 'Visit on LinkedIn' },
    4. 'twitter': { class: 'twitter', use: false, icon: 'twitter', link: '', title: 'Follow on Twitter' },
    5. 'pinterest': { class: 'pinterest', use: false, icon: 'pinterest', link: '', title: 'Follow on Pinterest' },
    6. 'phone': { class: 'phone', use: false, icon: 'phone', link: '', title: 'Call us', type: 'phone' },
    7. 'email': { class: 'email', use: false, icon: 'envelope', link: '', title: 'Send us an email', type: 'email' }

    aber nur hinten den title ändern. Die Symbole kommen alle von fontawesome aus dem head der Seite wenn du da andere willst kannst du das hiermit steuern


    http://fontawesome.io/get-started/