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

cfdev · janvier 2015

Petit soucis d'affichage pour la section timeline blog:

chriss · janvier 2015

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-evrard · janvier 2015

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é

cfdev · janvier 2015

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

chriss · janvier 2015

bizarre !!
dans Archives l'année est doublée:

je-evrard · janvier 2015

C'est corrigé avec un coup de css sur la box

[== Indéfini ==]
word-wrap: break-word;

merci

bg62 · janvier 2015

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

@+

chriss · janvier 2015

@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

chriss · janvier 2015

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-evrard · janvier 2015

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+

bg62 · janvier 2015

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

je-evrard · janvier 2015

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+

chriss · janvier 2015

Bonjour,

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.
Pouvoir ajouter, nous même d'autres sections D, E, F etc...

Bien sûr si cela est possible. :cool:

je-evrard · janvier 2015

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é

bg62 · janvier 2015

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

"
@+

chriss · janvier 2015

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;
}

bg62 · janvier 2015

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

je-evrard · janvier 2015

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

bg62 · janvier 2015

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

je-evrard · janvier 2015

Pour info stef a commencé a regarder le projet... Merci à lui pour ces premiers retour.

chriss · janvier 2015

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-evrard · janvier 2015

Bien vu effectivement.

bg62 · janvier 2015

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

chriss · janvier 2015

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

chriss · janvier 2015

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

bg62 · janvier 2015

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

chriss · janvier 2015

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.

chriss · janvier 2015

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'

chriss · janvier 2015

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

chriss · janvier 2015

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";

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

Réponses