• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Typo3 in Website integrieren

Status
Für weitere Antworten geschlossen.
philipp

philipp

Neues Mitglied
Hi

Ein Kunde will das Typo3 CMS, warum auch immer, ich muss jetz also das fertige Design unter Typo3 zum laufen bekommen.

Hat wer von euch einen Link zu einem Tutorial oder so ähnlich, wie ich das hinbekommen kann?
 
Werbung:
video2brain is nich...


das tut is einfach zu "umfangreich"... das kann ja ned sein, meine meinung von typo3 als sinnverfehltes cms bestätigt sich immer mehr.

ich will einfach nur ein design in typo3 imoprtieren ... keine lust auf das kack typoscript und unzählige extensions.

kann ich da nicht einfach mein template nehmen, bestimmte comments einfügen und das teil irgendwo hinspeichern?
 
Werbung:
Hallo,

Dein Freund kann in diesem Fall die Extention "Template Auto-parser" sein. Mit ein paar kleinen Anpassungen im Setup kann man hier auf eine HTML-Datei als Template zurückgreifen. Allerdings sollte man in diesem Fall - wenn möglich - sich nicht auf 100% valide code verlassen. Sprich W3C-Konformität!

Bei Fragen mit konkreten Inhalten stehe ich gern zur Verfügung. Dann auch per PN, wenn einige Code-Anteile ihren Weg ins Forum nicht finden dürfen.

Gruß,
Jumper, the II.
 
die hab ich schon probiert, das template war dann ja auch mehr oder weniger da... aber was dann????? wie mach ich, dass die seiten, die ich angelegt hab im template erstellt werden? wie mach ich, dass deren content angezeigt wird?

usw. usw

warum muss das teil so scheisskompliziert sein :(
 
Ich ich schon sagte, es ist schwer, etwas zu sagen, wenn man keine Basis hat.

Hier mal ein Template ....
HTML: 
<html>
 <head>
  <title>Template</title>
 </head>
 <body>
  <table>
   <tr>
    <td colspan="5">Header ... fest</td>
   </tr>
   <tr>
    <td><div id="navigator">Navi</div></td>
    <td><div id="content_left">Linken Spaltenbereich</div></td>
    <td><div id="content">Hauptinhalt</div></td>
    <td><div id="content_right">Rechten Spaltenbereich</div></td>
    <td><div id="content_border">Außenrand, z.B. für Werbung rechts</div></td>
   </tr>
   <tr>
    <td colspan="5"><div id="footline">footline</div></td>
   </tr>
  </table>
 </body>
</html>

Unter Template -> Setup musst Du jetzt das automaketemplate konfigurieren:

Code: 
#########################################################################
# Configuring the Auto-Parser:
plugin.tx_automaketemplate_pi1 {
    # Read the template file
  content = FILE
  content.file = fileadmin/vdrh/template_vdrh_base.html

    # Prefix all relative paths with this value:
  relPathPrefix = fileadmin/vdrh/

    # define subpart elements on template to wrap
  elements {
      # auto tag finder

      # find all tags BODY and set on submarker
    BODY.all = 1
    BODY.all.subpartMarker = DOCUMENT_BODY

      # find all tags HEAD and set on submarker
    HEAD.all = 1
    HEAD.all.subpartMarker = DOCUMENT_HEAD
      # remove followed tags
    HEAD.rmTagSections = title

      # find cell tag for menu left and set on submarker
    DIV.id.navigator = 1
    DIV.id.navigator.subpartMarker = MENU
    
    DIV.id.content_left = 1
    DIV.id.content_left.subpartMarker = CONTENT_LEFT

    DIV.id.content = 1
    DIV.id.content.subpartMarker = CONTENT_CENTER

    DIV.id.content_right = 1
    DIV.id.content_right.subpartMarker = CONTENT_RIGHT

    DIV.id.content_border = 1
    DIV.id.content_border.subpartMarker = CONTENT_BORDER

    DIV.id.footline = 1
    DIV.id.footline.subpartMarker = FOOT_LINE
  }

}

Jetzt hast Du die einzelnen Elemente definiert .... jetzt musst Du die Elemente befüllen .... und Zuweisen. Fangen wir mit der Zuweisung an:

Code: 
# ---------------------------------------------------------------------
# Default PAGE object:
#
page = PAGE
page.typeNum = 0

  # Copy the content from TEMPLATE for <body>-section
page.10 < temp.bodyTemplate
  # Copy the content from TEMPLATE for <head>-section
page.headerData.10 < temp.headTemplate

Als nächstes (und besser davor) definiert man dann mal temp.headTemplate:
Code: 
# ---------------------------------------------------------------------
# Head TEMPLATE cObject for the HEAD
#
temp.headTemplate = TEMPLATE
temp.headTemplate {
    # Feeding the content from the Auto-parser to the TEMPLATE cObject:
  template =< plugin.tx_automaketemplate_pi1
    # Select only the content between the <head>-tags
  workOnSubpart = DOCUMENT_HEAD
}

und temp.bodyTemplate:
Code: 
# ---------------------------------------------------------------------
# Body TEMPLATE cObject for the BODY
#
temp.bodyTemplate = TEMPLATE
temp.bodyTemplate {
    # Feeding the content from the Auto-parser to the TEMPLATE cObject:
  template =< plugin.tx_automaketemplate_pi1
    # Select only the content between the <body>-tags
  workOnSubpart = DOCUMENT_BODY

    # replace menu subparts with defined menu controls
  subparts.MENU < temp.MENU

    # set subpart CONTENT_LEFT with left content
  subparts.CONTENT_LEFT < styles.content.getLeft
    # set subpart CONTENT with centered content
  subparts.CONTENT < styles.content.get
    # set subpart CONTENT_RIGHT with right content
  subparts.CONTENT_RIGHT < styles.content.getRight
    # set subpart CONTENT_BORDER with "werbung"
  subparts.CONTENT_BORDER = TEXT
  subparts.CONTENT_BORDER.value = Hier ist platz für die Außenwerbung ... oder man lässt es gleich weg.

  subparts.FOOTLINE = TEXT
  subparts.FOOTLINE.value = Copyright by Jumper, the II.
}

Zum Inhalt .... Das Menü wird aus einer Subbeschreibung temp.MENU generiert (Zuweisung per '<'). Ansonsten werden die CONTENT-Elemente aus dem CMS versorgt und der Border-Bereich und die Fußzeile direkt gesetzt. Was man hier macht, hängt von dem gewünschten Ergebnis ab.

Jetzt definiere ich noch schnell das Menü:

Code: 
# ---------------------------------------------------------------------
# Menu define for one navigator
#
temp.MENU = HMENU
temp.MENU.1 = TMENU
temp.MENU.1.NO = 1
temp.MENU.2 = TMENU
temp.MENU.2.NO = 1

Das menü ist zwar ziehmlich simpel, erfüllt aber den ersten zweck. Für alles weitere sollte man dann schon die Beschreibung zum TMENU heranziehen.

Wenn ich dich verstanden hatte, wolltest Du aber nur ein grobes Gerüst zum erstellen.

Gruß,
Jumper, the II.

PS: Ich habe jetzt nur die Daten aus meinen Setup genommen und eingesetzt ... noch nicht verifiziert.
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben