Wie man aus Ask Box ein Bild auf Tumblr macht
Tumblr bietet eine blogähnliche Benutzeroberfläche, über die Sie Ihre Freunde aktualisieren und Links, Text oder Bilder aus den Konten anderer erneut veröffentlichen können. Obwohl die Website über keine Standardkommentierungsfunktion verfügt, können Sie mit anderen Benutzern über das Feld "Fragen" kommunizieren. In diesem Fenster können Sie Fragen stellen, die die Website an Ihr Dashboard stellt, damit Sie sie auf Ihrer Seite beantworten können. Sie können ein Bild hinzufügen in Ihr "Ask" -Feld, um es anzupassen.
Bildeinschränkungen
Mit CSS können Sie die verschiedenen Elemente Ihrer Ask-Box anpassen. Sie können beispielsweise ein gemustertes Bild verwenden, das einen schönen Kontrast zu Ihrem Design hinter dem Textbereich und der Schaltfläche "Senden" darstellt. Da Tumblr Ihnen einen i-Frame-Code anstelle des eigentlichen Formularcodes für Ihre Seite zur Verfügung stellt, können Sie die Formularfelder nicht individuell anpassen. Sie können beispielsweise kein Bild speziell zum Textbereich hinzufügen oder das Hintergrundbild des Feldes "Fragen" ersetzen, damit es etwas anderes anzeigt.
Code
Um ein einzelnes Bild hinter Ihrem "Ask" -Bereich anzuzeigen, müssen Sie den von Tumblr bereitgestellten Standard-I-Frame-Code in ein div einbetten und dann ein Hintergrundbild für dieses div festlegen. Zum Beispiel:
Vergessen Sie nicht, die URL des Bildes in eine online gehostete zu ändern. Sites wie Photobucket und ImageShack bieten kostenloses Hosting an, das Sie verwenden können. Darüber hinaus müssen Sie "YourUserName" in Ihren Tumblr-Namen ändern, damit das Feld "Fragen" auf den richtigen Benutzer verweist.
Tipps
Sie können ein Hintergrundbild erstellen, das Ihr "Ask" -Feld umgibt und alle Elemente (Textfeld, Schaltfläche und Anmeldungsfeld) umrahmt, um den Eindruck einer Umrandung zu vermitteln, auch wenn Tumblr es Ihnen nicht gestattet Passen Sie diese Elemente tatsächlich mit CSS an. Um das Hintergrundbild besser an Ihrem I-Frame auszurichten, geben Sie die Höhe und Breite beider Objekte in CSS an. Sie können auch den Rand des I-Frames anpassen. Dies ist der Abstand zwischen den Außenkanten und dem Div. oder Sie können die Auffüllung des div anpassen, dh den Abstand zwischen den inneren Kanten und dem Inhalt, um die Ausrichtung zu erleichtern.
Überlegungen
Stellen Sie bei der Verwendung eines Bildes als Teil eines Formularfelds sicher, dass Ihr Besucher den von ihm eingegebenen Text lesen kann. Die Verwendung eines meist dunklen Bildes und die Kombination mit hellem Text - oder das Gegenteil - ist für die Augen einfacher als ein viel beschäftigtes Bild mit vielen Farben. Wenn Sie dies nicht berücksichtigen, können sich Benutzer mit dem Aussehen Ihrer Box frustriert fühlen und die Kommunikation mit Ihnen auf Tumblr unterlassen.