[HTML] Hilfe bei verlinkung eines buttons mit vorgefertigtem menu

[yuanmoons]

Hallo liebes forum,

ich hoffe wirklich sehr das mir irgendwer sagen kann wie ich bei diesem forum eine verlinkung auf diese rote buttons machen kann?

Bild zur erklärung:


Ich möchte einfach das dieses menu durch klicken in die jeweiligen roten flächen und auch durch klicken auf den übergeordneten weißen text eine unterseite ausführt z.b. "<a href="http://www.google.com"></a>"


Hier ist der Link zum Menu in Codepen:


und hier zum direkt Download:



ich hoffe sehr irgendwer da draußen versteht was ich meine und kann mir weiterhelfen

VIELE VIELE LIEBE GRÜßE

[type.]

HAML

.future_ui__piece
    %a{ :href => "//google.com" }
        %span Warp drive
        .line
        .tip
            Yes, commander!

oder

%a{ :href => "//google.com" }
    .future_ui__piece
        %span Warp drive
        .line
        .tip
            Yes, commander!

HTML

<div class='future_ui__piece'>
  <a href='//google.com'>
    <span>Warp drive</span>
    <div class='line'></div>
    <div class='tip'>
      Yes, commander!
    </div>
  </a>
</div>

oder

<a href='//google.com'>
  <div class='future_ui__piece'>
    <span>Warp drive</span>
    <div class='line'></div>
    <div class='tip'>
      Yes, commander!
    </div>
  </div>
</a>

Die Styles müssten auf jeden Fall auch ein wenig verändert werden, damit es nicht den default Look eines Links hat. Aber das sollte so eigentlich ganz gut klappen. (Schnelles Testen im Browser bei mir sagt das zumindest)

[yuanmoons]

Bei mir sieht es dann so aus:


Buttons weg und text liegt da hinten in der mitte

[/exit]

Also wenn ich das jetzt richtig verstehe, willst du das man zBsp. auf den ersten Link klickt
auf Seite X geleitet wird, und wenn man auf denn zweiten Link klickt auf Seite Y geleitet wird oder willst du ein Dropdown Menu ausklappen lassen wenn man drauf klickt?