Theme september

2»

Réponses

  • @ bg62
    Ca serait mieux d'utiliser le script css si tu as plusieurs font icon, mais tu as le choix :)
  • 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" ?
    @+
  • DjbWebmasterDjbWebmaster Member
    février 2016 modifié
    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
  • bg62bg62 Member
    février 2016 modifié
    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 ...
    @+
  • quant au fichier 'js' je ne le trouve pas ...

    dans le footer.php
  • 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
    @+
  • DjbWebmasterDjbWebmaster Member
    février 2016 modifié
    supprimes dans la fichier style.css visibility: hidden;
    [== Indéfini ==]
    blog{
            visibility: hidden;
    
  • YES +100:)
    là ça fonctionne, merci ;)
  • bg62bg62 Member
    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 )
    ?
    @+
  • DjbWebmasterDjbWebmaster Member
    mars 2016 modifié
    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 :D

    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
  • bg62bg62 Member
    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 ...
    @+
  • bg62bg62 Member
    septembre 2016 modifié
    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 :)
  • garys02garys02 Member
    mai 2020 modifié

    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.

  • HarukaHaruka PluXml Project Manager

    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.

  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    mai 2020 modifié

    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

  • @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


    Cordialement,
    gcyrillus

    Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | demos sur free http://gcyrillus.free.fr/new | Thèmes: tester et télécharger @ https://pluxthemes.com
    Indiquez [RESOLU] dans le titre de votre question une fois le soucis réglè, Merci

Connectez-vous ou Inscrivez-vous pour répondre.