Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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


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

up

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 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.
avatar

Ea
Aidactif
Aidactif

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

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

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


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