Affichage des sujet façon mozaic

4 participants

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Affichage des sujet façon mozaic

Message par bush76 Mer 8 Fév 2012 - 15:53

Rappel du premier message :

bonjour je voudrais savoir s'il existe un code ou tout autre manip pour afficher les sujet de ma page blog, comme l'acceuil de la wii ou bien la mozaic d'orange TV svp???


Dernière édition par bush76 le Mer 14 Mar 2012 - 17:26, édité 1 fois
avatar

bush76
*****

Masculin
Messages : 590
Inscrit(e) le : 23/05/2010

http://happyjack.niceboard.com
bush76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des sujet façon mozaic

Message par bush76 Mar 13 Mar 2012 - 13:56

avatar

bush76
*****

Masculin
Messages : 590
Inscrit(e) le : 23/05/2010

http://happyjack.niceboard.com
bush76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des sujet façon mozaic

Message par bush76 Mer 14 Mar 2012 - 14:47

up
avatar

bush76
*****

Masculin
Messages : 590
Inscrit(e) le : 23/05/2010

http://happyjack.niceboard.com
bush76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des sujet façon mozaic

Message par Ea Mer 14 Mar 2012 - 15:44

On pourrait ajouter un script de ce genre sur les forums et sous-forums :

Code:
$(function(){
  /* test si on est sur une affichage blog d'article */
  $(".blog_message").length &&
  /* ajoute une classe viewblog a la balise body */
  $("body").addClass("viewblog") &&
  /* retire le par [pseudo] - */
  $(".blog_comments span.span-tab").each(function(){ $([this.childNodes[0],this.childNodes[1],this.childNodes[2]]).remove(); })
});
Et mettre un code css de ce style :

Code:
/* marge à gauche ( où il y a l'icône de nouveau/pas nouveau message */
ul.topics dd.blog.dterm {
  padding-left: 5px;
}
/* la position de l'icône de sujet */
body.viewblog dd.blog { background-position: 5% 98% !important; }
/* la taille du cadre avec la date */
.blog_cal-border { font-size: 0.7em; }
/* chacun des blocs pour un article */
.viewblog ul.topiclist.bg_none li {
 /* type d'affichage : l'un à côté de l'autre en pouvant spécifier la taille */
 display: inline-block;
 /* largeur : 25% du conteneur ( donc 4 par ligne ) */
 width: 25%;
 /* hauteur : 280 pixels */
 height: 280px;
}
/* retirer l'icône nouveau/pas de nouveau message */
.blog.icon { background-image: none!important; }
/* redimensionner l'image ou le flash dans le cadre */
.blog_message img, .blog_message embed {
  max-width: 95%;
  height: 200px;
  border: 1px solid #ddd;
}
/* remonter le cadre et mettre ... à la place de la fin si trop long */
.blog_title {
  position: relative; top: -8px; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;
}
/* centrer le contenu du message de l'article */
.blog_message { text-align: center; font-size: 0; }
/* effacer le texte stylisé dans le message de l'article */
.blog_message span {
 display: none;
}
/* ne pas afficher la description */
.blog .genmed { display: none; }
Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des sujet façon mozaic

Message par bush76 Mer 14 Mar 2012 - 17:00

Etana a écrit:On pourrait ajouter un script de ce genre sur les forums et sous-forums :

Code:
$(function(){
  /* test si on est sur une affichage blog d'article */
  $(".blog_message").length &&
  /* ajoute une classe viewblog a la balise body */
  $("body").addClass("viewblog") &&
  /* retire le par [pseudo] - */
  $(".blog_comments span.span-tab").each(function(){ $([this.childNodes[0],this.childNodes[1],this.childNodes[2]]).remove(); })
});
Et mettre un code css de ce style :

Code:
/* marge à gauche ( où il y a l'icône de nouveau/pas nouveau message */
ul.topics dd.blog.dterm {
  padding-left: 5px;
}
/* la position de l'icône de sujet */
body.viewblog dd.blog { background-position: 5% 98% !important; }
/* la taille du cadre avec la date */
.blog_cal-border { font-size: 0.7em; }
/* chacun des blocs pour un article */
.viewblog ul.topiclist.bg_none li {
 /* type d'affichage : l'un à côté de l'autre en pouvant spécifier la taille */
 display: inline-block;
 /* largeur : 25% du conteneur ( donc 4 par ligne ) */
 width: 25%;
 /* hauteur : 280 pixels */
 height: 280px;
}
/* retirer l'icône nouveau/pas de nouveau message */
.blog.icon { background-image: none!important; }
/* redimensionner l'image ou le flash dans le cadre */
.blog_message img, .blog_message embed {
  max-width: 95%;
  height: 200px;
  border: 1px solid #ddd;
}
/* remonter le cadre et mettre ... à la place de la fin si trop long */
.blog_title {
  position: relative; top: -8px; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;
}
/* centrer le contenu du message de l'article */
.blog_message { text-align: center; font-size: 0; }
/* effacer le texte stylisé dans le message de l'article */
.blog_message span {
 display: none;
}
/* ne pas afficher la description */
.blog .genmed { display: none; }
Cordialement.

Ou ajouter le 1er code svp??
avatar

bush76
*****

Masculin
Messages : 590
Inscrit(e) le : 23/05/2010

http://happyjack.niceboard.com
bush76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des sujet façon mozaic

Message par bush76 Mer 14 Mar 2012 - 17:25

c'est bon j'ai trouver c'est un javascript .
merci beaucoup
avatar

bush76
*****

Masculin
Messages : 590
Inscrit(e) le : 23/05/2010

http://happyjack.niceboard.com
bush76 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum