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

Mon Jun 30 11:29:49 CEST 2008

Hej Søren,

Mange tak for hjælpen den er næsten ved at være der, mangler blot en  
detalje. Jeg kan ikke tilføje et default billede. Her er den relevante  
kode:

temp.headImage = TEXT
temp.headImage {
	value = DET-ER-LIGEGYLDIGT-HVAD-JEG-SKRIVER-HER
	wrap = <style type="text/css"> .header {background: url('|') no- 
repeat;}</style>
	stdWrap.override.field = media
	stdWrap.override.wrap = fileadmin/templates/billeder/|
}

Den kan dog fint hente allerede definerede billedefiler i files under  
page. Jeg kan forresten ikke finde noget dokumentation om den "media"  
tag du bruger i stdWrap.override.field = media

Med venlig hilsen
Michael Lindholm Nielsen

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

> Hej Michael
>
> Din page.30 ville være subparts.right, men det er ikke sikkert at det
> hjælper (at det fjerner <div class="right>"), så i stedet kan du  
> bruge en
> condition på denne måde:
>
> [globalVar = TSFE:page|layout = 1]
> Plugin.sti-til-autoparser.templateFile = enAndenFil.html
> [global]
>
> Så du føder den en skabelon uden <div class="right">
>
> Mht. til headeren så skal den kode jeg pastede bare ind i den  
> template et
> eller andet sted hvor du synes den passer ind, du skal jo bare lige  
> rette
> #topimg til .header
>
> Og så skal du fjerne dit <img> tag, for du ville jo have den som  
> baggrund?
>
> 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 20:42
> Til: TYPO3 Usergroup Denmark
> Emne: Re: [TYPO3-UG Denmark] Personlig hjemmeside, design  
> overvejelser,
> TemplaVoila vs Autoparser
>
> 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
>
> _______________________________________________
> 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