Theme september

DjbWebmaster · septembre 2014

Bonjour à tous,

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

responsive et page erreur personnalisée

Bye et bonne soirée

Pio154 · septembre 2014

Ca flash un peu à mon goût. O:)

joebart · septembre 2014

J'aime bien moi

Bravo DjbWebmaster

DjbWebmaster · septembre 2014

Voila le lien pour le télécharger

September

bye et bon WE

Gzyg · septembre 2014

Très beau thème, bravo.

à plus,

Gzyg

brar2010 · septembre 2014

j'aime aussi ;;bravo

Jerry Wham · septembre 2014

J'aime bien la page d'erreur

LolYangccool · octobre 2014

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 !

LolYangccool · octobre 2014

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.

LolYangccool · octobre 2014

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é...

DjbWebmaster · octobre 2014

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

LolYangccool · octobre 2014

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

Merci.

bg62 · novembre 2015

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

DjbWebmaster · novembre 2015

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

bg62 · novembre 2015

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

DjbWebmaster · novembre 2015

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,

bg62 · novembre 2015

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 ?
@+/

Dudy · novembre 2015

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é

DjbWebmaster · novembre 2015

oui c'est possible, mais il faut toujours dissocier la mise en page (code css) et la structure (html)

bg62 · novembre 2015

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 ...

Dudy · novembre 2015

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

Plakateck · novembre 2015

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

Pierre · novembre 2015

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...

Plakateck · novembre 2015

Oui avec le thème par défaut aucun problème

Je suis d’ailleurs retourner dessus

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

Pierre · novembre 2015

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.

Plakateck · novembre 2015

[== 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.

Pierre · novembre 2015

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

Pierre · novembre 2015

et j'espère qu'il y a un

<?php endwhile; ?>

à la fin de tout ça!

Plakateck · novembre 2015

[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(); ?>">

Pierre · novembre 2015

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.

bg62 · novembre 2015

@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

@+

Theme september

Réponses