Modification affichage articles.

Modification affichage articles. [Réglé]

blacklorenz Membre non connecté

Booster Fuzil

Le 16/11/2014 à 08h10

Booster Fuzil
Voir le profil du membre blacklorenz
Inscrit le : 23/01/2013
Site internet
Groupes :

Bonjour à tous,

Depuis la version 4.1 les articles s’affiche différemment que la version 4 et ici j'aimerai modifier
l'affichage graphique des articles.

Voici un exemple :

L'affichage est superbe seul bémol, la date qui s'affiche avec un bandeau bleu.
J'aimerai vraiment que ce bandeau disparaisse ou juste ne pas afficher la date avec ce bandeau, avez-vous une solution ?

Merci d'avance

Édité par blacklorenz Le 16/11/2014 à 08h12

babsolune Membre non connecté

Equipe Développement Administrateur

Le 16/11/2014 à 10h20

#141511

Administrateur
Voir le profil du membre babsolune
Inscrit le : 16/05/2008
Site internet
Groupes :
Equipe Développement

comme ça je dirai...
supprimer la ligne <time> du fichier ArticlesDisplaySeveralArticlesController.tpl de ton thème

Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 16/11/2014 à 11h14

#141512

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

C'est le code ci-dessous qui affiche le bandeau avec la date :

templates/justplayforfun/modules/articles/ArticlesDisplaySeveralArticlesController.tpl ligne 66

Code CSS :

<p class="date-bandeau">
<time datetime="{articles.DATE_ISO8601}" itemprop="datePublished">{articles.DATE_SHORT}</time>
</p>

templates/justplayforfun/modules/articles/article.css ligne 80

Code CSS :

p.date-bandeau {
    display: block;
    position: absolute;
    background: url(images/belt.png) no-repeat bottom left;
    padding-bottom: 18px;
    margin: 30px 0px 0px -10px;
    z-index: 10;
}
 
p.date-bandeau time {
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #0097C8;
    background: #0099FF;
    padding: 12px 13px 8px 14px;
    margin: 0px;
}