Créer un article splash

Je donne ce nom en référence à accueil splash (dont vous trouverez l'explication :ICI). C'est un article avec un design personnalisé : en général, sans entête, sans colonne et sans pied de page.

Pour voir un exemple : allez à cet article.

La transformation d'un article en article Splash se fait une fois qu'il n'est plus édité en page d'accueil.

1ERE ETAPE : 

Il faut que vous soyez en mode avancé pour pouvoir demander un seul article par page dans la partie Articles de votre configuration.

Vous allez dans configurer - onglet articles - représentation schématique de l'article - petit marteau en haut à droite. Vous cliquez dessus :

Article

• 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 articles par page

2EME ETAPE :

Vous allez dans le mode Source de l'article que vous voulez transformer en article splash.

 Vous y collez ce pavé. C'est celui qui figure dans le mode source de l'article mis en exemple ci-dessus :

<style type="text/css">

body{background:url(adresse du fond);}
#top  {display:none;}
#footer {display:none;}
#ln_1 #cl_1_2 {visibility:hidden;}
#ln_1 #cl_1_0 {visibility:hidden;}
.date {display:none;}

.titreArticle{font-size:150%; }
.article {background:none;border:solid 0px;} 

</style>

Vous allez maintenant pouvoir personnaliser ce code.
Il vous faut un minimum de connaissance en CSS, car entre les balises <style type="text/css"> et  </style>, vous allez pouvoir mettre toutes les lignes de CSS que vous voulez et qui n'agiront que sur cet article

body{background:url(adresse du fond);} Pour changer le fond de la page.

#top  {display:none;}
#footer {display:none;}
#ln_1 #cl_1_2 {visibility:hidden;}
#ln_1 #cl_1_0 {visibility:hidden;}
.date {display:none;} Pour demander que l'entête, le pied de page, la colonne gauche, la colonne doite et la date soient invisibles

.titreArticle{font-size:150%; } Pour demander que le titre de l'article soit plus gros de 150%

.article {background:none;border:solid 0px;} Pour enlever le fond de l'article et les bordures

Vous pouvez aller plus loin : mettre un curseur spécifique à cette page, mettre une autre entête, changer les dimensions de l'article...Les lignes seront les mêmes que celles que vous auriez mises dans le CSS.