Présentation sous forme de vignette

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.9.4.2
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,

J'aimerais présenter les news ainsi (http://eighthourday.com/news/)
Est-ce possible ?

Si ce n'est pas des news, je peux simplement faire une page ainsi (http://www.compagniemobilehome.com/index...spectacles) avec des liens vers d'autre pages.
Je me demande si cataloger est approprié.

Merci!
Répondre
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.9.4.2
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,

J'aimerais présenter les news ainsi (http://eighthourday.com/news/)
Est-ce possible ?

Si ce n'est pas des news, je peux simplement faire une page ainsi (http://www.compagniemobilehome.com/index...spectacles) avec des liens vers d'autre pages.
Je me demande si cataloger est approprié.

Merci!
Répondre
#2
avec News c'est tout a fait possible

mais il te faudra de solide connaissance CSS !
Répondre
#2
avec News c'est tout a fait possible

mais il te faudra de solide connaissance CSS !
Répondre
#3
Je vais essayer de réaliser la page de news.
Je n'ai pas de problème avec le CSS.
Répondre
#3
Je vais essayer de réaliser la page de news.
Je n'ai pas de problème avec le CSS.
Répondre
#4
Pour les news, c'est simple.
Dans ma page j'ai mis la balise {news} dans le content.
Dans le CSS «Module: News» il faut changer les propriétés du div .NewsSummary.
Code :
.NewsSummary {
         float: left;
    overflow: hidden;
    display: inline;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 15px;
          width: 200px;
          height:250px;

}
La largeur varie selon le content ( je vais essayer en pourcentage aussi)
J'ai mis une hauteur pour que les news soit toute de la même taille, il faut juste faire attention à ne pas mettre trop de texte dans le sommaire de la news pour ne pas que ça dépasse.

Un peu de padding pour un espace entre chaque news.

Dans mon gabarit j'ai mis un div avec
Code :
.clear:both;
comme propriété sous {content} pour que la balise main fasse toute la hauteur de l'ensemble des news.

Ça me donne 3 colonnes

Je commence tout juste le site, je mettrais le lien quand il sera fini.
Répondre
#4
Pour les news, c'est simple.
Dans ma page j'ai mis la balise {news} dans le content.
Dans le CSS «Module: News» il faut changer les propriétés du div .NewsSummary.
Code :
.NewsSummary {
         float: left;
    overflow: hidden;
    display: inline;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 15px;
          width: 200px;
          height:250px;

}
La largeur varie selon le content ( je vais essayer en pourcentage aussi)
J'ai mis une hauteur pour que les news soit toute de la même taille, il faut juste faire attention à ne pas mettre trop de texte dans le sommaire de la news pour ne pas que ça dépasse.

Un peu de padding pour un espace entre chaque news.

Dans mon gabarit j'ai mis un div avec
Code :
.clear:both;
comme propriété sous {content} pour que la balise main fasse toute la hauteur de l'ensemble des news.

Ça me donne 3 colonnes

Je commence tout juste le site, je mettrais le lien quand il sera fini.
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)