Deine schattierte Textbox in Jimdo

Gestalte deine eigene schattierte Textbox für deine Jimdo Webseite. Du suchst Hilfe bei Jimdo? hannawagner.de hilft dir schnell und kompetent!
So könnte Deine schattierte Textbox aussehen.

Head-Bereich öffnen

Melde Dich auf Deiner Homepage an, um in den Head-Bereich Deiner Webseite zu gelangen.

 

Im Anschluss klickst Du im linken, oberen Bereich Deiner Seite auf den Menü Button.

Klicke nun auf "Einstellungen".

Anschließend klickst Du unter „Webseite“ auf den Menüpunkt „Head bearbeiten

Code für deine Textbox im Head-Bereich

Im Headbereich gibst Du im Reiter „Gesamte Webseite“ folgenden Code ein:

 

 

 

 

 

 

 

 

<style type="text/css">
/*<![CDATA[*/
/* hannawagner.de – schattierte Textbox */

.Textbox {

padding: 10px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);
border: 1px solid rgb(204, 204, 204);
color: black;
text-align: left;
text-decoration: none;
text-underline: none;

filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;

background: white;
background: -moz-linear-gradient(top, white 0%, #dcd5cf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcd5cf));
background: -webkit-linear-gradient(top, white 0%, #dcd5cf 100%);
background: -o-linear-gradient(top, white 0%, #dcd5cf 100%);
background: -ms-linear-gradient(top, white 0%, #dcd5cf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dcd5cf',GradientType=0 );
background: linear-gradient(top, white 0%, #dcd5cf 100%);
 
)
/*]]>*/
</style>

Code für dein Textbox im HTML-Widget

Im Textbereich deiner Seite gehst du nun auf das HTML-Widget und gibst folgenden Code ein:

<div class="Textbox"><p>Hier steht Dein individueller Text</p>

 

Ersetze “Hier steht dein individueller Text” schreibst durch deine eigene Nachricht im. Code.

 

 

 

Kopiere diesen Code in den Headbereich und klicke im Anschluss rechts unten auf den Button Speichern.

 

Um zu testen, ob der Einbau funktioniert hat, klicke oben Links im Menü auf „Zurück“ und logge dich aus deiner Seite aus (im Menü unter „Mein Konto“, „Logout“).

 

 

Wenn du einzelne Parameter im Code des Head-Bereichs veränderst, kannst du z.B. Schriftgröße, Schriftart , die Farbe der Textbox usw. verändern!

 

Wenn du noch mehr Support benötigst, schreibe mir eine Mail an:

info@hannawagner.de

 

Viel Spaß bei Deinem Projekt wünscht

 

Hanna Wagner

Kommentar schreiben

Kommentare: 0