Affichage des sujet façon mozaic

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 le 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

bush76
*****

Masculin
Messages : 550
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 le Mar 13 Mar 2012 - 13:56

up

C'est pour ce lien: http://happyjack.niceboard.com/f22-joueur-mystere-equipe-de-france

bush76
*****

Masculin
Messages : 550
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 le Mer 14 Mar 2012 - 14:47

up

bush76
*****

Masculin
Messages : 550
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 le 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
Aidactif
Aidactif

Messages : 23447
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 le 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??

bush76
*****

Masculin
Messages : 550
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 le Mer 14 Mar 2012 - 17:25

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

bush76
*****

Masculin
Messages : 550
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


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