Theme september

DjbWebmasterDjbWebmaster Member
juillet 2015 modifié dans Vos créations
Bonjour à tous,

Nouveau thème September dispo, j’attends vos remarques avant de le mettre en téléchargement.

september.jpg

responsive et page erreur personnalisée

Bye et bonne soirée
«1

Réponses

  • Ca flash un peu à mon goût. O:)
  • J'aime bien moi :) Bravo DjbWebmaster ;)
  • Voila le lien pour le télécharger

    September

    bye et bon WE
  • Très beau thème, bravo. :)


    à plus,

    Gzyg
  • j'aime aussi ;;bravo
  • J'aime bien la page d'erreur :)
  • Super beau thème ! Félicitation !
    Je l'ai adopté sur mon site. ;)

    Juste une chose, sur la page d'erreur, l'image n'est pas en définition x2.
    Du coup, sur écran Retina, c'est pas super agréable...

    Petite question également : Comment personnaliser cette page d'erreur 404, puisque tu dis que c'est personnalisable. :)

    Un grand merci pour ce thème !
  • Re,
    J'aurai une petite suggestion : Le style des liens de ce thème n'est pas différencié du texte simple, sans lien.
    Est-il possible dans la prochaine version de ce thème d'avoir soit une couleur différente pour les liens, soit une typo différente etc... QUelque chose pour que les visiteurs puissent les différencier quoi.

    J'aurai bien modifié le CSS moi-même mais comme il est minimifié...

    Merci. :)
    Bonne soirée. ;)
  • Petit bug graphique apparemment sur Windows uniquement :
    Bug%20th%C3%A8me%20September%20PluXml%20sous%20Windows.PNG
    Le dernier article de la page n'apparait pas...

    J'ai testé sur Windows avec Firefox et IE en plein écran, et le bug est présent.
    Avec Firefox en fenêtre, ça fonctionne, avec IE, je n'ai pas essayé en fenêtré.

    Sur Mac, aucun soucis, ni avec Safari, ni avec Firefox, que ce soit en Full Screen ou en fenêtré...
  • Salut,

    Merci pour le retour, je vais mettre en fichier style non compressé pour les fenêtres il faut modifier dans le fichier footer.php
    [== HTML ==]
    <script>
            $(window).scroll(function() {
               
            
            $('.blog').each(function(){
    		var imagePos = $(this).offset().top;
    
    		var topOfWindow = $(window).scrollTop();
    			if (imagePos < topOfWindow+400) {
    				$(this).addClass("effet");
    			}
    		});
                
            
    		});    
    
        </script>  
    

    la valeur 400 est la hauteur pour faire apparaitre les blocs, tu peux regarder le tuto à cette adresse: http://psdtohtml5.fr/animate-css3-avec-le-scroll-de-la-souris

    bye
  • Super !
    J'ai passé la valeur à 500 et ça fonctionne sur mon PC. ;)

    Merci. :)
  • Bonjour;)
    Je suis en train de mettre le nez dedans, car il me plait bien ce thème :)
    - Première question:
    S'il est relativement facile de modifier les 'flaticon'
    genre dans la sidebar " <i class="flaticon-folder5"> "
    je ne parvient pas à trouver le code qui me permettrait de leur donner 'en général' une couleur pour les distinguer un peu plus du reste ...
    à la limite en une seule fois, j'ai bien trouvé ceci :
    [== CSS ==]
    	@font-face
    {
    	font-family:'flaticon';
    	src:url("fonts/flaticon.eot");
    	src:url("fonts/flaticon.eot?#iefix") format("embedded-opentype"),url("fonts/flaticon.woff") format("woff"),url("fonts/flaticon.ttf") format("truetype"),url("fonts/websymbols-regular-webfont.svg#web_symbolsregular") format("svg");
    	font-weight:normal;
    	font-style:normal
    }
    	strong
    {
    	font-weight:bold
    }
    	[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after
    {
    	font-family:flaticon;
    	font-style:normal
    }
    
    mais alors là, pour y glisser un 'code couleur' ? = SOS !

    - autre question, pour rester 'moins bête' : pourquoi certaines ligne de la css ne se terminent-elles pas par les fameux " ; " ?
    @+
    bg
  • Bonsoir,

    pour la couleur de l'icon, tu peux ajouter la couler à cette ligne:
    [== CSS ==]
    [class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after
    {
    	font-family:flaticon;
    	font-style:normal
    }
    

    ajout de color: red; pour exemple.

    pourquoi certaines ligne de la css ne se terminent-elles pas par les fameux " ; "

    le ; c'est pour séparer les lignes, si c'est la dernière ligne par besoin d'ajouter le ;

    bye
  • Ok grands mercis = ça fonctionne !
    et maintenant, si en conservant cette 'config' je veux juste modifier la couleur de ' une seule ' par exemple " .flaticon-botton5 " pour qu'elle se distingue des autres ...
    je viens de tester avec :
    [== CSS ==]
    .flaticon-botton5:before
    {color: red !important;
    	content:"\e019"
    }
    
    mais ça ne fonctionne pas ...
    @.
  • DjbWebmasterDjbWebmaster Member
    novembre 2015 modifié
    Bonsoir,

    Ta règle passe après la mise en forme. Evites les hacks CSS si tu débute.

    Pourquoi ne pas créer un class .red et placer cette class de cette manière.
    [== Indéfini ==]
    <i class="flaticon-botton5 red"></i>
    

    C'est plus propre que !important en plus du pourras l'utiliser pour d'autres mise en forme.

    Il faut rester simple et logique.

    à plus,
  • bon alors j'ai ceci :
    [== CSS ==]
    [class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after
    {
    	font-family:flaticon;
    	font-style:normal;
    	color: #fcd68a;
    }
    
    Qui me fait passer tous les 'flaticon' de la même couleur
    Je mets ensuite ceci:
    [== CSS ==]
    .red
    {
    	color: red;
    }
    
    et
    [== HTML ==]
                <?php $plxShow->catList('','<li><a class="#cat_status" href="#cat_url" title="#cat_name"><i class="flaticon-folder5 red"></i>#cat_name</a> (#art_nb)</li>'); ?>
    
    mais rien ne se passe, c'est toujours la première couleur qui domine ...
    j'ai fait une erreur, mais laquelle ?
    @+/
  • Salut bg62
    si c'est juste pour une icon, tu peux essayer de mettre le style directe dans la balise html
    [== HTML ==]
    <i class="flaticon-folder5" style="color:#FF0000;">
    
    pour les Fonts Awesome marche, flaticon je n'ai pas essayé
  • oui c'est possible, mais il faut toujours dissocier la mise en page (code css) et la structure (html)
  • DjbWebmaster a écrit:
    oui c'est possible, mais il faut toujours dissocier la mise en page (code css) et la structure (html)
    oui, facile à dire pour toi qui maîtrise à fond, mais de mon côté, aucune des deux solutions ne fonctionne, malheureusement ...
    :)
  • DudyDudy Member
    novembre 2015 modifié
    salut bg62
    j'ai fait un test est marche nickel il suffit de mettre dans le fichier style.css le nom de ton icon que tu aime changer la couleur de cette façon:
    [== CSS ==]
    .flaticon-folder5 {
    	color: #FF0000;
    }
    
    tu peux voir ICI
  • PlakateckPlakateck Member
    novembre 2015 modifié
    Sur ce thème comme sur Bounce impossible d'afficher plusieurs articles sur la page principal.

    J'ai bien 5 articles d'affiché sur mon interface d'administration, je suis en version 5.4 de pluxml =)

    Je suis en train de regarder si je vois un truc.
    Mais la boucle avec <?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?>
    M'a l'air bien faite il doit y avoir un truc autres mais je vois pas encore ;s
  • Et en changeant pour le thème par défaut, est-ce qu'on voit tout ce qui doit s'afficher?

    Parce que la page home.php utilise justement la boucle WHILE, elle devrait donner une bonne indication de l'origine du problème, un pas vers la solution...
  • PlakateckPlakateck Member
    novembre 2015 modifié
    Oui avec le thème par défaut aucun problème =)

    Je suis d’ailleurs retourner dessus :s

    Ps: C'était justement cette boucle While du plugin que j'ai linker
    Je trouve celà étrange que ca ne le fait qu'a moi car j'ai pas vraiment une config spécial :o
  • Tu peux copier ici le contenu de ta boucle WHILE problématique, peut-être qu'un oeil de lynx du forum y trouvera quelque chose qui cloche.
  • PlakateckPlakateck Member
    novembre 2015 modifié
    [== HTML ==]
    
    
    <!-- création de la boucle pour récuperer les articles du blog -->
          <?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?>
    
              <div class="blog" id="post-<?php echo $plxShow->artId(); ?>">
    
                <!-- Titre de l'article -->
                <h2><?php $plxShow->artTitle('link'); ?></h2>
    
                <hr/>
    
                <!-- informations de l'article -->
                <p><?php $plxShow->lang('WRITTEN_BY'); ?> <?php $plxShow->artAuthor() ?> le <time datetime="<?php $plxShow->artDate('#num_year(4)-#num_month-#num_day'); ?>"><?php $plxShow->artDate('#num_day #month #num_year(4)'); ?></time> <span class="right"><?php $plxShow->artNbCom(); ?><span class="symbol">e</span></span>
                </p>
    
                <!-- Affichage du bloc Chapo -->
                <?php $plxShow->artChapo(); ?>
    
    
                <!-- informations de l'article, catégorie et Tags -->
                <p>
                    <span class="symbol">D</span><?php $plxShow->lang('CLASSIFIED_IN') ?> : <?php $plxShow->artCat(); ?>
                    <span class="symbol">,</span><?php $plxShow->lang('TAGS') ?> : <?php $plxShow->artTags(); ?>
                </p>
    
              </div>
    
           <!-- fin de la boucle -->
    
    

    Voici la boucle qui ne m'affiche qu'un article sur la page principal.
  • En comparant avec la boucle de la home.php par défaut, je remarque que la mention

    role="article"

    ne fait pas partie de ta DIV principale, je rajouterais ça à côté de class="blog" pour commencer
  • et j'espère qu'il y a un

    <?php endwhile; ?>

    à la fin de tout ça!
  • PlakateckPlakateck Member
    novembre 2015 modifié
    [del]Ma parole tu a l’œil pour le role dans div.
    Je test cela.[/del]

    [del]Oui il y a bien le <?php endwhile; ?> à la fin.
    Je l'ai zappé lors de la copie.[/del]

    Bon j'ai trouvé ! Merci a toi tu m'a mis sur la piste.
    La class doit se nommé "article" et non "blog"
    Va savoir pourquoi c'est nommé comme celà, il me semble pas avoir fait de modif de mon pluxml qui aurait modifié les fichiers de base.

    Le problème est présent dans plusieurs fichiers, je vais faire les modif.


    <div class="blog" id="post-<?php echo $plxShow->artId(); ?>">
    En ==>
    <div class="article" id="post-<?php echo $plxShow->artId(); ?>">
  • La classe c'est autre chose, elle n'empêchera pas la boucle d'afficher tout ce qu'elle doit produire. Au pire, ça sortira au mauvais endroit ou de la mauvaise couleur, c'est une question de CSS.


    Par contre, si la boucle sortait seulement un résultat partiel, le changement de classe ne devrait rien réparer.
  • @Dudy :)
    finalement j'ai supprimé la ligne commandant la 'totale'
    [== CSS ==]
    [class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after
    {
    	font-family:flaticon;
    	font-style:normal;
    	color: #fcd68a;>>> SUPPRIMEE
    }
    
    et je me sers donc de ceci à chaque 'appel' en modifiant le code 'couleur':
    [== HTML ==]
    <i class="flaticon-folder5" style="color:#FF0000;">
    

    ça va viendre :)
    @+
Connectez-vous ou Inscrivez-vous pour répondre.