[TYPO3-UG Denmark] Personlig hjemmeside, design overvejelser, TemplaVoila vs Autoparser

Sun Jun 29 20:41:52 CEST 2008

Hej Søren,

Det lyder umiddelbart meget lovende, der er dog lige et par ting jeg  
skal have afklaret først. Hvad hedder min "page.30" når den ryger  
igennem autoparseren?

I mit tilfælde kommer min "template.html" igennem autoparseren og   
<div class="right"></div> bliver tagget med ###right### derefter  
kommer den igennem temp.mainTemplate og får indsat dynamisk indhold  
vha. css_styled_content:

   # Substitute the ###right### subpart with content:
   subparts.right < styles.content.getRight

og bliver til sidst indsat på siden sammen med alt det andet indhold  
som:

# Copying the content from TEMPLATE for <body>-section:
page.10 < temp.mainTemplate

Så hvor i denne process skal jeg indsætte:

[globalVar = TSFE:page|layout = 1]
page.30 >
[global]

I øvrigt bliver min <div class="right"></right> styret fra et eksternt  
css, så der er to muligheder for at få indholdet fra "normal" til at  
fylde hele siden. Enten skal <div class="right"></div> helt fjernes   
fra dokumentet eller der skal en ny inline css til. Det første er  
naturligvis at foretrække :)

Det er det samme spørgsmål med billedet, hvor i template setup'en skal  
jeg indsætte:

page.headerData.501 = TEXT
page.headerData.501.value = fileadmin/template/images/topimg.jpg
page.headerData.501.wrap = <style type="text/css"> #topimg {
background-image: url('|'); } </style>
page.headerData.501.stdWrap.override.field = media
page.headerData.501.stdWrap.override.wrap = uploads/media/

I mit tilfælde lægger headerbilledet i:

<div class="header">
	<img src="billeder/forside.jpg" alt="some text" width="100%"  
height="100%"/>
	<div class="headtext">Side Titel</div>
</div>

"headtext" vil jeg gerne beholde til indsættelse af sidens titel.

På forhånd tak for hjælpen :)

Med venlig hilsen
Michael Lindholm Nielsen

Den 29/06/2008 kl. 15.52 skrev Søren Andersen:

> Hej Michael
>
> Du kan sagtens løse de udfordringer du har nævnt med autoparseren.
>
> Jeg menes at kunne huske at der findes nogle tricks til at fjerne en
> højreside uden indhold, men jeg ville nu vælge at binde udseendet op  
> på
> layout-feltet under sideegenskaber.
> Det gøres med en betingelse (de såkaldte conditions) i din TS  
> template.
>
> [globalVar = TSFE:page|layout = 1]
> page.30 >
> [global]
>
> Her vil indholdet af page.30 bliver slettet når layout er sat til  
> "Layout
> 1", hvis højresiden er gemt der, så bliver den slettet ved dette  
> layout.
>
> Du kan selvfølgelig også gøre noget lignende:
> [globalVar = TSFE:page|layout = 1]
> page.30 >
> /*Alternativ wrap til venstresiden*/
> page.20.wrap = <div class="bredvenstre"></div>
> [global]
>
>
> Og så til headerbilledet. Her ville jeg vælge at bruge "filer" under
> sideegenskaber til at indsætte billedet, men du bør have en default  
> liggende
> et sted i fileadmin.
>
> Her skal du bruge override fra stdWrap til at sikre at dit default  
> billede
> bliver skiftet ud
>
> page.headerData.501 = TEXT
> page.headerData.501.value = fileadmin/template/images/topimg.jpg
> page.headerData.501.wrap = <style type="text/css"> #topimg {
> background-image: url('|'); } </style>
> page.headerData.501.stdWrap.override.field = media
> page.headerData.501.stdWrap.override.wrap = uploads/media/|
>
> Med venlig hilsen
> Søren Andersen
>
>
> -----Oprindelig meddelelse-----
> Fra: typo3-ug-denmark-bounces at lists.netfielders.de
> [mailto:typo3-ug-denmark-bounces at lists.netfielders.de] På vegne af  
> Michael
> Lindholm Nielsen
> Sendt: 29. juni 2008 13:32
> Til: TYPO3 Usergroup Denmark
> Emne: [TYPO3-UG Denmark] Personlig hjemmeside, design overvejelser,
> TemplaVoila vs Autoparser
>
> Hej Liste,
>
> Jeg er igang med at opbygge min personlige hjemmeside og bruger for
> første gang Typo3 til projektet. Min baggrundsviden er HTML, CSS og
> har fulgt guiderne på www.typo3.org frem til og med MTB Part 1 og er
> nu gået i gang med FTB (TemplaVoila introduktionen), derudover har jeg
> brugt lidt fra http://www.typo3apprentice.com (rigtig fin guide til
> brug af TSRef).
>
> I princippet fungerer min hjemmeside nu med den klassiske AutoParser,
> men har dog to ting jeg gerne vil have ændret. Den ene er at jeg
> ønsker at have et dynamisk banner/header som skifter afhængig af
> hvilken side man er på. Lige nu er det statisk indhold som henter et
> billede fra en ekstern fil, men det mest optimale vil være hvis jeg
> kunne have et dynamisk billede der blev indsat som baggrundsbillede i
> headeren. Grunden til at jeg gerne vil have det indsat som
> baggrundsbillede er at jeg bruger relative størrelser til at justere
> hjemmesidens layout (dvs. procentangivelse af sidens indhold, som
> derfor afhænger af browserens størrelse). Grunden til dette valg er
> åbenlyst, da jeg gerne vil kunne se siden på en lille håndholdt enhed
> (lad os sige med en opløsning på 800x480) og en alm stor skærm
> 1900x1200 eksempelvis. Det er derfor nødvendigt at billedet er et
> baggrundsbillede, så det ikke bliver deformeret ved de forskelige
> opløsninger.
>
> Hvis siden skal være xhtml kompatibel skal baggrundsbilledet helst
> lægge i css, men det kunne f.eks. være inline css i html filen, så det
> burde ikke være det store problem. Jeg skal blot have fundet ud af
> hvordan man kan gøre dette, enten med typoscript eller f.eks. med en
> extension. Er der en nem måde at gøre dette på? Forestiller mig at man
> f.eks. kunne bruge "HTML" og "stdWrap" til at wrappe den inline css
> kode i html dokumentet, hvor url'en til baggrundsbilledet så skal
> indsættes dynamisk. Ved ikke helt præcist om dette kan lade sig gøre
> på denne måde?
> Eller om der er nemmere måder at gøre dette på eksempelvis ved hjælp
> af TemplaVoila?
>
> En anden ting der kunne være rart at få ændret er at designet af siden
> skal ændres afhængig af om der er noget indhold at hente fra
> tt_content. Dvs. hvis der nu f.eks. IKKE er indhold i højre kolonne,
> så skal højre kolonne fjernes i layoutet, således at indholdet i
> "normal" kommer til at fylde hele siden siden. Det lyder lidt
> avanceret, men det burde vel kunne lade sig gøre med lidt
> typoscripting? F.eks. med IF og evt. ELSE kommandoerne tænker jeg
> lidt..?
>
> Hjemmesiden kan i sin nuværende Typo3 tilstand ses på
> http://www.michaellindholm.dk
>
> Jeg håber at mit eksempel på forsiden illustrerer problemstillingen
> med at få fjernet højre kolonne i dette tilfælde. Prøv iøvrigt at
> forstørre/formindske browservinduet så skulle problemet med
> headerbilledet gerne blive illustreret.
>
> Tak til Espen Holmefjord for hjælp til opsætning af ImageMagick ved
> UnoEuro.com (det virker tydeligvis nu med både effekter og  
> skallering).
>
> Med venlig hilsen
> Michael Lindholm Nielsen
>
>
>
> _______________________________________________
> TYPO3-UG-denmark mailing list
> TYPO3-UG-denmark at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-denmark
>
> _______________________________________________
> TYPO3-UG-denmark mailing list
> TYPO3-UG-denmark at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-denmark