mail formular

Erstellt am 17. September 2005 · 4 Antworten · letzte Antwort am 19. September 2005

andres · 17. September 2005 17:36

ich versuche schon seit einiger zeit die schriftgrösse und art in meinem mailformular zu verändern (name, adresse etc.). bisher aber ohne erfolg. unter include static habe ich content (default) ausgewählt. im constantEditor konnte ich leider keine einstellungs möglichkeit betreffend mailformular finden.

ich habe auch folgendes in das setup reingeschrieben:

tt_content.mailform.20.layout = <tr><td align=left
class="ft10px666666"><b>###LABEL###</b></td><td><img src="clear.gif" width=20></td><td class="text">###FIELD###</td></tr>
tt_content.mailform.20.params = class="formular"
tt_content.mailform.20.labelWrap.wrap = <div class="ft10px666666" align="left"><b> | </b></div>

und im style.css steht:
.ft10px666666 {
color: black;
font-size: 11px;
font-family: Verdana;
}
.ft10px333333 {
color: black;
font-size: 11px;
font-family: Verdana;
}

.formular { color: #333333; font-size: 11px; font-family: Verdana; background-color: #ffffff; border: solid 1px #666666 }

es rührt sich einfach nix.
wer weiss rat???
andres

typographic · 17. September 2005 21:26

Hallo!

am besten nur mal den fertig gerenderten HTML-Quellcode (nur des Content-Bereiches) posten. Dann wäre es etwas einfacher für mich.

andres · 18. September 2005 00:42

danke für deine hilfe!
hier der html code des formular-bereichs:

             <tr>
               <td width="533" valign="top" align="left" class="inhalt">
                 <a name="28"></a><h1>Kontakt</h1><form action="index.php?id=6" name="a59d2838c128e1981da6ec1005f3dccb3" enctype="multipart/form-data" method="post" target="page" onsubmit="return validateForm('a59d2838c128e1981da6ec1005f3dccb3','name,Name%3A,email,Email%3A','Herzlichen%20Dank%20f%FCr%20Ihr%20Interesse%21','Bitte%20f%FCllen%20sie%20das%20Formular%20aus%21','')"><div style="display:none;"><input type="hidden" name="html_enabled" value="1" /><input type="hidden" name="subject" value="This is the subject" /><input type="hidden" name="locationData" value="6:tt_content:28" /></div><table border="0" cellspacing="0" cellpadding="2"><tr><td align="right">Name:</td><td><img src="clear.gif" width="5" alt="" /></td><td><input type="text" name="name" size="40" value="Enter your name here" /></td></tr><tr><td align="right">Email:</td><td><img src="clear.gif" width="5" alt="" /></td><td><input type="text" name="email" size="40" value="" /></td></tr><tr><td align="right">Address:</td><td><img src="clear.gif" width="5" alt="" /></td><td><textarea name="address" cols="40" rows="5" wrap="virtual">
</textarea></td></tr><tr><td align="right">Contact me:</td><td><img src="clear.gif" width="5" alt="" /></td><td><input type="checkbox" value="1" name="tv" checked="checked" /></td></tr><tr><td align="right"></td><td><img src="clear.gif" width="5" alt="" /></td><td><input type="submit" name="formtype_mail" value="Send form!" /></td></tr></table></form><img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br /><table border="0" cellspacing="0" cellpadding="0" width="99%"><tr><td bgcolor="black"><img src="clear.gif" width="1" height="1" alt="" title="" /></td></tr></table><img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br /><img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br />
</td>
             </tr>
           </table>
         </td>

typographic · 18. September 2005 12:22

Hi,

ich kann leider keine Klassenverweise finden. Offenbar funktionieren deine TypoScript-Anweisungen nicht.

<table>
  <tr>
    <td width="533" valign="top" align="left" class="inhalt">
      <a name="28"></a>
      <h1>Kontakt</h1>
      <form action="index.php?id=6" name="a59d2838c128e1981da6ec1005f3dccb3" enctype="multipart/form-data" method="post" target="page" onsubmit="return foo();">
        <div style="display:none;">
          <input type="hidden" name="html_enabled" value="1" />
          <input type="hidden" name="subject" value="This is the subject" />
          <input type="hidden" name="locationData" value="6:tt_content:28" />
        </div>
        <table border="0" cellspacing="0" cellpadding="2">
          <tr>
            <td align="right">Name:</td>
            <td><img src="clear.gif" width="5" alt="" /></td>
            <td><input type="text" name="name" size="40" value="Enter your name here" /></td>
          </tr>
          <tr>
            <td align="right">Email:</td>
            <td><img src="clear.gif" width="5" alt="" /></td>
            <td><input type="text" name="email" size="40" value="" /></td>
          </tr>
          <tr>
            <td align="right">Address:</td>
            <td><img src="clear.gif" width="5" alt="" /></td>
            <td><textarea name="address" cols="40" rows="5" wrap="virtual"></textarea></td>
          </tr>
          <tr>
            <td align="right">Contact me:</td>
            <td><img src="clear.gif" width="5" alt="" /></td>
            <td><input type="checkbox" value="1" name="tv" checked="checked" /></td>
          </tr>
          <tr>
            <td align="right"></td>
            <td><img src="clear.gif" width="5" alt="" /></td>
            <td><input type="submit" name="formtype_mail" value="Send form!" /></td>
          </tr>
        </table>
      </form>
      <img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" />
      <table border="0" cellspacing="0" cellpadding="0" width="99%">
        <tr>
          <td bgcolor="black"><img src="clear.gif" width="1" height="1" alt="" title="" /></td>
        </tr>
      </table>
      <img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" />
      <img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" />
    </td>
  </tr>
</table>

mfG

andres · 19. September 2005 12:02

ja das habe ich auch bemerkt. kannst du schnell einen blick in mein script werfen? vielen dank!

page = PAGE
page {

   typeNum = 0

################################# Allgemeine Seiteneigenschaften setzen#############

   bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
   meta.AUTHOR = Andre Schuler
   meta.DESCRIPTION = Hier steht eine Beschreibung
   stylesheet = fileadmin/style.css

############################# Allgemeine TypoScript-Konfigurationen######################

config.linkVars = L
config.sys_language_uid = 0
config.language = de
config.index_enable = 1
config.index_externals = 1
config.spamProtectEmailAddresses = 1
config.simulateStaticDocuments_noTypeIfNoTitle = 1

############################## Die Designvorlage integrieren########################

   10 = TEMPLATE
   10.template = FILE
   10.template.file = fileadmin/vorlage.html
   10.workOnSubpart = DOKUMENT

   10.marks {
      # Den Platzhalter DATUM ansprechen
      DATUM = TEXT
      DATUM.data = date : d.m.Y

##################Den Platzhalter KLICKPFAD ansprechen#############################

################## Objekt COA wird zwischengeschaltet, um einen zusätzlichen###################

###################### Text angeben zu können#######################
KLICKPFAD = COA
KLICKPFAD {

   # Der vorgeschaltete Text
   10 = TEXT
   10.value = Sie befinden sich hier:&nbsp;

############################### Den Klickpfad an Position 20 darstellen################
   20 = HMENU
   20 {
      special = rootline
      special.range = 2|-1
      1 = TMENU
      1.NO = 1
      1.NO.linkWrap = |&nbsp;/&nbsp;
   }
}

############################## Das Logo einlesen####################
LOGO = IMAGE
LOGO.file = fileadmin/images/logo.jpg
LOGO.file.width = 178

#############################trailer/hintergrundbild###################

######################## Den Trailer dynamisch ansprechen################
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
   XY = 759, 99
   backColor = #FFFFFF
  
########################### Das Hintergrundbild einlesen###################
10 = IMAGE
10.file = fileadmin/images/trailerbild.jpg
10.file.width = 759
10.offset = 0, -150

###################################verlauf/trailertxt##########
############################### Den Verlauf einarbeiten#########
20 = IMAGE
20.file = GIFBUILDER
20.file.backColor = #FFFFFF
20.file.XY = 759,99
20.mask = fileadmin/images/mask.jpg

#################################Text auf den Trailer rendern##############
30 = TEXT
30.text.field = subtitle // title
30.fontFile = fileadmin/fonts/Eurostile Bold.ttf
30.fontSize = 24
30.fontColor = #FF00CC
30.niceText = 0
30.offset = 10, 85

###################################verlauf/trailertxt_ende##########

}

##################################trailer/hintergrundbild_ende####################
      
####################### Das Textmenü oben erstellen################
      MENU_OBEN = HMENU
      MENU_OBEN {
         special = directory
         special.value = 2
         1 = TMENU
         1.NO = 1
         1.NO.linkWrap = &nbsp;|&nbsp;&#124;|*|&nbsp;|&nbsp;&#124;|*|&nbsp;|
      }

################################### Das grafische Menü_rechts erstellen###########
MENU_LINKS = HMENU
MENU_LINKS {
   wrap = <img src="fileadmin/images/linie_weiss.gif" width="178" height="1"><br>|
   special = directory
   special.value = 7
entryLevel = 1
   1 = GMENU
   1.NO = 1
   1.NO {
      XY = 178, 24
      backColor = #E8E8E8
     
################################ Text auf den Menüpunkt rendern########################
10 = TEXT
10.text.field = title
10.fontColor = black
10.fontFile = fileadmin/fonts/Eurostile Bold.ttf
10.fontSize = 12
10.niceText = 0
10.offset = 14, 16

################################ Eine weisse Linie erzeugen#######################
20 = IMAGE
20.file = GIFBUILDER
20.file {
   XY = 178,1
   backColor = #FF00CC
}
20.offset = 0, 23
   }
########################## Einen RollOver-Zustand beschreiben####################
   1.RO < .1.NO
    1.RO.backColor = #FF99FF

######################## Die zweite Ebene als Kopie der ersten Ebene beschreiben######################
    2 < .1
    2.NO {
   backColor = white
   10.fontColor = black
   10.niceText = 0
   10.fontSize = 13
   }
   2.RO < .2.NO
   2.RO.backColor = #FF00CC
   }

########################## Inhalt ausgeben############################
INHALT = CONTENT
INHALT {
   table = tt_content
   select.orderBy = sorting
   select.where = colPos = 0
}

######################## Inhalte in der rechten Spalte ausgeben########################
RECHTS = COA
RECHTS.10 = CONTENT
RECHTS.10 {
   table = tt_content
   select.where = colPos = 2
   select.orderBy = sorting
}

RECHTS.20 = CONTENT
RECHTS.20 {
   table = tt_content
   select.orderBy = sorting

####################### Inhalte werden von der Seite mit der ID 23 genommen#################
   select.pidInList = 23
}

########################## Suchformular am Platzhalter anzeigen##################
SUCHE < tt_content.search.30
SUCHE {
target = _self
redirect = 9
badMess = Bitte geben Sie ein Suchwort an!
layout = ###FIELD###<br>
         stdWrap.wrap >
         dataArray.10 {
            label =
            type = *sword = input, 5, 30
         }
         dataArray.20 {

            valueArray >
            type = scols = hidden
            value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
         }
         image = IMAGE
         image.file = GIFBUILDER
         image.file {
            XY = 20,15
            backColor = silver
            10 = TEXT
            10.text = GO
            10.fontFile = fileadmin/fonts/Eurostile Bold.ttf
            10.fontColor = black
            10.fontSite = 11
            10.niceText = 1
            10.offset = 2, 13
         }
      }
   }
}

########################### Die überschrift neu formatieren######################
lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
   key.field = header_layout
   default = TEXT
   default.field = header
   default.wrap = <h1>|</h1>
   2 = IMAGE
   2.file = GIFBUILDER
   2.file {
      XY = [10.w]+10, 20
      backColor = #E8E8E8
      10 = TEXT
      10.text.field = header
      10.fontFile = fileadmin/fonts/Eurostile Bold.ttf
      10.fontColor = black
      10.fontSize = 12
      10.niceText = 0
      10.offset = 2, 18
   }
   wrap = |<br>
}

######################## Inhaltstyp "Normaler Text" anpassen#######################
tt_content.text.20 {
   textStyle >
   wrap = <p>|</p>
}


####################### Die Sitemap von einem Ausgangspunkt erstellen lassen##################

tt_content.menu.20.2 {

   special = directory
   special.value.field = pages
}

############################### Das Suchformular anpassen########################
tt_content.search.30 {
   target = _self

   badMess = Bitte füllen Sie alle erforderlichen Felder aus:
   dataArray.10 {
      label = Ihre Suche:
      type = *sword = input, 15, 30
   }
   dataArray.20 {
      valueArray >
      type = scols = hidden
      value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
   }
   image = IMAGE
   image.file = GIFBUILDER
   image.file {
      XY = 50,20
      backColor = silver
      10 = TEXT
      10.text = SUCHE
      10.fontFile = fileadmin/fonts/verdana.ttf
      10.fontColor = black
      10.fontSite = 11
      10.niceText = 1
      10.offset = 2, 15
   }
}


################################ Das Suchergebnis anpassen###########################
tt_content.search.20 {
   layout.10 {
      value = Ergebnisse auf dieser Seite: ###RANGELOW### bis ###RANGEHIGH### von ###TOTAL###
      fontTag >
      wrap = <td width=95% bgColor="silver"><font face="verdana" size="2"><b>|</b></font></td>
   }
   layout.20 {
      value = ###PREV###&nbsp;&nbsp;&nbsp;###NEXT###
      fontTag >
      wrap = <td bgColor="silver"><font face="verdana" size=2><B>|</B></font></td>
   }
   renderObj.10 {
      textStyle >
      fontTag >
      wrap = <font face="verdana" size="2"><b>|</b></font>
      typolink.target = _self
   }
   renderObj.20 {
      stdWrap.textStyle >
      stdWrap.wrap = <tr><td><font face="Verdana" size="1" color="navy"> |</font></td></tr>
      stdWrap.crop = 200 | [...]
   }
   noResultObj >
   noResultObj = TEXT
   noResultObj {
     value = Kein Ergebniss gefunden!
     wrap = <font face="Verdana" size="2"><b>|</b></font>
   }
   next.value = Weiter
   prev.value = Zurück
   target = _self
   range = 10
}
############################# Login-Formular für Webseiten-Benutzer########################

tt_content.login.20 {
   hiddenFields.pid.value = 24
   dataArray.10.label = Benutzername:
   dataArray.20.label = Passwort:
}



############################### Eingeloggter Benutzer##############################
[loginUser = *]
   tt_content.login.20 {
      dataArray.10.label = Sie sind als Benutzer <b><!--###USERNAME###--></b> eingeloggt
      image = IMAGE
      image.file = GIFBUILDER

      image.file {
         XY = 100, 20
         backColor = red
         10 = TEXT
         10.text = Logout
         10.fontSize = 12
         10.fontColor = black
         10.fontFile = fileadmin/fonts/verdana.ttf
         10.niceText = 0
         10.offset = 1, 16
      }
   }


################INDEXSUCHE######################################################

plugin.tx_indexedsearch.tableParams {
    secHead = border=0 cellpadding=0 cellspacing=0 width="300"
    searchBox =  border=0 cellpadding=0 cellspacing=0
    searchRes =  border=0 cellpadding=0 cellspacing=0 width="300"
}
plugin.tx_indexedsearch._CSS_DEFAULT_STYLE >
plugin.tx_indexedsearch.show.rules=0
plugin.tx_indexedsearch.search.page_links = 10