{up flexauto=4 | tablet=2 | bloc-tag=0}

{up box=bg-image-only
| image = images/illustrations/etude-cas-{up lang}.jpg
| link=index.php?Itemid=1138
| style=bd-grey
}

{========= 2}

{up box=onimage
| title=Les actions par l'usage
| subtitle=Comment choisir celle nous convient
| image=images/illustrations/choisir-3.jpg
| link=index.php?option=com_content&view=article&id=333&catid=10
| title-class=raz notoc | subtitle-class=notoc
| head-class=bg-30
| title-style=text-shadow:#FC0 1px 0 10px;
| subtitle-class=bg-jauneClair}

{======= 3}

{up box=onimage
| title=Mémento rédacteur
| subtitle=indispensable pour maitriser l'utilisation de UP
| image=images/illustrations/typewriter.jpg
| link=index.php?option=com_content&view=article&id=209&catid=26
| head-class=background:#8B451399
| title-class=raz; notoc; text-outline:1px solid #666
| subtitle-class=notoc t-beige
| css-head=#id .up-box-title a[color:#ddd]
}

{======= 4}

{up box=onimage
| title=UP en vidéo
| subtitle=au Joomladay 2022 à Bruxelles
| image=images/illustrations/joomladay-2022.jpg
| link=index.php?option=com_content&view=article&id=150&catid=10#jd2022
| head-class=border:2px orange solid;border-radius:5px;background:#FA807266
| title-class=raz;notoc;text-shadow:#333 1px 0 10px
| subtitle-class=bg-jauneClair
| css-head=#id .up-box-title a[color:#EEE]
}

{/up flexauto}

bg-image-only

A la différence des autres modèles, ce modèle ne permet pas de définir des titres, sous-titres, etc. On peut l'assimiler à un gros bouton avec une image de fond

{up flexauto=4 | bloc-tag=0}

{up box=bg-image-only
| image = images/actions-demo/box/engrenage.jpg
| link=index.php?Itemid=1138
| style=bd-red minh200
}

{up box=bg-image-only
| image=images/actions-demo/box/engrenage.jpg
| link=index.php?Itemid=1138
| style=bd-grey minh200
}

{====}

{up box=bg-image-only
| image = images/illustrations/etude-cas-{up lang}.jpg
| link=index.php?Itemid=1138
| class=bd-grey minh200
}

{====}

{up box=onimage
| title=UP en vidéo
| subtitle=au Joomladay 2022 à Bruxelles
| image=images/illustrations/joomladay-2022.jpg
| link=index.php?option=com_content&view=article&id=150&catid=10#jd2022
| head-class=border:2px orange solid;border-radius:5px;background:#FA807266
| title-class=raz;notoc;text-shadow:#333 1px 0 10px
| subtitle-class=bg-jauneClair
| css-head=#id .up-box-title a[color:#EEE]

}

{====}

{up box=bg-image-only
| image = images/illustrations/etude-cas-{up lang}.jpg
| link=index.php?Itemid=1138
| style=bd-grey
}

{/up flexauto}

{up div=w4 ws12 minh200}
{up box=bg-image-only
| image = images/actions-demo/box/engrenage.jpg
| link=index.php?Itemid=1138
| link-target=_blank
| style=bd-red minh200
| body-class=up-center;t-rouge;fs300;b;text-shadow:0 0 10px #FF0 
}
TEXTE
{/up box}

{/up div}

{up div=w4 ws12 minh200}
{up box=bg-image-only
| image = images/actions-demo/box/engrenage.jpg
| link=index.php?Itemid=1138
| link-target=_blank
| style=bd-red minh200
| body-class=p2;t-rouge;fs150;b;text-shadow:0 0 10px #FF0 
}
{up span=btn btn-primary fs200}TEXTE{/up span}
{/up box}

{/up div}