Theme september

Dudy · novembre 2015

@ bg62
Ca serait mieux d'utiliser le script css si tu as plusieurs font icon, mais tu as le choix

bg62 · février 2016

lut:)
est-il possible et si oui comment, d'annuler l'animation au niveau du défilement des articles ( page d'accueil ou autres ) pour ne laisser que les autres ( fade-in, animation de la sidebar ... ), un peu comme sur "Framework" ou "Sofia" ?
@+

DjbWebmaster · février 2016

Bonsoir,

Explications de l'animation en CSS

[== Indéfini ==]
article {
    
    .blog{
        visibility: hidden;
        background: #fff;
        border-radius: 3px;
        padding: 12px;
        @include box-shadow(0 1px 2px rgba(0,1,1,.12));
        
        margin-bottom: 30px}

    .blog:first-child{
        visibility: visible; 
        @include animate(flip-in-x, .6s, 0ms)}
    
    .effet{
        visibility: visible; 
        @include animate(flip-in-x, .6s, 0ms)}
    
    .titre{
        margin-bottom: 20px;
        line-height: 1}
}

et pour l'animation en js

[== JavaScript ==]
<!-- scripts js -->
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        
        <script>
        $(window).scroll(function() {
           
        
        $('.blog').each(function(){
		var imagePos = $(this).offset().top;
		var topOfWindow = $(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				$(this).addClass("effet");
			}
		});
            
        
		});    
    </script>

Il faut supprimer l'animation en CSS; la class .effet et l'animation css puis tu peux supprimer le code js

bg62 · février 2016

pour la css j'ai ceci:

[== CSS ==]
	article .effet
{
	visibility:visible;
	-webkit-animation-duration:0.6s;
	-moz-animation-duration:0.6s;
	-o-animation-duration:0.6s;
	animation-duration:0.6s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-delay:0ms;
	-moz-animation-delay:0ms;
	-o-animation-delay:0ms;
	animation-delay:0ms;
	-webkit-animation-name:flipInX;
	-moz-animation-name:flipInX;
	-o-animation-name:flipInX;
	animation-name:flipInX
}

c'est toute cette partie là qu'il faut donc supprimer ? ( pour supprimer l'animation ... )

je viens de mettre ceci:

[== CSS ==]
	article .blog:first-child
{
	visibility:visible;
	/*-webkit-animation-duration:0.6s;
	-moz-animation-duration:0.6s;
	-o-animation-duration:0.6s;
	animation-duration:0.6s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-delay:0ms;
	-moz-animation-delay:0ms;
	-o-animation-delay:0ms;
	animation-delay:0ms;
	-webkit-animation-name:flipInX;
	-moz-animation-name:flipInX;
	-o-animation-name:flipInX;
	animation-name:flipInX*/
}
	article .effet
{
	visibility:visible;
/*	-webkit-animation-duration:0.6s;
	-moz-animation-duration:0.6s;
	-o-animation-duration:0.6s;
	animation-duration:0.6s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-delay:0ms;
	-moz-animation-delay:0ms;
	-o-animation-delay:0ms;
	animation-delay:0ms;
	-webkit-animation-name:flipInX;
	-moz-animation-name:flipInX;
	-o-animation-name:flipInX;
	animation-name:flipInX */
}

MAIS, à l'ouverture de la page, il faut quand même scroller pour que les articles soient visibles directement ....

quant au fichier 'js' je ne le trouve pas ...
@+

DjbWebmaster · février 2016

quant au fichier 'js' je ne le trouve pas ...

dans le footer.php

bg62 · février 2016

merci

avec la css modifiée comme plus haut, puis la suppression du JS dans le footer.php, je n'ai plus maintenant que le premier article qui est visible ...
même après un scroll rien n'apparait plus
@+

DjbWebmaster · février 2016

supprimes dans la fichier style.css visibility: hidden;

[== Indéfini ==]
blog{
        visibility: hidden;

bg62 · février 2016

YES +100:)
là ça fonctionne, merci

bg62 · mars 2016

re ... et je continue

j'ai ceci :

[== PHP ==]
      <div class="widget">
	  </ul>
<h4><?php eval($plxShow->callHook('showBlogrollHead')); ?></h4>
		<ul>
			<?php eval($plxShow->callHook('showBlogroll')); ?>
		</ul>
		 </div>

comment faire pour placer une "class 'flatico.... ' " là dedans, comme ici :

[== PHP ==]
            <?php $plxShow->lastComList('<li><a href="#com_url"> <i class="flaticon-circuit" style="color:#660000;"></i> #com_author '.$plxShow->getLang('SAID').' : #com_content(28)</a></li>'); ?>

( par exemple )
?
@+

DjbWebmaster · mars 2016

Bonsoir bg62,

je ne connais pas ce plugin, [del]si tu as un lien vers github [/del]pour voir le code, mais je te conseil de réaliser les mises en forme en CSS

[== Indéfini ==]
<i class="flaticon-circuit" style="color:#660000;">

Pour ton code, il faut toujours séparer la mise en forme ([del]style="...."[/del]) de ta structure HTML. C'est une régle SEO

Edit:

Regarde le fichier Blogroll.php

pour la fonction showBlogroll, tu dois avoir une boucle pour afficher <li> ligne 189, il suffit d'ajouter la class

bg62 · mars 2016

merci;)
mais ne verrais-tu pas une autre solution pour réussir à le faire dans la sidebar du thème ???
Je n'aime pas trop bidouiller les plugins, ne serait-ce que lors d'une mise à jour ... ben on oublie ou on ...
@+

bg62 · septembre 2016

allez hop, je continue !
Je voudrais mettre un petit effet autour des images ( dans article.php uniquement ) de ce genre:

[== CSS ==]
.article img{border:#FFF solid 0.188rem;box-shadow:0.188rem 0.188rem 0.188rem 0.0625rem rgba(0, 0, 0, 0.3);display:inline;margin-bottom:0.125rem;margin-top:0.125rem;}

2 problèmes:
- je ne sais pas s'il est valide !
- et surtout je ne parviens pas à trouver précisément dans quel fichier .css le placer ...
@+

Bon, ok, je me fais mon petit délire tout seul : ligne 1822 = c'est tout bon

garys02 · mai 2020

Bonjour, je fais remonter le post car je trouve ce thème pas mal mais il a un problème.

J'aimerais comprendre pourquoi lorsque j'édite ce thème via l'éditeur de pluxml (par exemple changer l'image de background puis sauvegarder), toutes les flaticons du site ne s'affichent plus et le slash disparait sur la feuille de style sur toutes les icones : '\e000'; --> 'e000'; Sous pluxml 5.8.3. Quelque chose de grave est en train de se passer. Voilà si quelqu'un à la réponse... Je ne sais pas si ça vient du thème ou de la mise à jour de pluxml. Mais c'est pas beau.

D'autre part, la console dev chrome dit ceci
"Warning": Error parsing a meta element's content: ';' is not a valid key-value pair separator. Please use ',' instead. Index10
Merci de votre compréhension.

Haruka · mai 2020

Il ne s'agit pas d'un bug de PluXml 5.8.3, je reproduis le comportement sur la 5.8.2. Le "\" est supprimé lorsqu'on enregistre le fichier (ça ne m'étonne pas, c'est le caractère d’échappement en PHP). Je vais voir comment faire pour améliorer ça.

bazooka07 · mai 2020

En doublant le caractère anti-slash dans l'éditeur en ligne comme ceci "\\e000" ?

D'ailleurs l'éditeur de ce forum a le même comportement

gcyrillus-nomade · mai 2021

@P3ter Bonjour, je ne sais pas si ce défaut est toujours en passe de résolution, j'ai pour moi même fait ce petit plugin (sous PluXMl 5.8.6) : https://github.com/gcyrillus/PLX-cssBackSlash , car c'est vraiment agaçant de doubler les \ à chaque édition et sauvegarde en ligne des fichiers CSS.

fonctionne entre autre avec KzCodeMirror .

Bonne fin de week-end

Theme september

Réponses