TxP Integrated Design Environment, a templating mechanism.

• _templates
  • /mytemplate
    • /files
      • Scripts – .js, .swf, …
    • /forms
      • Presentation → Forms – .form
    • /images
      • Graphics – .jpg, .gif, .png, …
    • /pages
      • Presentation → Pages – .page
    • /plugins
      • Admin → Plugins – if needed
    • /style
      • Presentation → Style – .css
• /files
• /images
• /textpattern

• Default pages, forms and styles are prefaced with the design’s name.
  • The default page becomes crystalx_default and so on…
• Templating file extensions, simple:
  • Pages → .page
  • Forms → .form
  • Styles → .css

Installing a new template will be as easy as uploading a new folder to your website, going into Extensions → Templates and picking from a drop-down list.

hcg_templates is a modified version of mcw_templates. The _templates folder was moved from the /textpattern directory to the web root directory. This facilitates developing templates now and into the future, with no worries about the Textpattern core files moving and breaking your design.

hcg_templates-0.3.txt (26kb)

• Install via Admin → Plugins.
• Create the /_templates folder on your web space.
• Make the /_templates folder writable by the web server.

• Import a complete template set – Pages, Forms and Style.
• Export your templates for archive purposes or offline editing.

• Overwrite protection popup, are you sure?
• List available archives.
• Zip download of installed templates.
• Browse _templates folder, cut and paste into live site?

Support thread at Textpattern

CrystalX, a design by Nuvio

crystalx-1.0.zip (37.5KB)

• Extensions → Templates, Import using the hcg_templates plugin.
• Presentation → Sections, Create a new section called archive.
• Presentation → Sections, Uses page: and Uses style: to crystalx_default.
• Admin → Preferences, Automatically append comments to articles to No.

• /pages
  • crystalx_default.page – default web page
  • crystalx_error_default.page – default error page
• /forms
  • crystalx_archive.article.form – archive listing (archive)
  • crystalx_archive_menu.misc.form – archive menu list
  • crystalx_comment_form.comment.form – comment form
  • crystalx_comments.comment.form – comment list
  • crystalx_comments_display.article.form – comment display
  • crystalx_content.article.form – content block
  • crystalx_default.article.form – article block (article)
  • crystalx_files.file.form – files list
  • crystalx_footer.misc.form – page footer
  • crystalx_head.misc.form – html head section
  • crystalx_header.misc.form – page header
  • crystalx_plainlinks.links.form – links list
  • crystalx_popup_comments.comment.form – popup comments
  • crystalx_search_results.article.form – search results
  • crystalx_sidebar.misc.form – sidebar menu
  • crystalx_static.article.form – static article page (about)
  • crystalx_strip.article.form – breadcrumbs, feed links
  • crystalx_tabs.article.form – top menu tabs: home, about, archive
• /style
  • crystalx_aural.css – vocal stylesheet
  • crystalx_default.css – screen stylesheet
  • crystalx_print.css – print stylesheet
• /images
  • bg.gif, bg_page.gif, bg_page_in.jpg, btn_more.gif, col_bg.gif, col_title_bg.gif, col_top.gif, content_article_bg.jpg, content_title_bg.gif, footer.jpg, header.jpg, ico_archive2.gif, ico_archive.gif, ico_cat.gif, ico_comments.gif, ico_date.gif, ico_links.gif, ico_list.gif, ico_rss.gif, ico_top.gif, ico_user.gif, search_input.gif, search_submit.gif, shadow_top.gif, tab_active_l.gif, tab_active_r.gif, tab_hover.gif, tab_hover_l.gif, tab_hover_r.gif, tab_link.gif, tab_link_l.gif, tab_link_r.gif, tmp_photo.gif

• Stylized comments.
• Archive page and side menu list, made from txp:tags.
• Well laid out Pages, Forms and Styles for easy customization.
• Additional style sheets for print and aural, try print preview on this page.

• If you want your error pages with similar styling, in Presentation → Pages, copy the contents of crystalx_error_default into error_default.
• If you use popup comments, in Presentation → Forms, copy the contents of crystalx_popup_comments into popup_comments and crystalx_comments_display into comments_display.

MistyLook is a ported template by TxP-Templates.

This template was used as proof of concept for the template mechanism, modified to use the _templates folder, before work began on CrystalX. Marcus did the heavy lifting on MistyLook, I just positioned it into place.

MistyLook 1.1 (62KB)

• Install via Extensions → Templates.
• In Presentation → Sections, set Uses page: & Uses style: to mistylook_default.
• In Presentation → Pages, copy the contents of mistylook_error_default into error_default.
• In Presentation → Forms, copy the contents of mistylook_search_results into search_results.
• In Admin → Preferences, set Automatically append comments to articles? to No.

• _templates
  • /mistylook
    • /forms
      • mistylook_aside.article.html
      • mistylook_comment_form.comment.html
      • mistylook_comments.comment.html
      • mistylook_comments_display.article.html
      • mistylook_content.article.html
      • mistylook_default.article.html
      • mistylook_files.file.html
      • mistylook_footer.misc.html
      • mistylook_head.misc.html
      • mistylook_header.misc.html
      • mistylook_navigation.misc.html
      • mistylook_plainlinks.links.html
      • mistylook_popup_comments.comment.html
      • mistylook_search_results.article.html
      • mistylook_sidebar.misc.html
      • mistylook_single.article.html
      • mistylook_static.article.html
    • /images
      • 404.gif, blockquote.gif, bullet.png, icon_feed.gif, link.gif, misty.jpg, profile.jpg, shadow.gif, shadow_top.gif, sideheadtop.gif, underline1.jpg
    • /pages
      • mistylook_default.html
      • mistylook_error_default.html
    • /plugins
      • hcg_templates-0.3.txt
    • /style
      • mistylook_default.css

Any questions, suggestions, whatever, join the discussion at the forum.