Masque TYPO3 CE background image

J'essaie d'obtenir une image de fond ou une couleur dans un élément CE dans l'extension Masque.Masque TYPO3 CE background image

C'est ce que je gagne en sortie mais pas d'image et pas de couleur de fond? Que dois-je oublier en oubliant ici? Semble tout est OK pour moi :)

<div id="c71" class="csc-default"> 
<section class="test_one" style="background-image: url('fileadmin/_processed_/c/6/csm_pizza_uit_de_kleine_pizzajolly_pizzaoven_campegio_eb7fa491f7.jpg') no-repeat center center; background-size: cover;"> 
<div class="row wrap"> 
<div class="large-12 small-12 columns">content</div> 
</div> 
</section> 
</div> 
</section>

cela est dans mon modèle:

<f:if condition="{data.tx_mask_achtergrond_afbeelding}"> 
<f:then> 
     <f:for each="{data.tx_mask_achtergrond_afbeelding}" as="file"> 

      <section class="<f:if condition="{data.tx_mask_class_name}">{data.tx_mask_class_name}</f:if>" 

        style="background-image: url('{f:uri.image(src: file.uid, treatIdAsReference: 1)}') no-repeat center center; {data.tx_mask_kleur_actergrond}; background-size: cover;">     
        <!-- if content CE than: --> 
        <div class="row wrap"> 
         <div class="large-12 small-12 columns"><!-- content element here: text/button -->content</div> 

        </div> 
        </section> 
     </f:for> 
</f:then> 
     <!-- if no background image than background-color and content CE--> 
    <f:else> 
    <section class="class-name" 
      style=background-color:"<f:if condition="{data.tx_mask_kleur_actergrond}"> 
        {data.tx_mask_kleur_actergrond} 
        </f:if> 
       ;"> 

       <!-- if content CE than: --> 
        <div class="row wrap"> 
         <div class="large-12 small-12 columns"><!-- content element here: text/button --></div>      
        </div>     
       </section> 
</f:else> 
</f:if>

Source

2017-05-22 mr_typo3

pourquoi ne pas utiliser '{f: uri.image (image: fichier)}' au lieu de la manipulation compliquée avec uid? –

comme ceci:: style = "background-image: url ('{f: uri.image (image: fichier)}') pas de centre de centre de répétition;? –

oui, plus court et moins compliqué à calculer –

<section class="test_one" 
     style="background-image: url('fileadmin/_processed_/c/6/csm_pizza_uit_de_kleine_pizzajolly_pizzaoven_campegio_eb7fa491f7.jpg') 
            no-repeat 
            center 
            center; 
       background-size: cover;">

voulez-vous que définir l'image d'arrière-plan ou voulez-vous également définir la mise en forme et le positionnement des l'image de fond?
Vous commencez avec background-image: mais définissez tous paramters comme pour background:

Source

2017-05-22 13:19:26

Ah, que Merci, j'ai copié certaines choses d'un échantillon, je ne savais pas que le fond d'une image de fond faisait la différence. –

Masque TYPO3 CE background image

Répondre

Questions connexes