le CSS "text-decoration" : "blink" fait clignoter (supporté par la majorité des navigateurs actuels je pense), sinon on peut utiliser le javascript et/ou jQuery livré avec Dotclear, pour ma part j'ai commencé avec cela et un peu de débrouille : http://www.pckult.net/tutoriaux/152-jav … avec-jquer

Tu as raison, au "Se souvenir de moi" ET au plugin lightbox. Si tu n'utilises rien de jQuery hors d'un post, ca devrait aller, ca dépend du thème que tu utilises principalement.

Autre solution si le temps de chargement est en cause : http://encosia.com/2008/12/10/3-reasons … y-for-you/ (en anglais)

Je ne vois pas très bien comment faire, mais je te conseillerais le plugin RateIT avec l'extension RateIt Tag, et tu demandes à tes visiteurs de noter la justesse de ta catégorisation. Ça existe aussi pour les catégories si tu veux.

Je viens de trouver la solution, mais ca soulève un bug au niveau du core.

En fait, avec les thèmes, on a un templates _flv_player.html. Je pensais donc qu'en le changeant, ca changeait les vidéos incrustées après. Ce qui n'est pas le cas. Je fais la même chose dans le thème par défaut, idem.

Et en cherchant dans class.dc.media.php, je tombe sur :

ligne 1060

$args = array(
				'margin' => 1,
				'showvolume' => 1,
				'showtime' => 1,
				'showfullscreen' => 1,
				'buttonovercolor' => 'ff9900',
				'slidercolor1' => 'cccccc',
				'slidercolor2' => '999999',
				'sliderovercolor' => '0066cc'

qui correspond exactement aux paramètres de mes incrustations !

Il est donc impossible sans passer par ce fichier php de changer les paramètres des videos incrustées. Il suffit de changer margin: 0 et ma bordure enquiquinante s'en va.

Le solution est donc d'utiliser le fichier contenu dans le templates, librement modifiable par tous, et non pas ceux de cette classe. Quelqu'un pour faire la modification ?

Super ! Tu pourrais détailler le changelog entre les versions, s'il y a autre chose que ces nouvelles pages ? Pour ma part j'ai fait une rapide bidouille pour le plugin Mymeta, je peux te les fournir comme base de travail si tu veux.

Après moults essais de différents mécanismes, le problème d'Opera a de grandes chances de venir de display: inline-block;

Si a la place d'une marge négative, on efface le billet, le suivant prend la place uniquement quand le précédent est totalement caché, et ne se décale pas progressivement. On obtient donc le même effet de cassure entre les diapositives, seule la transition  est différente.

Si au lieu d'une marge à droite, on utilise une marge vers le haut (slider avec les billets venant "d'en bas"), le problème est résolu, mais l'enchainement ne dépasse pas la deuxième diapo ; il ne semble pas apprécier d'avoir du contenu caché "au dessus" de lui.

je vais peut-etre voir pour un slider, qui n'en sera plus un, sous forme d'accordéons.

(j'étais persuadé d'avoir déjà répondu avant)

J'avais déjà remarqué le changement, je pense même que j'ai du effacé ce position: relative; au cours de mon travail. Mais merci beaucoup, c'est corrigé.

Je vais essayer ton programme, et voir ce que je peux faire.

Pour le calibrage d'image sur l'essai d'Azork, vous pouvez passer par la même méthode que moi (mettre l'image en fond du cadre), c'est un peu moins prise de tête.

Euh qu'est ce que tu appelles "pas bonne" ? Hormis la vidéo, le CSS m'a l'air bon puisque je ne constate pas de soucis avec mon IE... 8, et zut alors j'avais même pas regardé.

Si quelqu'un peut me montrer ce que ca rend sous IE 7 et 6 ?

Pour le resize, ca marche très bien et quand c'est du premier coup, ca fait plaisir.

Et puis dans le fond, tu aimes ca non ? Au moins un peu.

J'ai essayé une bonne partie l'aprem de faire correspondre le changement de diapos à une animation du numéro sur le coté, sans succès. jQuery est vraiment bien, mais pour la queue, c'est une horreur. Le problème réside dans la sélection de chaque <span class="piste">, pour les animer à la suite dans la boucle for (function Lecture).
Même en faisant une deuxième fonction, synchronisée avec la première, impossible de faire en sorte que l'animation suive la boucle (d'abord 1, puis 2, puis ... jusque n le nombre de piste). J'ai contourné le problème dans Lecture car je ne fais bouger que le .post:first, j'ai eu de la chance.

Donc si quelqu'un sait comment se dépatouiller avec ca, je veux bien. Sachant que les .get(i), .eq(i) ou :eq(i) ou même $("")[i] ne fonctionne pas dans une boucle, et qu'un .each() le fait pour tous en même temps. J'ai voulu contourner en faisant correspondre un attribut (piste 1 class A, post 1 class A aussi et ainsi de suite, pour faire un selecteur $("x[id="A"]) anime un $("y[id="A")), mais impossible la aussi.

Au rang des reussites, j'ai juste mis une variable pour la largeur, pour que le script soit plus simple à utiliser.

Comme dirait Perceval, "c'est pas faux".

Sinon, j'ai rebidouillé un peu tout cela pour que ca soit plus propre (double container par exemple) et j'ai réglé un des problèmes d'Opéra en mettant tout en x * 916px, la largeur du contenu (même si maintenant l'effet de transition est inexistant). Avec ma chance habituelle, ca marche un peu mieux qu'avant soue IE, mais pas l'ombre d'un changement concernant les vidéos, je constate que ca viendrait du script puisque la balise <div id="dextra"> est belle et bien vide.

Je continuerais tout ca plus tard.

Après une dure après-midi de travail, j'ai pu refaire une bonne partie du script pour qu'il soit plus beau, simple et correct, même si de la bidouille reste encore présente sur un point.

Je voulais donc un script léger, qui ne nécessite pas de plugin supplémentaire, et soit relativement fonctionnelle et joli. La première version etait calqué sur le HTML mis en place, qui mérite aussi à être plus joli, mais qui fonctionne bien pour le moment.

Pour expliquer le principe, on ouvre un <div id="diaporama">, avec un <div id="conteneur"> dedans. Le diaporama fais 100% en largeur, et le conteneur 400% (valeur prévue pour 4 billets, mais qui permet plus). Les billets affichés font tous 25% des 400%, soit 100% la aussi. On prend simplement le premier billet, qu'on tire vers la gauche avec une marge négative. Pour reprendre ce à quoi je pensais en le faisant, ce sont les "languettes" dans les livres pour enfants, qui font défiler les images dans la page.
Pour que l'effet soit continu, on prend le premier qu'on copie toute à la fin. Une fois arrivé à cette fin, on repasse directement sur la première, pour que l'effet ne soit pas perceptible à l'œil nu. C'est comme si la première et la dernière image de la languette étaient les même, et qu'on tirait très vite pour revenir au début, donnant l'illusion de voir une boucle.

Le deuxième principe que je voulais, c'était avoir le post d'un coté, et une illustration de l'autre coté. Mais la plupart des sliders que je voyais n'intégrait que des images, alors que je voulais absolument les vidéos (c'est ce qui a déclenché la création du script fait main au lieu d'adapter un existant et/ou utiliser un plugin).
La technique est simple. On fait un display: none; sur les <object> du post, on prend le premier via jQuery, on le clone et on le colle dans le cadre d'illustration, en ajustant la taille.
Puisqu'on ne pouvait pas faire la même technique avec une image (tpl:EntryFirstImage renvoie une balise <img>, qui aurait pu etre en conflit avec un <object>), j'ai rusé en affichant l'image ailleurs, et en la cachant avec un display: none, pour récupérer l'attribut src pour le mettre en background: url(src) du cadre d'illustration. Ainsi, l'image obtenue n'est pas recadrée pour coller au cadre, mais s'affiche en fond, ce qui est plus joli. On peut très bien avoir un <object> dans le cadre, qui cacherait l'image derrière.

Le reste du code a été pour gérer la lecture du slider, j'ai réussi cette après-midi à en faire une fonction infinie au lieu d'une queue mise bout-à-bout 300 fois (oui, c'était bidouille). J'ai aussi disposé un bouton lecture/pause et des accès aux différents billets.

Le gros du travail de mon après-midi a été de faire quelque chose de flexible, qui n'est pas limité par le nombre de billet. La plupart des sliders proposent un nombre fixe de billet, 4 ou 5, et je ne trouvais pas ca très pratique. J'ai réussi à le faire puisque tout se base sur un <tpl:entries> (modulable donc), le "tirage de languette" autant de fois qu'il y a de billet, les boutons pour chaque sont affichés et ajuster en fonction aussi.

Voici le code HTML, il n'est pas spécifique au thème Hybrid, mais vous devrez changer les tailles normalement. Je ne prends ici que les billets "selectionnés", mais à vous de faire votre propre selecteur. J'ai mis un lastn="100" car il semblerait qu'il n'en prenait que 5 par défaut.

<div id="diaporama">        
  <div id="dcontainer"><tpl:Entries selected="1" lastn="100"><div id="diapo{{tpl:EntryID}}" class="post {{tpl:EntryIfOdd}} {{tpl:EntryIfFirst}}">             
        <div class="dextra"></div>                      
<div class="dpost-content">{{tpl:EntryFirstImage class="dextraimg" size="o"}}
  <tpl:EntryIf has_comment="1">                                       
    <a href="{{tpl:EntryURL}}#comments" class="comment_count">{{tpl:EntryCommentCount none="0" one="1" more="%s"}}</a>
    </tpl:EntryIf>                             
    <h2 class="post-title">                         
      <a href="{{tpl:EntryURL}}">{{tpl:EntryTitle encode_html="1"}}</a></h2>                                                              
    <!-- # Entry with an excerpt -->                                           
    <tpl:EntryIf extended="1">                                                   
      <div class="post-content">{{tpl:EntryExcerpt}}
      </div>            
      </tpl:EntryIf>                                                   
      <!-- # Entry without excerpt -->                                                   
      <tpl:EntryIf extended="0">                                                           
        <div class="post-content">{{tpl:EntryContent}}<br />                                                            
        </div>                                                           
        </tpl:EntryIf>                       
</div>
<!-- End dpost-content -->
<div class="dpost-info">
  <p class="read-it">                                                                   
    <a href="{{tpl:EntryURL}}" title="{{tpl:lang Continue reading}} {{tpl:EntryTitle encode_html="1"}}">{{tpl:lang Continue reading}}...</a>                                                           
  </p>                                        
  <tpl:EntryIf has_category="1">                                                  
    <a class="post-category" href="{{tpl:EntryCategoryURL}}">{{tpl:EntryCategory encode_html="1"}}</a>                                                  
    </tpl:EntryIf>                                                   
    <p class="post-info">{{tpl:EntryDate}}, {{tpl:EntryTime}}
    </p>
</div></div><!-- End Post--></tpl:Entries></div>  <!--  End dcontainer -->   
</div><!-- End Diaporama -->

Attention ! Ne touchez pas à l'indentation au début et à la fin. Si les blocs sont décollés dans le code, il apparait des espaces entre les blocs, qui sont bien visible sur la page. Ainsi, les diapositives se décalent progressivement, à la fin on voit le début de la suivante apparaitre.

Voici le CSS que j'utilise, libre à vous de changer les couleurs et les hauteurs, mais évitez de tout changer si vous ne savez pas ce que ca implique.

 /* Diaporama
------------------------------------------------------------------------ */

#diaporama {
display:none;
float:left;
height:24em;
margin:1em 0 0;
overflow:hidden;
padding:0;
width:916px;
}
#diapochanger {
color:white;
display:inline-block;
float:left;
margin:1em 0;
width:40px;
}

#diapochanger span {
cursor: pointer;
background: #3FA9FF;
float:left;
text-align:center;
width:40px;
font-weight: bolder;
}

#dcontainer {
height:24em;
margin:0;
padding:0;
width:400%;
}

#diaporama .post {
width: 25%;
min-width: 25%;
height: 24em;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
position: relative;
}
#diaporama .post .dextra {
width: 40%;
height: 23.9em;
float: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#diaporama .post .dpost-content {
width: 58%;
float: right;
padding: 0 1%;
position: relative;
border-top:1px solid #CCCCCC;
}
#diaporama .post .dpost-content h2 a {
color: #333;
font-weight: normal;
border: none;
}
#diaporama .post .dpost-content a {
color: #3FA9FF;
font-weight: 700;
border-bottom: 1px dotted #3FA9FF;
}
#diaporama .post .dpost-content a:hover {
text-decoration: none;}

#diaporama .dpost-info {
position: absolute;
bottom: 0;
right: 0;
width: 60%;
border-bottom:1px solid #CCCCCC;
}

#diaporama .post-content {
height: 21em;
overflow: hidden;
}

#diaporama .comment_count{
display:block;
float:right;
margin-right: 1em;
padding:0.25em 1em;
color: white;
text-decoration: none;
}

#diaporama .post-category {
float: left;
padding: 0 1%;
background: #F5F5F5;
}
#diaporama .post-info {
display: inline;
float: right;
padding: 0 1em;
margin: 0;
background: #F5F5F5;
}

#diaporama .read-it {
background: #3FA9FF;
color: white;
text-align: center;
margin: 1em;
padding: 1em;
}
#diaporama .read-it a{
color: white;
}

#diaporama .post sup, #diaporama .post .footnotes, #diaporama .post .post-content h2, #diaporama .post .post-content h3, #diaporama .post .post-content h4, #diaporama .post object, #diaporama .post img {
display: none;
}

#diaporama .post .dextra object {
display: inline;
width: 99%;
height: 24em;
}

Et finalement, le script en lui même.

$(document).ready(function(){
// Diaporama
$("#diaporama").after("<div id='diapochanger'></div>");
$("#diapochanger").append("<span id='play'>Play</span>");
$("#diapochanger").append("<span id='stop'>Stop</span>");
for ( var nbrPost = 1; nbrPost <= $("#diaporama .post").size() ; nbrPost++) {
 $("#diapochanger").append("<span id='dchanger" + nbrPost + "' class='piste'>" + nbrPost + "</span>");
}
$("#diapochanger span").height( $("#diaporama").height() / $("#diapochanger span").size() ).css("line-height",$("#diapochanger span").height() + "px");
$("#diapochanger span:odd").css("opacity","0.5");

$("#diaporama .read-it").css("opacity","0.8");

var postclone = $("#diaporama .post:first").clone();
$("#diaporama .post:last").after(postclone);

$("#diaporama .post").each(function(){
var id = $(this).attr("id");
var clone = $("#diaporama .post[id='" + id + "'] .dpost-content:has(object) object:first").clone();
$("#diaporama .post[id='" + id + "'] .dextra").addClass(id);
$("#diaporama .post[id='" + id + "'] .dextra[class*='" + id + "']").html(clone);

$("#diaporama .post[id='" + id + "'] .dextraimg").addClass(id);
var src = $("#diaporama .post[id='" + id + "'] .dextraimg[class*='" + id + "']").attr("src");
$("#diaporama .post[id='" + id + "'] .dextra[class*='" + id + "']").css("background","white url('"+ src + "') no-repeat center");
});

function Lecture() {
  for ( var nbrPost = 1; nbrPost < $("#diaporama .post").size() ; nbrPost++) {
  $("#diaporama .post:first").animate( {opacity : "1" }, 3500);
  $("#diaporama .post:first").animate( {marginLeft : "-=25%"}, 1000);
  }
$("#diaporama .post:first").animate( {marginLeft : "0%"}, 0, Lecture);
}
function reinitialiser() {
$("#diaporama .post:first").queue("fx", []).animate( {marginLeft : "0%"}, 1000, Lecture);
}

$("#diaporama .post:first").animate( {opacity : "1" }, 3500);
Lecture();

$(".piste").click( function() {
var index = $(".piste").index(this);
var taille = $("#diaporama .post").width();
var margin = -(index*taille);
$("#diaporama .post:first").stop().queue("fx", []).animate( {marginLeft : margin}, (index + 1) * 500);
$("#diaporama .post:first").animate( {opacity : "1" }, 30000, reinitialiser);
});

$("#play").click( function() {
$("#diaporama .post:first").queue("fx", []).animate( {marginLeft : "0%"}, 1000, Lecture);
});
$("#stop").click( function() {
$("#diaporama .post:first").queue("fx", []);
});

$("#diaporama").slideDown("5000");

// End Diaporama
});

Tout ce code est fonctionnel, et provient de mon blog.

Si vous avez des questions sur des commandes, comment inclure le slider, comment modifier certains paramètres, n'hésitez pas à les poster ici-même, je vous répondrais. Je vous conseille d'ailleurs d'en poser avant de tenter une intégration, sauf si vous savez ce que vous faites. Pour ajouter des fonctions/effets, ca sera selon mes capacités et le temps que j'aurais.

Amusez-vous bien !

A peu près oui, mais pour ma défense je viens souvent regarder les nouveautés, donc je ne manquerait pas de signaler mon travail. Je vous ferais part de mon avancement dans sa refonte quand j'aurais le temps de m'y remettre.