[Cutenews] Personnalisation

1) Modifier la présentation des news.
Connectez-vous et rendez-vous sur "Options" puis sur "Edit templates".
Cliquez ensuite sur " Active news ".

On va commencer par traduire le module.

Voici le code de base, non traduit :

Code:

<div style=\"width:100%; margin-bottom:30px;\">
<div><strong>{title}</strong></div>

<div style=\"text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;\">{short-story}</div>

<div style=\"float: right;\">[full-link]Read more •[/full-link] [com-link]{comments-num} Comments[/com-link]</div>

<div><em>Posted on {date} by {author}</em></div>
</div>

et voici maintenant le code traduit :

Code:

<div style=\"width:100%; margin-bottom:30px;\">
<div><strong>{title}</strong></div>

<div style=\"text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;\">{short-story}</div>

<div style=\"float: right;\">[full-link]Lire la suite •[/full-link] [com-link]{comments-num} Commentaires[/com-link]</div>

<div><em>Posté le {date} par {author}</em></div>
</div>

Voici ce qui a été traduit :
Read more _ Lire la suite
Comments _ Commentaires
Posted on _ Posté le
By _ Par

Vous pouvez ajouter ou changer du texte pour plus d'originalité.
Pour cela voici quelques balises pour vous aider.

Code:

{title} = Titre de l'article
{avatar} = Avatar (si il y a. Je vous en reparlerai plus tard)
{short-story} = article sans extention
{full-story} = Article complet (avec détails)
{author} = Auteur (avec lien vers adresse mail)
{author-name} = Auteur (sans adresse mail)
[mail] TEXTE [/mail] = Faire un lien vers l'adree mail de l'auteur
{date} = La date
[full-link] and [/full-link] = Pour voir la news avec les détails
[com-link] and [/com-link] = Lien pour voir les comentaires
{comments-num} = Nombre de commentaires sur la news
{category} = Catégorie de la news (Je vous en parlerai plus tard aussi)
{category-icon} = L'image de la catégorie

Puis validez vos changements.


Vous pouvez aussi changer la disposition et les couleurs du module.

Ici :

Code:

<div style=\"width:100%; margin-bottom:30px;\">
<div><strong>{title}</strong></div>

margin-bottom:30px; -> Vous pouvez remplacer \"30\" par un autre nombre. Cela correspond à la taille de l'espace entre chaque news.

Code:

<div style=\"text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;\">{short-story}</div>

border-top:1px solid #D3D3D3; -> Vous pouvez changer la taille de la bordure du haut du module en remplaçant le \"1\" par un autre nombre. Vous pouvez aussi remplacer \"solid\" (barre normale) par \"dotted\" (pointillés), \"outset\" (relief extérieur), \"inset\" (relief intérieur), \"dashed\" (pointillés grands), \"double\" (deux lignes)...
& pour finir, vous pouvez remplacer le code couleur \"#D3D3D3\" par un autre code couleur.
Pour ajouter de nouvelles lignes : \"border-bottom\" pour une ligne en bas, \"border-top\" pour une ligne en haut, \"border\" pour que date/nom des commentaires soit encadré, \"border-left\" pour une ligne à gauche, \"border-right\" pour une ligne à droite.

Code:

<div style=\"float: right;\">[full-link]Lire la suite •[/full-link] [com-link]{comments-num} Commentaires[/com-link]</div>

<div><em>Posté le {date} par {author}</em></div>
</div>

Vous pouvez changer aussi la forme du texte avec ces différentes informations :
strong = texte en gras (i)
em = Texte en italique (b)
u = texte souligné

Cliquez sur "Save changes"