eigene Buttons mit Bild

07.03.2018 14:02
#1
di

Hey ho :)

ich bräuchte nochmal´s Hilfe beim erstellen von eigenen Buttons. Alles was ich versucht habe, hatte nicht das gemacht was ich möchte :D
Ich möchte gern 3 Spalten haben, dann ein Vorschaubild und gleich daneben eine farbige Box mit Hovereffekt wenn verlinkt. So wie auf den Screen.
LG


 Antworten

 Beitrag melden
07.03.2018 16:31
avatar  az_
#2
avatar
az_

...dafür kannst Du Tabellenelemente benutzen. Die Bilder und Buttons kannst Du in die Tabellenfelder hineinkopieren und dann alles im html anpassen.

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
07.03.2018 17:19
#3
di

ja das habe ich versucht, aber ich bekomm die Buttons nicht in die Tabelle bzw so dicht an das Bild ran :(


 Antworten

 Beitrag melden
07.03.2018 17:32
avatar  az_
#4
avatar
az_

...das liegt dann evtl. am padding von .n - müsste ich mir mal ansehen. Die URL Deiner Testseite würde evtl. helfen.

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
07.03.2018 18:15
#5
di

Sorry aber ich habe da nix online... Hatte es auf meiner HauptHp getestet unter ausgeblendeten versteckten Testseiten, aber da es nicht funktionierte hatte ich alles wieder gelöscht.


 Antworten

 Beitrag melden
07.03.2018 18:29 (zuletzt bearbeitet: 07.03.2018 18:30)
avatar  az_
#6
avatar
az_

Idee: Erstelle eine versteckte Testseite auf Deiner Hauptseite und gib uns die URL

Beispiel: https://designtest-verona.jimdo.com/test

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
08.03.2018 09:43
#7
di

Hey az,

ja das hatte ich ja alles gemacht, aber ich habe jetzt nix mehr an "Sachen" da, weil ich mir mit den Buttons mit Bilder fast alles zerschossen hatte.
Hatte halt ein Spaltenelement gemacht, da dann Bild+Text rein, und versucht bei Text in Html Buttons einzufügen. Aber da hats halt aufgehört mit den einfügen. Also Button war zu sehen und ging auch zum verlinken, aber das Design hab ich nicht hinbekommen. Wie ich das auch alles gemacht hatte, weiß ich nun auch nicht mehr. Das war gestern alles zu viel.


 Antworten

 Beitrag melden
08.03.2018 10:05
avatar  az_
#8
avatar
az_

...nur die Ruhe, das kriegen wir schon hin :)


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
08.03.2018 10:40
#9
di

Gut ich hoffe es doch :) also ähmmm was mache ich da jetzt, damit wir das hinbekommen? :D


 Antworten

 Beitrag melden
08.03.2018 14:54 (zuletzt bearbeitet: 08.03.2018 14:58)
avatar  az_
#10
avatar
az_

1.) richte eine versteckte Testseite ein https://deineDomain.com/test
2.) setze ein Spalten-Element auf der Testseite ein (2 Spalten)
3.) in das Spaltenelement setzt Du alle Bilder ein (linke Spalte) und baust all die Buttons, die Du brauchst (rechte Spalte)

4.) über dem Spaltenelement setzt Du einTabellenelement ein (...kann später verschoben werden auf richtige Seite)

5.) Besuchermodus: Bilder kopieren
6.) Bearbeitungsmodus: Bilder in Tabellenelement einsetzen

7.) Besuchermodus: Buttons kopieren
8.) Bearbeitungsmodus: Buttons in Tabellenelement einsetzen

...den Link zur Testseite bitte hier im Forum publizieren.

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!