[TYPO3-UG Dutch] Is deze template goed

Thu Mar 29 11:44:13 CEST 2007

Hoi Jacco,

Ik ben het net je eens dat dit eigenlijk een <div> layout zal moeten zijn, 
alleen kon niemand me helpen om de layout zoals ik hem wilde in <div> te 
programmeren zonder dat het een heel onleesbaar template zou worden.

Wat betreft tt_news die heb ik al eens  geprobeerd te gebruiken , alleen 
voor zover ik weet moet je dan de list functie gebruiken op een pagina en ik 
heb alleen een single view nodig.

Groetjes,

Roelof

>From: "Jacco van der Post [Netcreators]" <jacco at netcreators.com>
>Reply-To: jacco at netcreators.com,TYPO3 Usergroup Dutch 
><typo3-ug-dutch at lists.netfielders.de>
>To: "TYPO3 Usergroup Dutch" <typo3-ug-dutch at lists.netfielders.de>
>Subject: Re: [TYPO3-UG Dutch] Is deze template goed
>Date: Thu, 29 Mar 2007 10:51:05 +0200 (CEST)
>
>Hallo Roelof
>
>Persoonlijk werk ik liever met Templa Voila dan met de template parser, ik
>vind het intuitiver werken en het is leuk om flexible content elementjes
>te maken waardoor je leuk kunt combineren in je layouts. Run de wizard
>eens als je Templa Voila hebt geinstalleerd, nadat je bijvoorbeeld
>onderstaande html template hebt gemaakt. Dan vult ie vanzelf al een boel
>in. Ook hoef je niet veel te typoscripten met gebruik van TV.
>
>Ik zou ten eerste leren zonder tables een xhtml template te schrijven.
>Tables zijn anno 2007 toch echt passé ;) Bijvoorbeeld :
>
><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
>     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
><head>
></head>
><body>
><div id="container"><div id="main">
><div id="header">
><div id="logo"><a href="/"><span>Bla</span></a></div>
><div id="searchbox">[searchbox]</div>
></div>
><div id="nav-top">[navigatie-top]</div>
><div id="linker-kolom">[linker-kolom]</div>
><div id="midden-kolom">[midden-kolom]</div>
><div id="rechter-kolom">[rechter-kolom]</div>
></div>
><div id="footer">
><div id="footer-content">[footer-content]</div>
></div>
></div>
></body>
></html>
>
>Maak iets van CSS in de richting van :
>
>body {
>	background: #FFFFFF;
>	color: #333333;
>	font: normal 69%/1.5em Verdana, Arial, Helvetica, sans-serif;
>/*line-height is 1.5 times the font size*/
>	margin: 0px;
>	padding: 0px;
>}
>
>form, fieldset {
>	margin: 0;
>	padding: 0;
>	border:0;
>}
>
>p {margin-top:0;}
>
>
>a {
>	color: #ca0000;
>	text-decoration: none;
>	border-bottom: 1px dotted #ca0000;
>}
>
>a:hover {
>	color:blue;
>	border-bottom: 1px dotted blue;
>	}
>
>input, select, textarea {
>	border: 1px solid #E1E1E1;
>	font-size: 11px;
>	padding-left: 2px;
>}
>
>
>#container {
>	margin: auto;  /* centered je site */
>	width: 960px;
>	top: 0px;
>	background: #FAFAFA;
>	position: relative;
>}
>
>#main, #footer {
>	float: left;
>}
>
>#main {
>	background: #FaFaFa;
>	min-height: 500px;
>	height: auto !important;
>	height: 500px;
>	padding:0 18px;
>}
>
>#header {
>	height: 80px;
>	width: 924px;
>	border-bottom: 1px dotted #333333;
>}
>
>#logo {background: url(../img/logo.gif) no-repeat top left;
>	display:block;
>	height: 72px;
>	width: 464px;
>	float:left;}
>
>#header #logo a {
>	display:block;
>	height: 72px;
>	width: 464px;
>	border: none;
>	cursor: pointer;
>}
>
>#logo span {display:none;}
>
>
>h1, h2, h3, h4, h5 {
>	margin: 0;
>	padding: 0;
>}
>
>#linker-kolom {width:200px; float:left;}
>#midden-kolom {width:460px; float:left;}
>#rechter-kolom {width:200px; float:left;}
>
>/* --------- footer --------- */
>#footer {
>	float:left;
>	height: 120px;
>	width: 960px;
>	background: #FAFAFA;
>}
>
>#footer-content {
>	margin: 0 18px;
>	margin-top: 60px;
>	padding-top:10px;
>	border-top: 1px dotted #333333;
>	text-align:center;
>}
>
>Noem die bijv. main.css en maak er ook nog 1 om je navigatie te pimpen.
>
>Gooi die files in je fileadmin onder mapje templates en koppel de divjes
>vervolgens met de templateparser (als je daar toch voor kiest ipv
>templavoila) middels een aan te maken sjabloon waar je wat Typoscript in
>moet zetten. Zie daartoe bijvoorbeeld de tutorial "Websites bouwen met
>Typo3" http://www.typo3.nl/resources/documentatie/nederlandstalig/
>
>Overigens zijn titels headers in pagecontent, die automatisch verschijnen
>als je ze invoert in de backend. Mocht je meer iets willen van
>nieuwsartikelen met datum etc. dan kun je TT-news gebruiken die je als
>plugin op je pagina's kunt invoegen.
>
>Succes ;)
>
>Jacco
>
>Netcreators
>
> >
> > Hoi Ric,
> >
> > Ik heb de handleiding gelezen maar alleen dat voorbeeld gaat het over 
>een
> > menu en een tekst.
> > Wat ik graag wil is dat boven de tekst de titel en de datum vermeld
> > worden.
> > Hoe kan ik dan het beste mijn template aanpassen.
> >
> > Groetjes,
> >
> > Roelof
> >
> >
> >>From: Ric van Westhreenen|alterNET Internet BV <ric at alternet.nl>
> >>Reply-To: TYPO3 Usergroup Dutch <typo3-ug-dutch at lists.netfielders.de>
> >>To: TYPO3 Usergroup Dutch <typo3-ug-dutch at lists.netfielders.de>
> >>Subject: Re: [TYPO3-UG Dutch] Is deze template goed
> >>Date: Wed, 28 Mar 2007 19:25:44 +0200
> >>
> >>Roelof Wobben wrote:
> >> > Hoi,
> >> >
> >> > Na wat geprobeer met TV wil ik nu proberen of het met Autoparser 
>beter
> >>gaat
> >> > werken.
> >> > Nu heb ik de volgende template gemaakt :
> >> >
> >>Hi Roelof,
> >>
> >>Als je gebruik maakt van de automaketemplate parser, dan hoef je geen
> >>ankers ####menu#### enz. in je template te plaatsen. De automaketemplate
> >>parser maakt deze zelf.
> >>
> >>Je moet er alleen voor zorgen dat je id's hebt staan in de content
> >>blokken waar je e.e.a. dynamisch wilt tonen.
> >>
> >>Dus denk bv aan:
> >>
> >><div id="menu">vb menu</div>
> >>
> >>De automaketemplateparser zorgt dat er automatisch een anker menu komt.
> >>
> >>Lees anders de nl handleiding er op na. (www.alternet.nl/?128)
> >>--
> >>
> >
>
>_______________________________________________
>TYPO3-UG-dutch mailing list
>TYPO3-UG-dutch at lists.netfielders.de
>http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch

_________________________________________________________________
Ontdek de geweldige mogelijkheden van Windows Live Messenger! 
http://get.live.com/messenger/overview