Eigener Button

05.10.2015 14:55
#1
avatar

Moin,
ich versuche grade einen Button zu erstellen, damit hab ich nur ein Problem.
Wie kriege ich es hin, dass man schon auf die Fläche des Button klicken kann und nicht erst
auf den Text kommen muss mit dem Mauszeiger. Mit cursor: pointer; würde ich zwar die Optik kriegen aber
nicht die Funktion. Erstellt hab ich den Button mit dem Textmodul und dann im HMLT Fenster einfach eine Klasse drum gelegt.
http://mittig.jimdo.com/

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

 Antworten

 Beitrag melden
05.10.2015 16:38 (zuletzt bearbeitet: 05.10.2015 16:39)
avatar  az_
#2
avatar
az_

Moin auch!

Du kannst den Button von Jimdo nehmen und anpassen:

1
2
3
4
5
6
7
8
9
10
11
 

<div class="j-calltoaction-wrapper j-calltoaction-align-1">
<span style="color: #ffffff;" data-mce-style="color: #ffffff;">
<a target="_top" style="color: #ffffff;"
class="j-calltoaction-link j-calltoaction-link-style-1"
data-action="button" href="http://huete-aus-kiel.jimdo.com/bestellung/"
data-title="Bestellen" data-mce-href="http://huete-aus-kiel.jimdo.com/bestellung/"
data-mce-style="color: #ffffff;">Bestellen</a>
</span><br data-mce-bogus="1">
</div>
 
 



Statt class="j-calltoaction-link j-calltoaction-link-style1" benutzt Du deine eigenen Klassen, z.B.: class="j-calltoaction-mylink j-calltoaction-link-mystyle" und belegst diese mit eigenen Werten.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!