Button mit Link zu anderer Webseite

  • Hallo Zusammen!


    Ich möchte gerne auf unserer Webeseite eine Art Button haben, der einen Link zu einer weiteren unserer Webseiten enthält. Dieser Button soll immer seitllich sichbar sein.


    Kann mir jemand sagen wie ich das machen kann? Habe eine Anleitung zu einem "call-to-action" Button gefunden, tue mir allerdings sehr schwer das umzusetzen.


    Unsere Webseite :http://www.dantendorfer.at



    Lg
    Vreni

  • ein button ? oder ein Link?
    Ein Button brauch Javascript und ein Link nicht .
    An besten wäre eine Link den man optisch wie ein Button anpasst.


    Was heist den immer sichtbar sein ? Sol er immer an einer stelle sein,egal ob man runter Scrollt oder nicht ?


    EDIT: Hier mal ein Link der wie ein Button aussieht
    https://basti1012.bplaced.net/…ordner=forum-hilfe&id=514


    Obtisch läßt sich das anpassen wie man möchte

  • Ich hätte gerne einen Button, der die ganze Zeit sichtbar ist. Auf jeder Seite und nach jedem scollen.
    So wie es bereits bei uns den "scoll-up" Button gibt (unten rechts aus der Seite), nur das der Button mit dem Link immer sichtbar sein soll.

  • ja dann passt den code doch aus meinen link,oder gibs da noch was zu ändern?
    Da du den Button auf jeder Seite haben willst wäre es sinnvoll den zu includieren.
    Wenn dann machen wir ein keines Js raus was man einbinden kann.
    Oder benutzen schon vorhandene scripte oder htmls die schon eingebunden sind.
    Du brauchst ja nur den html und css aus den meinen Link nehmen und in der richtigen Datei kopieren. Dqann hastdu ihn auf jeder Seite. Genaue Position mußt du nur noch im Script angeben

  • Ich habe es geschafft und habe nun einen Button mit Bild und einem Link.
    Nun habe ich den Button ohne Hintergrundfarbe, dass man nur das Bild sieht.
    Jetzt würde ich gerne einen Hover setzen, allerdings gelingt mir das nur für den Button, der ja eigentlich "nicht sichtbar" ist. Aber ich hätte gerne den Hover für das Bild.


    Kann mir da jemand einen Tip geben?


  • so schaut der Button jetzt aus.
    es wäre fein, wenn der Button seine Farbe verändern würde, wenn man mit der Maus drauf fährt.


    folgendes ist mein Code:



    <a href="http://www.dantendorfer-gentlemen.at" title="other shop" class="other-shop-button">
    <span></span> <img src="{{ 'SHOP_GENTLEMEN.png' | asset_url }}" alt="" >
    </a>
    {{ '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' | stylesheet_tag }}
    <style>
    .other-shop-button {
    position: fixed;
    top: 90px;
    right: 25px;
    text-decoration: none;
    color: #999;
    background-color: none;
    font-size: 0px;
    padding: 0.3em;
    border-radius: 180px;
    z-index: 60000;
    }
    .other-shop-button i {
    vertical-align: middle;
    }
    .other-shop-button span {
    padding-left: 0;
    }
    .other-shop-button i + span {
    padding-left: 0;
    }
    @include at-query($min, $postSmall) {
    width:30%;
    }


    </style>

  • Du hast doch bei deinem Shop einen 24/7 Support. Warum fragst du nicht dort nach, anstatt hier für ein kommerzielles Projekt kostenlose Hilfe in Anspruch zu nehmen?

  • Da ich jetzt nicht weiß, was du da genau benutzt und was den Code da, erzeugt zeige ich dir mal wie man mit hover ein background Bild mit einer Farbe tauscht.

    https://basti1012.bplaced.net/…ordner=forum-hilfe&id=503

    Ich gehe aber mal von aus das der Hintergrund nur die Farbe wechseln soll? Kommt auch immer auf das Bild an. Wenn das Bild selber weiß ich kann man nicht so einfach den Hintergrund färben. Wenn das eins von den durchsichtigen Bildern ist (kenne den Namen dazu jetzt nicht) dann kann man den Hintergrund ohne Probleme ändern. Wenn du es jetzt nicht hinbekommst wie du es haben willst, dann gib mir mal den Link zum Bild dann kann man mal gucken wie man das lösen kann