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

[Michael Lindholm Nielsen]

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