Appel à candidature : projet theme simple (onepage 100% administrable)

13567

Réponses

  • cfdevcfdev Member
    Petit soucis d'affichage pour la section timeline blog:
    1420637425.png
  • chrisschriss Member
    janvier 2015 modifié
    cfdev a écrit:
    Petit soucis d'affichage pour la section timeline blog:
    http://pix.toile-libre.org/upload/original/1420637425.png

    dans le css ce code devra être rajouté: 
    [== CSS ==]
p {
  word-break: break-all ;
}
    [del]je ne l'ai pas testé[/del]

    testé, cela fonctionne: http://chorale.shost.ca/testa/
    voir le Chapo du 1er article dans blog avec la ligne de 'ppppppppppppppp' mais aussi dans l'article les 'aaaaaaaaaaaaaaa'
  • je-evrardje-evrard Member
    janvier 2015 modifié
    Hello,
    Dudy a écrit:
    tu as fait un sacré travail, qui ne vas pas s'arrêter là ( le peu que je te connais ) 1000 fois Bravo,

    Merci dudy ça me fait plaisir ce que tu me dis. Effectivement je suis uniquement en première et je vais passé la seconde vitesse :) . Blague à part, j'ai failli craquer et ne pas finir tellement le bout du tunnel semblait loin. C'est du passé le plus dur est fait, mais j'ai souffert pas mal. Ouf.
    Dudy a écrit:
    une question : dans la section Options des Styles, je suis entrain de me créer une Charte de couleur personnalise, mais je ne trouve pas comment créer des opacity ou transparent par exemple avoir le background du menu transparent ou avec un effet d'opacity a:hover, j'ai essayé de l'ajouté dans la feuille des style, mais au premier enregistrement ça s'efface, que c est toute a fait normal.
    je ne sais pas si tu as prévu les effets,

    Effectivement c'est un problème dans cette version 0.2 ou ne peux modifier le css sans que ce soit écraser par l'admin ou par la nouvelle version. Je vais donc rajouter dans l'admin la possibilité de mettre du css, du javascript et des shorcodes (tout ceci sera enregistré dans vos données dans des fichiers php transformé après pour le thème). Vous pourrez donc a loisir peaufiner la bête.
    Si tu veux vraiment customiser en attendant la nouvelle version tu peux faire la manip suivante:

    Dans le header.php du thème
    A la place de 
    [== Indéfini ==]
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/custom.css" />
    Tu mets ceci 
    [== Indéfini ==]
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/custom.css" />
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/custom2.css" />
    dans le répertoire css tu créé ton fichier custom2.css et tu mets ton style dedans.
    Au passage de la nouvelle version tu feras une copie de ton css dans l'admin et tout rentrera dans l'odre.
    Duddy a écrit:
    dans la charte des couleurs tu as écrit :
    white (minuscule)
    Color (majuscule)
    White(majuscule)

    Je vais corriger merci.
    cfdev a écrit:
    Petit soucis d'affichage pour la section timeline blog:

    Tu peux me donner l'url en private que je regarde la structure html pour que je comprenne ce qui se passe. Merci

    Ouf.

    a+

    jéjé
  • cfdevcfdev Member
    jéjé a écrit:
    Tu peux me donner l'url en private que je regarde la structure html pour que je comprenne ce qui se passe. Merci

    Dsl je suis en local pour les test mais tu peux reproduire simplement en mettant le même type de texte (cad n'importe quoi lol).
    Prend ton temps pour les remarques/modifs tu en a déja fait bcp ;)
  • chrisschriss Member
    bizarre !!
    dans Archives l'année est doublée:
    1420646257.jpg
  • je-evrardje-evrard Member
    C'est corrigé avec un coup de css sur la box
    [== Indéfini ==]
word-wrap: break-word;

    merci
  • bg62bg62 Member
    janvier 2015 modifié
    je-evrard a écrit:
    C'est corrigé avec un coup de css sur la box
    [== Indéfini ==]
word-wrap: break-word;

    merci
    et code que tu places où ?

    + si l'on regarde le code source : on trouve les 26 premières lignes ' vierges ' avant d'arriver à '<!DOCTYPE html>'
    normal ou ???

    ++ :
    pour l'image du logo, dans le header, une fois affichée : si l'on clique dessus = #page-top
    ne serait-il pas mieux pour ce lien de renvoyer directement à la racine du site, les 'visiteurs' ont beaucoup plus cette habitude ...

    +++ je voudrai replacer, sous "Secretsitebox 2014 © All Rights Reserved"
    les lignes de code habituelles : 
    [== PHP ==]
	<p>
		<?php $plxShow->mainTitle('link'); ?> © <?php echo date('Y') ?> - <?php $plxShow->subTitle(); ?>
	</p>
	<p>
	<?php $plxShow->chrono(); ?> - 
	<?php $plxShow->httpEncoding() ?>
</p>
    comment procéder ?

    ++++
    bien que je ne soit pas 'puriste' à ce point, peut-être vérifier ici :
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.secretsitebox.fr%2Fthemesspx%2Fdev%2Ftheme_simple%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices

    et surtout pour la CSS ...
    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.secretsitebox.fr%2Fthemesspx%2Fdev%2Ftheme_simple%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=fr

    +++++
    Dans le haut de page, si l'on met une image dans ' image logo ' elle n'a pas de balise 'alt' ... 
    [== Indéfini ==]
<img class="wow fadeInDown img-responsive img-centered animated" alt="" src="data/images/spxthemesimple/code-binaire001.jpg" data-wow-delay="1.6s" data-wow-duration="4000ms" data-wow-iteration="1" data-src="holder.js/200x100/lava/text:Logo" style="visibility: visible; animation-duration: 4000ms; animation-delay: 1.6s; animation-iteration-count: 1; animation-name: fadeInDown;">

    @ chriss
    j'ai créé le second fichier css :)
    @+

    mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -

  • chrisschriss Member
    @bg62
    j'ai créé un fichier MonStyle.css et dedans je mets toutes les modifs, et ne pas oublier de le déclarer dans le header.php
  • chrisschriss Member
    je-evrard a écrit:
    C'est corrigé avec un coup de css sur la box
    [== Indéfini ==]
word-wrap: break-word;

    merci

    attention c'est une fonction expérimentale Il vaut mieux utiliser le code 
    [== CSS ==]
p {
  word-break: break-all ;
}

    https://developer.mozilla.org/fr/docs/Web/CSS/word-wrap
  • je-evrardje-evrard Member
    janvier 2015 modifié
    bg62 a écrit:
    et code que tu places où ?
    [== Indéfini ==]
.timeline_box {	
  word-wrap: break-all;
}
.section-blog-pluxml {
 word-wrap: break-all;
}
    bg62 a écrit:
    + si l'on regarde le code source : on trouve les 26 premières lignes ' vierges ' avant d'arriver à '<!DOCTYPE html>'
    normal ou ???

    Corrigé pour la prochaine version.
    bg62 a écrit:
    pour l'image du logo, dans le header, une fois affichée : si l'on clique dessus = #page-top
    ne serait-il pas mieux pour ce lien de renvoyer directement à la racine du site, les 'visiteurs' ont beaucoup plus cette habitude ...

    Corrigé pour la prochaine version.
    bg62 a écrit:
    +++ je voudrai replacer, sous "Secretsitebox 2014 © All Rights Reserved"
    les lignes de code habituelles :

    Le theme "simple" comme son nom m'indique est un thème simple j'ai donc pour le footer juste un input field pour les non initié. Mais... Il sera possible dans la prochaine version de mettre du code sous forme de shortcode. Les shortcodes seront déclarés dans l'admin du thème. Vous ne serez jamais perdu tout sera au meme endroit. En gros au lieu d'avoir un texte tu auras [copyright] ce dernier sera interprété lors de la sortie cliente.
    bg62 a écrit:
    +++++
    Dans le haut de page, si l'on met une image dans ' image logo ' elle n'a pas de balise 'alt' ...

    fixé pour la prochaine version.

    A noter: Je suis pas loin de la validation w3c.

    Merci les gars.

    a+
  • bg62bg62 Member
    janvier 2015 modifié
    ben dis-donc tu ne chôme pas toi !!! 
    [== Indéfini ==]
[== Indéfini ==]
.timeline_box {	
  word-wrap: break-all;
}
.section-blog-pluxml {
 word-wrap: break-all;
}
    >> dans quel fichier ?
    super :)
    pour continuer, petit à petit, car c'est vraiment une ' sacrée machine de guerre ' que tu as mis en place là, chapeau bas, encore une fois :

    + dans la section portofolio: si je place un lien depuis l'une des 'image' = pas de balise 'title'

    ++ dans la section portofolio : les liens genre ' http://youtube.com/embed/bHELBOqDB00 ' = ok MAIS normalement Google donne un lien genre ' http://youtube.com/bHELBOqDB00 ' et si on oublie d'ajouter le '/embed ' ....

    +++ dans le header ajouter si possible:
    "<meta name="robots" content="index, follow, all" />
    <meta name="googlebot" content="index, follow, all" />"

    ++++ rappel : boutons et liens dans la catégorie ' services '

    +++++ dans la foulée j'aurais voulu placer les donnes 'open graph' et autres comme ici:
    http://forum.pluxml.org/viewtopic.php?id=4848
    ( pour éviter un plugin supplémentaire surtout, mais je n'ai pas eu de réponse ... )

    ++++++ les liens externes (ou autres) sont placés en 'target="_blank" ( perso ce que je préfére :) )MAIS niveau 'codage pointu ',
    searit-il possible de les mettre avec ce code " onclick="window.open(this.href);return false;" qui lui ne pose aucun problème chez tous les validateurs/navigateurs ?


    +++++++ la grande majorité, voire la quasi totalité des appels 'javascript' se font en fin de code source = très bonne chose
    MAIS serait-il possible d'incrémenter la fonction 'defer' ? ce qui au niveau optimisation serait aussi un sacré plus ;)

    si je vois d'autres choses avant ta prochaine réponse, j'ajouterai ici.
    @+

    mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -

  • je-evrardje-evrard Member
    Petit bilan pour la version 0.3

    **** v 0.3. ****
    - theme 0.3 :
    - fix css word break all : ok
    - archive duplication ?
    - espace en début de page html : ok
    - logo balise html ... ok
    - rajout balise opengraph : ok
    - lien externerne window.open : ok
    - add defer in javascript : ok
    - admin :
    - rajoute un sommaire dans definition du site : a faire
    - youtube vimeo uniquement uniquement avec un l'id ? a cogiter
    - boutons pour services : ok
    - package :
    - rien pour le moment

    a+
  • chrisschriss Member
    Bonjour,
    1. ce qui serais bien, cela serais de regrouper les sections en double de 'définition site' et 'agencement' (ex. blog, slider, portofolio, etc..) dans l'onglet 'agencement'; ne garder dans le premier onglet que 'header', 'home', 'footer' et autre ne se trouvant pas dans agencement.
    2. Pouvoir ajouter, nous même d'autres sections D, E, F etc...
    Bien sûr si cela est possible. :cool:
  • je-evrardje-evrard Member
    janvier 2015 modifié
    Bonjour,
    chriss a écrit:
    ce qui serais bien, cela serais de regrouper les sections en double de 'définition site' et 'agencement' (ex. blog, slider, portofolio, etc..) dans l'onglet 'agencement'; ne garder dans le premier onglet que 'header', 'home', 'footer' et autre ne se trouvant pas dans agencement.

    A ce stade et pour ce template je vais garder la structure existante mais je note dans un coin cette proposition.
    chriss a écrit:
    Pouvoir ajouter, nous même d'autres sections D, E, F etc...

    Ce template s'appelle "simple" et il sera limité dans ses fonctions. Trois sections libres c'est pas assez tu penses ?

    A noter: 80% de l'ensemble du package est générique, seul 20% est spécifique (thème css, javascript, class pour sortie html, admin (description xml) et ses traductions). Ce qui veux dire que d'autres thèmes vont naitre par la suite (thème cv, thème restaurant, thème évènementiel et j'en passe). Le système sera amené a se perfectionner au niveau de l'admin. J'ai déja cogité en ce sens.

    a+ (et encore merci pour vos différents retour c'est très bien)

    jéjé
  • bg62bg62 Member
    janvier 2015 modifié
    re ....
    * dans le blog, en sidebar 'archives' : plus de doublon, MAIS j'ai créé un article en '2014' et cela m'affiche " 201201 ... 1 "

    **     le 'look' de la section 'blog' dans la page d'accueil : l'affichage en 'quinconce' = par trop super ( à mon avis ... ), celui qui y arrive voit le premier, mais s'il ne scrolle pas ne voit plus rien d'autre ...
    ( possible de mettre dans la largeur 'totale' de la page ??? )

    ***     dans le blog lui-même : en sidebar : 'mots clés ' = problème, les tags se collent les uns autres de manières assez étrange ...

    ****     pour le 'blog' (exemple ... index.php?article3/article-3 ) comment se gère son ' look ' général via une css ', si oui laquelle, si non comment faire ... ?

    ***** dans le blog : " Accueil BLOG lorem ipsum lacinia curabitur, elit malesuada. "
    accueil est cliquable et renvoie sur index.php, MAIS ' BLOG ' n'est pas cliquable = s'il pouvait renvoyer sur 'la section BLOG elle-même' ce serait bien :)

    "
    @+
    :)

    mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -

  • chrisschriss Member
    bg62 a écrit:
    re ....


    ***     dans le blog lui-même : en sidebar : 'mots clés ' = problème, les tags se collent les uns autres de manières assez étrange ...
    ....
    @+
    :)

    il manque le 
    [== CSS ==]
.tag{
 padding-right: 10px;
}
  • bg62bg62 Member
    janvier 2015 modifié
    @chriss : nickel = donc à prendre en compte pour 'jeje' :)
    MAIS ... je viens de me rendre compte d'autre chose:
    http://www.cjoint.com/15jv/EAjlRmP9pIA.htm
    donc = ???
    @+

    mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -

  • je-evrardje-evrard Member
    Hello,

    Bien pris note les gars, je regarde. J'ai déja intégré css, js et shorcodes au fait dans l'admin. Plus qu'a traduire.

    Merci.

    a+

    jeje
  • bg62bg62 Member
    janvier 2015 modifié
    pour continuer :
    ***** dans le blog : " Accueil BLOG lorem ipsum lacinia curabitur, elit malesuada. "
    accueil est cliquable et renvoie sur index.php, MAIS ' BLOG ' n'est pas cliquable = s'il pouvait renvoyer sur 'la section BLOG elle-même' ce serait bien plus simple et efficace :)
    ça doit être ici: 
    [== PHP ==]
      <!-- FIL D'ARIANE -->
      <div class="row">
        <div class="col-lg-12">
          <ol class="breadcrumb">
            <li><a href="./"><?php $plxShow->lang('HOME'); ?></a></li>
            <li><?php $plxShow->lang('BLOG'); ?></li>
            <li class="active"><?php $plxShow->artTitle(''); ?></li>
          </ol>
        </div>
      </div>
      <!-- /FIL D'ARIANE -->

    mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -

  • je-evrardje-evrard Member
    Pour info stef a commencé a regarder le projet... Merci à lui pour ces premiers retour.
  • chrisschriss Member
    bg62 a écrit:
    @chriss : nickel = donc à prendre en compte pour 'jeje' :)
    MAIS ... je viens de me rendre compte d'autre chose:
    http://www.cjoint.com/15jv/EAjlRmP9pIA.htm
    donc = ???
    @+

    au lieu de 
    [== CSS ==]
.timeline_box {	
  word-wrap: break-all;
}
.section-blog-pluxml {
 word-wrap: break-all;
}
    pour alléger le code, ceci serait mieux, et réglerait le second problème: 
    [== Indéfini ==]
p, span {	
  word-wrap: break-all;
}
  • je-evrardje-evrard Member
    Bien vu effectivement.
  • bg62bg62 Member
    je-evrard a écrit:
    Bien vu effectivement.
    merci:)

    et @chriss :

    j'ai mis dans 'custom2.css' = ça fonctionne très bien +
    bien aimé aussi " #toTop { border-radius: 50%; background-color: orange;}
    #toTop:before { font-size: 2em;}

    ... qui permet de se passer du plugin ' scrollToTop ' super !
    seule chose, pour les visiteurs, toujours, la pssage de la souris au-dessus du bouton indique " javascript:void(0) " ... qui va comprendre ???
    @+

    mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -

  • chrisschriss Member
    bg62 a écrit:
    je-evrard a écrit:
    Bien vu effectivement.
    merci:)

    et @chriss :

    ....................

    ... qui permet de se passer du plugin ' scrollToTop ' super !
    seule chose, pour les visiteurs, toujours, la pssage de la souris au-dessus du bouton indique " javascript:void(0) " ... qui va comprendre ???
    @+
    Sûrement parce que sait une commande JS, je ne vois que cela!!...
    Bizarre en effet sur le thème Premiun qui utilise aussi ScrollToTop.js cela ne se produit pas !!
  • chrisschriss Member
    Bonjour,
    une chose gênante, qui pourrait faire fuir les visiteurs du site qui utiliserait ce thème, le temps de chargement qui est trop long.
    Voir pourquoi!!
  • bg62bg62 Member
    chriss a écrit:
    Bonjour,
    une chose gênante, qui pourrait faire fuir les visiteurs du site qui utiliserait ce thème, le temps de chargement qui est trop long.
    Voir pourquoi!!
    re ... tu es sûr de toi ?
    si je regarde le test que tu as mis en ligne:
    " Généré par PluXml en 0.064s " ... bon c'est bien vrai qu'à l'ouverture ça 'mouline' avec l'animation en plus, mais si l'on regarde le temps donné ... ???
    :)

    mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -

  • chrisschriss Member
    bg62 a écrit:
    chriss a écrit:
    Bonjour,
    une chose gênante, qui pourrait faire fuir les visiteurs du site qui utiliserait ce thème, le temps de chargement qui est trop long.
    Voir pourquoi!!
    re ... tu es sûr de toi ?
    si je regarde le test que tu as mis en ligne:
    " Généré par PluXml en 0.064s " ... bon c'est bien vrai qu'à l'ouverture ça 'mouline' avec l'animation en plus, mais si l'on regarde le temps donné ... ???
    :)
    Oui, je n'avais pas regardé le pied de page... Mais c'est ce moulinage (mesuré jusqu'a 5s.) qui me gêne et personnellement je zappe ces sites.
  • chrisschriss Member
    janvier 2015 modifié
    ah!! une chose qui me chagrinnais depuis le début, cet espace vide entre les pages, pour résoudre cela
    remplacer dans style.css 
    [== CSS ==]
.section .scroll-down {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 600px;
}

    par 
    [== CSS ==]
.section .scroll-down {
    width: 100%;
    text-align: center;
    margin: 100px auto;
}
    donc '600px' par 'auto' pour 'margin'
  • chrisschriss Member
    janvier 2015 modifié
    bonsoir,
    une erreur en CSS3 dans le fichier style.css 
    [== CSS ==]

.hr, .hr2 {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 20px auto 45px;

	background:-webkit-linear-gradient(left,rgba(228, 228, 228, 0) 0,#E4E4E4 20%,#E4E4E4 80%,rgba(228, 228, 228, 0) 99%);

	background:-moz-linear-gradient(left,rgba(228, 228, 228, 0) 0,#E4E4E4 20%,#E4E4E4 80%,rgba(228, 228, 228, 0) 99%);

	background:-o-linear-gradient(left,rgba(228, 228, 228, 0) 0,#E4E4E4 20%,#E4E4E4 80%,rgba(228, 228, 228, 0) 99%);

	background:-ms-linear-gradient(left,rgba(228, 228, 228, 0) 0,#E4E4E4 20%,#E4E4E4 80%,rgba(228, 228, 228, 0) 99%);

	background:linear-gradient(left,rgba(228, 228, 228, 0) 0,#E4E4E4 20%,#E4E4E4 80%,rgba(228, 228, 228, 0) 99%)
}
}

    à remplacer par 
    [== CSS ==]

.hr, .hr2 {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 20px auto 45px;

	background:linear-gradient(to right,rgba(228, 228, 228, 0) 0,#E4E4E4 20%,#E4E4E4 80%,rgba(228, 228, 228, 0) 99%)

}

    EDIT: j'ai corrigé le code CSS toujours dans style.css 
    [== CSS ==]

.separator{
	background:linear-gradient(to right,rgba(228, 228, 228, 0) 0,#E4E4E4 20%,#E4E4E4 80%,rgba(228, 228, 228, 0) 99%)
 }

 .edge{
	background:#E4E4E4;
	background:linear-gradient(to right,white 0,#E4E4E4 20%,#E4E4E4 80%,white 99%)
}

.box-shadow1{	
	box-shadow:0 0 130px #CCC
}
    ce n'est plus: background:linear-gradient(left, ....
    mais background:linear-gradient(to right, ....

    EDIT2: supprimer 
    [== CSS ==]
La propriété zoom n'existe pas : 1 

.fixclear{
	zoom:1;
}

    ligne 2876 il ne fauy pas mettre background-color: none (pas reconnu par W3C)
    mais background: none

    et tout cela allégerais le code :)
  • chrisschriss Member
    Bon depuis hier je bloquais sur une erreur dans le fichier style.css le charset n'était pas valide @charset 'UTF-8';
    par contre cela est valide: @charset "UTF-8";
Connectez-vous ou Inscrivez-vous pour répondre.