.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt =================== Job Market Template =================== :Author: Kasper Skårhøj :Created: 2002-11-01T00:32:00 :Changed: 2010-08-29T17:53:29 :Classification: base_jobmarket :Description: Job Market Template is a template for the Extension Job Market. But you can use this template for any other TYPO3 website. It is independent. :Keywords: forAdmins, forDevelopers, forBeginners, forIntermediates, forAdvanced, job market, template :Author: Dirk Wildt (Die Netzmacher) :Email: http://wildt.at.die-netzmacher.de :Website: http://tritum.de, http://die-netzmacher.de :Language: en |img-1| |img-2| Job Market Template (extkey: base\_jobmarket) |img-3| .. _Job-Market-Template: Job Market Template =================== Job Market Template is a template for the Extension Job Market. But you can use this template for any other TYPO3 website. It is independent. |img-4| Version: 1.0.1 - 2010-08-30 Extension Key: base\_jobmarket Language: en Keywords: forAdmins, forDevelopers, forBeginners, forIntermediates, forAdvanced, job market, template Copyright 2010, Dirk Wildt (Die Netzmacher), This document is published under the Open Content License available from `http://www.opencontent.org/opl.shtml `_ The content of this document is related to TYPO3 \- a GNU/GPL CMS/Framework available from www.typo3.org .. _Table-of-Contents: Table of Contents ----------------- `Job Market Template 1 <#__RefHeading__4910_327361571>`_ `Screen Shots 3 <#__RefHeading__4912_327361571>`_ `Introduction 4 <#__RefHeading__4914_327361571>`_ `What does it do? 4 <#__RefHeading__4916_327361571>`_ `What does it not do? 4 <#__RefHeading__4918_327361571>`_ `Installation 5 <#__RefHeading__4920_327361571>`_ `Extension Manager 5 <#__RefHeading__4922_327361571>`_ `Backend Group 5 <#__RefHeading__4924_327361571>`_ `Pages 5 <#__RefHeading__4926_327361571>`_ `Create a page tree 5 <#__RefHeading__4928_327361571>`_ `Page Configuration 6 <#__RefHeading__4930_327361571>`_ `TypoScript 7 <#__RefHeading__4932_327361571>`_ `Header, Header Image and Footer 9 <#__RefHeading__4934_327361571>`_ `Use the Job Market 11 <#__RefHeading__4936_327361571>`_ `Manual Installation 11 <#__RefHeading__4940_327361571>`_ `Adapt HTML and CSS 12 <#__RefHeading__4942_327361571>`_ `HTML 12 <#__RefHeading__4944_327361571>`_ `CSS 13 <#__RefHeading__7263_327361571>`_ `Helpful suggestions 14 <#__RefHeading__4948_327361571>`_ `To-Do List 15 <#__RefHeading__4950_327361571>`_ `Further Information 16 <#__RefHeading__7265_327361571>`_ `About the plugin icon 16 <#__RefHeading__8452_1078411661>`_ `Other extensions published by Die Netzmacher 16 <#__RefHeading__2867_347248282>`_ `Manual in PDF 17 <#__RefHeading__7267_327361571>`_ `About the Author 17 <#__RefHeading__8462_1078411661>`_ `Change Log 18 <#__RefHeading__4962_327361571>`_ `Illustration Index 19 <#__RefHeading__4964_327361571>`_ .. _Screen-Shots: Screen Shots ------------ |img-5| |img-5| .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ - Job Market Template is a template for the Job Market. - Job Market Template is useful, - if you will start with Job Market, but you don't have a designed TYPO3 installation, - if you want a full designed website very quick, but have no time for building an own template. - You can use Job Market Template for any website and without the extension Job Market. - If you like, you can change everything - HTML - CSS - TypoScript - You don't need to be an experienced TYPOP3 user. .. _What-does-it-not-do: What does it not do? ^^^^^^^^^^^^^^^^^^^^ If you like a very different layout than Job Market Template, it isn't useful to install it. .. _Installation: Installation ------------ .. _Extension-Manager: Extension Manager ^^^^^^^^^^^^^^^^^ Open the extension manager, download the extension Job Market Template (extkey: base\_jobmarket) and install it. |img-5| Job Market Template depends on Template Auto-parser (automaketemplate). Please install this extension too. Install Job Market Template If you like "RealURL: speaking paths for TYPO3 (realurl)" please install it too. .. _Backend-Group: Backend Group ^^^^^^^^^^^^^ Create a new backend user group. Modul: Web > List Page tree: root item (here: TYPO3 Job Market) Edit area: Backend usergroup Tab [General], Field "Grouptitle": quick\_shop .. _Pages: Pages ^^^^^ Create a page tree Modul: Web > List Page tree: root item (in the illustration below: Browser - die TYPO3-Frontend-E...) Edit area: Create new page - Page (inside) Create a page list (sysfolders) like in the illustration below Browser - die TYPO3-Frontend-E... Job Market - Job Market - Jobs [sysfolder] - Libraries [sysfolder] - header - footer |img-5| .. _Page-Configuration: Page Configuration ^^^^^^^^^^^^^^^^^^ .. _Page-Job-Market: Page Job Market """"""""""""""" We like the backend user group "Job Market" as the default group for new pages. Every backend user with the group "Job Market" will have full access to this pages. If the id of the backend user group "Job Market" is 1, than copy the code from below to the tsConfig field of the root page without any changing. TCEMAIN { permissions { // 1: job\_market groupid = 1 group = show,edit,delete,new,editcontent } } |img-5| |img-5| Modul: Web > List Page tree: Job Market Edit area: Edit page properties (click on the sheet with the pen on the top of the area) Select tab [Options] Paste the code snippet from above to the field "Tsconfig". .. _Job-Market-Jobs-sysfolder: Job Market - Jobs (sysfolder) """"""""""""""""""""""""""""" Please repeat the steps from the page "Job Market" with the code snippet below for the sysfolder "Job Market - Jobs" TCEMAIN { clearCacheCmd = pages } The code above effects, that all pages will removed from the TYPO3 cache, if job data change. .. _Header-and-Footer: Header and Footer ~~~~~~~~~~~~~~~~~ Repeat the step "Job Market - Jobs (sysfolder)" for the pages Header and Footer in the Sysfolder. .. _TypoScript: TypoScript ^^^^^^^^^^ .. _Page-Job-Market: Page Job Market """"""""""""""" |img-5| |img-5| |img-5| |img-5| Modul: Web > List Page tree: Job Market Edit area: Icon for new records System Records > template Select tab [General] Field [Template title]: page\_jobmarket\_001 `:sup:`0` <#sdfootnote1sym>`_ Field [Website title]: Job Market" Field [Constants]: Please paste the code snippet from the next page into the field areaand adapt the values to your needs. Edit area: Select tab [Options] Enable fields: [x] Constants, [x] Setup Enable fields: [x] Rootlevel Select tab [Includes] Enable field: [x] Include static templates AFTER basic template Include static templatesCSS Styled Content (css\_styled\_content)Job Market - Basic Template (base\_jobmarket) .. _TypoScript-Snippet: TypoScript Snippet ~~~~~~~~~~~~~~~~~~ myConst { host = http://my-domain.com/ client { name = The name of my client seo { default { // Default value for HTML head meta tag keywords keywords = Job Market // Default value for HTML head meta tag description description = Job Market - Jobs offered by domain.comfrontend-engine } } } pages { root = 1 libraries = 2 libraries { header = 3 footer = 4 } } paths { res = EXT:base\_jobmarket/res/ html = EXT:base\_jobmarket/res/html/ css = EXT:base\_jobmarket/res/html/css/ } files { html { template = index.html css = basic.css } } dims { header\_image { maxW = 210 maxH = 420 } } words { // HTML a href title tag for menu item rootpage title\_tag\_rootpage = Home of Job Market } } Please clear the TYPO3 cache. .. _Result-I-II: Result I/II """"""""""" |img-5| This is the current result in the frontend. Because we didn't add any content and any image, the areas for the header, the header image and the footer are empty. We will add content and image in the next step. .. _Header-Header-Image-and-Footer: Header, Header Image and Footer ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ We will add the header, the header image and the footer. .. _Header: Header """""" Page tree: Job Market > Libraries > Header Edit area: Add a new record Create a new content element > Pagecontent Tab [General] Field [Header]: [Header] Field [Type]: Hidden Tab [Text] Field [Text]: Job Market Save the form .. _Header-Image: Header Image """""""""""" First we download the header image, second we upload it as a page resource. |img-5| |img-5| Modul: Admin tools > Ext Manager Edit area: Select this extension: Job Market Template Pull down menu: [Edit files] Click on the path: res/images/01\_rootpage/job\_market\_header\_image\_210px.jpgSave it on your computer. Page tree: Job Market Edit area: Page properties Tab [Resources] Browse for the image Save the form (upload) .. _Footer: Footer """""" This has the same steps like the header above. Page tree: Job Market > Libraries > Footer Edit area: Add a new record Create a new content element > Pagecontent Tab [General] Field [Header]: [Header] Field [Type]: Hidden Tab [Text] Field [Text]: This is my footer Save the form Please remove TYPO3 cache. .. _Result-II-II: Result II/II """""""""""" |img-5| Menu Header Header Image Footer .. _Use-the-Job-Market: Use the Job Market ------------------ |img-5| Now you can install the Job Market. .. _Manual-Installation: Manual Installation ^^^^^^^^^^^^^^^^^^^ How to install the Shop is reported in the manual of the Job Market Extension (extension key: job\_market). See - Repository: `http://typo3.org/extensions/repository/view/job\_market/current/ `_ - Manual: `http://typo3.org/extensions/repository/view/job\_market/curre nt/info/?tx\_terfe\_pi1%5BdownloadFile%5D=doc%252Fmanual.pdf `_ .. _Adapt-HTML-and-CSS: Adapt HTML and CSS ------------------ You can adapt the HTML code, the CSS and the TypoScript to your needs. .. _HTML: HTML ^^^^ |img-5| Page tree: Job Market Edit area: Select the Browser plugin Tab [Plugin] Tab [Templating] Field "Plugin: HTML template": [Own HTML template] Browse for your HTML template on your computer Save the form .. _CSS: CSS ^^^ Adapt the properties in the TypoScript. |img-5| Modul: Web > Template Page tree: Job Market Edit area: Pull down menu:[TypoScript Object Browser] Menu Browser: [Constants] Click the plus icon of the element [myConst]Click the plus icon of the elements [paths] and [files] > [html] Adapt the path to your HTML file or to your CSS file to your paths Adapt the name of your HTML file or CSS file to your file names .. _Helpful-suggestions: Helpful suggestions ------------------- If you have helpful suggestions, feel free to contact me: Dirk Wildt `http://wildt.at.die-netzmacher.de `_ . .. _To-Do-List: To-Do List ---------- Nothing to do. .. _Further-Information: Further Information ------------------- .. _About-the-plugin-icon: About the plugin icon ^^^^^^^^^^^^^^^^^^^^^ |img-4| Illustration 18: The logo The concept of the icon: - The screwdriver and the adjustable wrench should symbolize work - pre- condition for a job. - The colour of the stripe, orange, is the one of the TYPO3 colours, and the main colour of the corporate design of the Netzmacher GbR ( `http ://die-netzmacher.de `_ ), which developed this extension. .. _Other-extensions-published-by-Die-Netzmacher: Other extensions published by Die Netzmacher ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - |img-6| Browser - the TYPO3-Frontend-Engine. The Browser is the fast way for your data to the TYPO3 frontend. It displays content from related tables. You need 1 line TypoScript for a result list with a search form, a record browser and an a-z browser. Images are wrapped self-acting. SEO, Search Engine Optimization, is integrated. `http://typo3.org/extensions/repository/view/browser/current/ `_ - |img-7| Browser for Virtual Civil Services - List views and single views for the extension Virtual Civil Services (civserv) . It supersedes smarty and enables SEO - search engine optimisation -, Real URL and the TYPO3 cache management. It is out of the box. It You can edit the views by TypoScript. You can add fields and whole views. `http://typo3.org/extensions/repository/view/browser\_civserv/current/ `_ - |img-8| Green Cars (Grüne Autos) - Database optimized for ecological cars. It is a case study and demonstrates, how to get a complex database with the Browser in three hours only. `http://typo3.org/extensions/repository/view/green\_cars/current/ `_ - |img-9| Juridat - Database for Juridical Data. Juridat provides a juridical data base with backend functionality. Juridat is out of the box. It is a teamwork with the Browser. `http://typo3.org/extensions/repository/view/juridat/current/ `_ - |img-10| logical\_form: A frontend plugin for evaluating forms. I.e you can evaluate mail addresses. `http://typo3.org/extensions/repository/view/logical\_form/current/ `_ - |img-11| Majordomo: For subcribing to and unsubscribing from a majordomo mailing list. `http://typo3.org/extensions/repository/view/majordomo/current/ `_ - |img-12| Quick Shop (extkey: quick\_shop): The fastest shop in the history of TYPO3. Install it with one mouse click only! Quick Shop is based on the Browser and powermail. `http://typo3.org/extensions/repository/view/quick\_shop/current/ `_ - |img-13| Manage your Postfix uer accounts with TYPO3. This extension provides a database connected with fe\_users and an autoresponder. You can manage the data with backend forms only. `http://typo3.org/extensions/repository/view/postfix/current/ `_ - |img-14| seo\_dynamic\_tag: Search Engine Optimisation. You can generate values dynamically with this extension especially for the -tag, for the <meta>-tag description and the <meta>-tag keywords. `http://typo3.org/extensions/repository/view/seo\_dynamic\_t ag/current/ <http://typo3.org/extensions/repository/view/seo_dynamic_t ag/current/>`_ - |img-15| tt\_news select configuration (extkey: ttnews\_selectconf) enables to select tt\_news by any SQL clause. The extension adds an andWhere clause to the SQL query of the tt\_news plugin. I. e. it is possible to display tt\_news items in dependence on the ownership of a fe\_user. `http://typo3.org/extensions/repository/view/ttnews\_selectc onf/current/ <http://typo3.org/extensions/repository/view/ttnews_selec tconf/current/>`_ - |img-16| Wine Catalogue provides a data base for wine with regions, wineries, styles, variety and ageing among others. It is localized. English, German and Spanish is of the box. Wine based on the extension Browser. `http://typo3.org/extensions/repository/view/wine/current/ <http://typo3.org/extensions/repository/view/wine/current/>`_ .. _Manual-in-PDF: Manual in PDF ^^^^^^^^^^^^^ You find this manual in PDF format at doc/manual.pdf `http://typo3.org/extensions/repository/view/base\_jobm arket/current/info/?tx\_terfe\_pi1%5BdownloadFile%5D=doc%252Fmanual.pd f <http://typo3.org/extensions/repository/view/base_jobmarket/current/ info/?tx_terfe_pi1%5BdownloadFile%5D=doc%252Fmanual.pdf>`_ .. _Browser-Manual-and-Browser-Tutorial-Basics: Browser Manual and Browser Tutorial Basics """""""""""""""""""""""""""""""""""""""""" Manual: The Browser has it's own manual (with the reference of course). - HTML `http://typo3.org/documentation/document-library/extension- manuals/browser/current/ <http://typo3.org/documentation/document- library/extension-manuals/browser/current/>`_ - PDF: `http://typo3.org/extensions/repository/view/browser/current/info /?tx\_terfe\_pi1%5BdownloadFile%5D=doc%252Fmanual.pdf <http://typo3.or g/extensions/repository/view/browser/current/info/?tx_terfe_pi1[downlo adFile]=doc%2Fmanual.pdf>`_ Tutorial Basics: A lot of step-by-step introductions. - HTML: `http://typo3.org/documentation/document-library/extension- manuals/browser\_tut\_basics\_en/current/ <http://typo3.org/documentation/document-library/extension- manuals/browser_tut_basics_en/current/>`_ - PDF: `http://typo3.org/extensions/repository/view/browser\_tut\_basics \_en/current/info/?tx\_terfe\_pi1%5BdownloadFile%5D=doc%252Fmanual.pdf <http://typo3.org/extensions/repository/view/browser_tut_basics_en/cur rent/info/?tx_terfe_pi1%5BdownloadFile%5D=doc%252Fmanual.pdf>`_ .. _About-the-Author: About the Author ^^^^^^^^^^^^^^^^ .. _Dirk-Wildt: Dirk Wildt """""""""" |img-17| Illustration 19: The Author - a little bit blurred Dirk Wildt (\* 1963 Hamburg/Germany) Founder of `Die Netzmacher GbR <http://die-netzmacher.de/>`_ (Erfurt/Weimar) Founder of `TYPO3 Usergroup Thuringia <http://typo3-thueringen.de/>`_ Member of `TYPO3 Usergroup Leipzig <http://tugle.de/>`_ 2003: Founding `think visually! <http://think-visually.com/>`_ It is `Die Netzmacher <http://die-netzmacher.de/>`_ since 2009. 2000 - 2002: Financial Controller, `G.E.B.B <http://gebb.de/>`_ 1999 - 2000: Financial Controller, `G\|M\|Z - Tagesspiegel-Gruppe <http://tagesspiegel.de/>`_ 1997 - 1999: Spokesman, `Senatsverwaltung für Finanzen, Berlin <http://www.berlin.de/sen/finanzen/>`_ 1989 - 1997: Editor and Financial Controller, `taz, die tageszeitung <http://taz.de/>`_ 1982 - 1989: Freelancing Press Photographer .. _Change-Log: Change Log ---------- 1.0.1 **Initial release** .. _Illustration-Index: Illustration Index ------------------ Illustration 1: Your TYPO3 website after installing the Job Market Template. You can use it without the Job Market extension. 3 Illustration 2: Your TYPO3 website after installing the Job Market Template and the extension Job Market 3 Illustration 3: Both extensions after installation 5 Illustration 4: Page tree 5 Illustration 5: Edit the page properties 6 Illustration 6: Add the TS configuration 6 Illustration 7: Add a TypoScript template 7 Illustration 8: TypoScript tab [General] 7 Illustration 9: TypoScript tab [Options] 7 Illustration 10: TypoScript tab [Includes] 7 Illustration 11: Result in the frontend 8 Illustration 12: Download the header image from the extension directory 9 Illustration 13: Load up the header image to the page properties of the root page 9 Illustration 14: The template in the frontend 10 Illustration 15: This is our template extended with the extension Job Market and with some jobs. 11 Illustration 16: Use your own HTML template 12 Illustration 17: Use your own CSS stylesheet 13 Illustration 18: The logo 16 Illustration 19: The Author - a little bit blurred 17 `0 <#sdfootnote1anc>`_ Format should be: type\_nameOfThePage\_idOfTheTemplate 19 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. |img-2| image:: img-2.png .. :border: 0 .. :height: 27 .. :hspace: 4 .. :id: Grafik2 .. :name: Grafik2 .. :width: 98 .. |img-3| image:: img-3.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics6 .. :name: graphics6 .. :width: 18 .. |img-4| image:: img-4.jpeg .. :align: bottom .. :border: 0 .. :height: 249 .. :id: graphics5 .. :name: graphics5 .. :width: 280 .. |img-5| image:: data: :alt: Frame24 .. :align: bottom .. :id: Frame24 .. :name: Frame24 .. |img-6| image:: img-6.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics36 .. :name: graphics36 .. :width: 18 .. |img-7| image:: img-7.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics43 .. :name: graphics43 .. :width: 18 .. |img-8| image:: img-8.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics27 .. :name: graphics27 .. :width: 18 .. |img-9| image:: img-9.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics1 .. :name: graphics1 .. :width: 18 .. |img-10| image:: img-10.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics38 .. :name: graphics38 .. :width: 18 .. |img-11| image:: img-11.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics18 .. :name: graphics18 .. :width: 18 .. |img-12| image:: img-12.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics37 .. :name: graphics37 .. :width: 18 .. |img-13| image:: img-13.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics2 .. :name: graphics2 .. :width: 18 .. |img-14| image:: img-14.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics22 .. :name: graphics22 .. :width: 18 .. |img-15| image:: img-15.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics50 .. :name: graphics50 .. :width: 18 .. |img-16| image:: img-16.png .. :align: bottom .. :border: 0 .. :height: 16 .. :id: graphics70 .. :name: graphics70 .. :width: 18 .. |img-17| image:: img-17.jpeg .. :align: left .. :border: 0 .. :height: 132 .. :id: graphics20 .. :name: graphics20 .. :width: 100