Affichage des sujet façon mozaic
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 2 sur 2 • Partagez
Page 2 sur 2 • 1, 2
Affichage des sujet façon mozaic
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???
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
Re: Affichage des sujet façon mozaic
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(); })
});
- 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; }
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Affichage des sujet façon mozaic
Etana a écrit:On pourrait ajouter un script de ce genre sur les forums et sous-forums :Et mettre un code css de ce style :
- 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(); })
});Cordialement.
- 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; }
Ou ajouter le 1er code svp??
Re: Affichage des sujet façon mozaic
c'est bon j'ai trouver c'est un javascript .
merci beaucoup
merci beaucoup
Page 2 sur 2 • 1, 2
Sujets similaires
» Affichage d'un sujet
» Problème d'affichage de titre de sujet / date du sujet / auteur du sujet
» Rangs ( affichage de sujet)
» Affichage d'un Sujet.
» Affichage du nom du sujet
» Problème d'affichage de titre de sujet / date du sujet / auteur du sujet
» Rangs ( affichage de sujet)
» Affichage d'un Sujet.
» Affichage du nom du sujet
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 2 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum