"MACH DEINE SEITE JETZT FIT,
    MIT DEINEN coolen TEXTBOXEN!"

    Hast Du ein Layout mit transparentem Inhaltsbereich gewählt (z.B. Layout F478), so kannst Du mit diesem Tutorial auch eigene Textboxen wie auf meiner Seite generieren. Füge dafür einfach folgende Code in den Head-Bereich ein:

    <style type="text/css">
    /*<![CDATA[*/
    /* Deine Slideshow */

    .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>

    Diesen Codeschnipsel musst Du nur noch in ein Widget/HTML-Modul einfügen. Entweder gibst Du Deinen Text dann direkt im Widget/HTML-Modul ein, oder Du schreibst Deinen Text erst in einem normalen Textmodul und kopierst dann den HTML-Code (findest Du rechts oben im Textmodul) in Dein Widget/HTML-Modul direkt hinter: <div class="Textbox">

    <div class="Textbox"><p>Dein Text</p>

    Kommentare: 20
    • #20

      mysim-mobile (Freitag, 03 April 2015 22:29)

      Einfach Super !!!!!!

    • #19

      Rosa Arredondo (Donnerstag, 15 Januar 2015 18:07)

      einfach prima.!!!

    • #18

      tauchwelt (Mittwoch, 26 November 2014 16:27)

      Kann niemand helfen - schade :-(

    • #17

      tauchwelt (Montag, 24 November 2014 19:14)

      Vielleicht klappt es ja das ich eine Lösung bekomme :-)
      Habe die TextBox eingefügt soweit alles ok.
      Die von mir gewünschte Background Farbe wird auch richtig bei IE und Mozzila angezeigt !!
      Leider bei Chrome und Safari wird die Farbe statt blau in grau dargestellt - warum???

    • #16

      forhabb (Montag, 11 August 2014 08:46)

      Komisch, funktioniert irgenwie nicht, naja ...

    • #15

      sonnendeck-kohlmannsberg (Mittwoch, 06 August 2014 17:04)

      oh no, bei mir klappt das nicht ... Hintergrund ist wunderschön, nur die Textfelder fehlen :( bitte um Hilfe!!!

    • #14

      mietwerkstatt-iserlohn (Mittwoch, 09 Juli 2014 14:28)

      Hallo,

      kann mir jemand sagen wie man eine Textbox mit einem diversen Hintergrundbild kompinieren kann ?
      Also ideal wäre wenn man dann noch den Rahmen runden und verändern kann mit dem folgenden hier angebotenen code :
      <div style="background-color: #0389d1; border: #dddddd 1px solid; padding: 8px; border-radius: 6px 6px 6px 6px;">

      Danke vorab !!!

      Grüsse

    • #13

      Sebastian Swolensky (Mittwoch, 16 April 2014 21:00)

      Hallo :D Ich baue gerade einen Shop auf und ja ich möchte das die Produkte auch in einem Textfeld(Box) stehen so das man alles lesen kann und nicht den Hintergrund im Text hat. Wie mach ich das?

    • #12

      kuehl-lange (Freitag, 14 März 2014 14:29)

      Hallo, erstmal deine Seite ist einfach nur Spitzenklasse!
      Super Tutorials!!!
      Ich habe ine Frage zum Textfeld. Wie kann ich dieses frei positionieren, z.B. in den Headbereich oder über die Slideshow an
      beliebige Stelle?
      Viele Grüße!

    • #11

      manfred egli (Montag, 13 Januar 2014 15:44)

      wie bringe ich das swifttype suchfeld in die titelseite oder in die navigation?

    • #10

      David (Samstag, 28 Dezember 2013 09:35)

      Hallo, wie schaut es mit Fotos und Grafikdateien aus?
      Wie bekomme ich diese in eine Textbox?

    • #9

      spanischer-fussball (Freitag, 20 Dezember 2013 12:58)

      Heey,

      hab das mal eingeabut, aber fänds noch besser, wenn man in diesem Feld scrollen könnte, damit man unten drunter noch was dran baun kann :D

    • #8

      Deine Slideshow (Freitag, 11 Oktober 2013 12:10)

      Der Code kommt in den Headbereich. Du musst nur noch deine Gästebuch-ID ergänzen ;-)

      Viele Grüße.

    • #7

      Chaosfreunde.com (Donnerstag, 10 Oktober 2013 15:29)

      Hallo,
      ganz vergessen dass dieser Punkt noch offen war bei mir.
      Danke vorab für deine Antwort, habs aber nicht hinbekommen.

      Also ich kopiere den Code und mache ihn in den Head oder in ein Widgetmodul?
      Dass mit dem ersetzen habe ich verstanden......

      Gruß

    • #6

      Deine Slideshow (Dienstag, 10 September 2013 12:14)

      Hehe, diese Frage musste früher oder später kommen ;-)

      Ich finde aber klasse, dass Du den Rest schon selber heraus gefunden hast.
      Schnapp der erstmal den folgenden Code:

      <style type="text/css">
      /*<![CDATA[*/

      ul#commentOutputXXXXXXXXXX {

      position: relative;
      left: -38px;
      width: 946px;
      margin: 0px auto 10px;
      padding: 10px;
      filter:alpha(opacity=90);
      -moz-opacity: 0.90;
      opacity: 0.90;

      -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);
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;

      background: #d7d7d7; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2YyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #d7d7d7 0%, #f6f6f6 47%, #f7f2e0 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(47%,#f6f6f6), color-stop(100%,#f7f2e0)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #d7d7d7 0%,#f6f6f6 47%,#f7f2e0 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #d7d7d7 0%,#f6f6f6 47%,#f7f2e0 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #d7d7d7 0%,#f6f6f6 47%,#f7f2e0 100%); /* IE10+ */
      background: linear-gradient(to bottom, #d7d7d7 0%,#f6f6f6 47%,#f7f2e0 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#f7f2e0',GradientType=0 ); /* IE6-8 */

      }

      /*]]>*/
      </style>

      <style type="text/css">
      /*<![CDATA[*/


      Ersetzen musst Du dann nur noch die interne Bezeichnung für dein Gästbebuch.
      Dafür müsstest Du erstmal ein Gästbuch anlegen. Anschließend klickst Du mit der rechten Maustaste auf das Gästebuch und suchst im Quellcode nach dem entsprechenden Zahlencode hinter der Bezeichnung "ul#commentOutputXXXXXXXXXX".
      Diesen eingefügt, müsste dein Gästebuch nun auch so ausschauen wie bei mir.

      Viele Grüße.

    • #5

      Chaosfreunde.com (Dienstag, 27 August 2013 13:29)

      Hallo, nochmals ich

      Alo ich habe meine Fragen selbst beantwortet.
      Eine bleibt jedoch:
      Wie hast du dein Blog bzw. dein Gästebuch in die Textfelder integriert?

    • #4

      Chaosfreunde.com (Dienstag, 27 August 2013 12:47)

      Guten Morgen,

      Ich habe den Kampf mit der Homepage wieder aufgenommen und wiedermal deine Tutorials durchstöbert.
      Wirklich toll hier.
      Ich habe die Textbox auch um meinen Slider gebaut. Eigentlich recht cool.
      Zu den Textboxen habe ich jedoch noch zwei Fragen:

      1. Wie formatiere ich einen Text in der Textbox. Bei mir schreibt er ohne Absätze immer alles zusammen.
      2. Kann ich die Rahmenbreite ändern? Du hast irgendwie weniger Rahmen um deine Bilder.

      Danke im Voraus.

    • #3

      Deine Slideshow (Dienstag, 30 Juli 2013 11:12)

      Hab ich noch nicht ausprobiert, also die Textbox mit einem Blog zu kombinieren. Das geht bestimmt, aber müsste man sich intensier mit beschäftigen. Die Bilder hast Du ja bereits gut sichtbar in die Boxen integrieren können :-)

      Viele Grüße.

    • #2

      djknut (Freitag, 26 Juli 2013 14:55)

      Hallo. Vielen Dank für die Codes.

      Ich hab derzeit aber noch ein Problem:
      Der body ist jetzt transparent.
      Ich benutze die Texzbox.
      Wie bekomme ich zB einen Blogeintrag in eine gesamte Textbox, wenn der Artikel allerdings aus mehreren Elementen besteht? Oder geht das nicht und ich muss alles in HTML machen? Und verzichte somit auf die Jimdo-Bausteine?

      Und weitere Frage?

      Ich benutze da so ein Textfeld mit Bild drin. Jetzt wo ich Textbox angewendet habe, werden die Bilder alle überdeckt und sind nur noch schemenhaft zu erkennen? Wie nekomme ich die quasi in den Vordergrund?

      Danke!

    • #1

      warnkedesign (Freitag, 05 Juli 2013 10:18)

      Bei mir funktioniert es irgendwie nicht dort steht immer nur der text... aber dort ist keine box ist alles auf einer seite :(