Dotclear

Vous n'êtes pas identifié(e).

Annonce

#1 2015-03-25 09:43:35

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

[Thème One Page Grayscale] Support et discussion

Bonjour

Voici un nouveau thème pour Dotclear, destiné à mettre en place rapidement un tout petit site sur une seule page.

Il est tout indiqué pour se présenter lui-même, et c'est donc par ici pour la suite.

Hors ligne

#2 2015-03-25 10:25:04

Tomek
Moderator
Inscription : 2006-04-12
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Cool ! :-)

Hors ligne

#3 2015-03-25 11:20:09

i_love_dc
Membre
Inscription : 2007-07-13

Re : [Thème One Page Grayscale] Support et discussion

super travail..merci :)

Hors ligne

#4 2015-03-25 11:32:35

i_love_dc
Membre
Inscription : 2007-07-13

Re : [Thème One Page Grayscale] Support et discussion

Petite question (mr.cassepied !! )

Pour changer les images de fond de l'accueil, y a t'il une option particulière via l'admin de dotclear (médiathèque) ou est-ce que l'on doit éditer quelque chose ?

Hors ligne

#5 2015-03-25 12:14:05

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Pour l'instant, il faut modifier les images du thème. Si tu veux utiliser celles de la médiathèque, il faut changer le petit bout de javascript en bas de footer.html pour indiquer les bons chemins.

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
	$("#intro").backstretch([
      "{{tpl:BlogPublicURL}}/onepagegrayscale/intro-bg-1.jpg",
      "{{tpl:BlogPublicURL}}/onepagegrayscale/intro-bg-2.jpg",
      "{{tpl:BlogPublicURL}}/onepagegrayscale/intro-bg-3.jpg"
      ], {
        fade: 1500,
        duration: 4000
    });
	
});
//]]>
</script>

en supposant que tu as mis des images nommées ainsi dans un répertoire onepagegrayscale de ta médiathèque.

Il n'est pas prévu de configurateur pour faire cela, c'est plutôt une base de thème à bricoler ;)

Hors ligne

#6 2015-03-25 12:21:17

i_love_dc
Membre
Inscription : 2007-07-13

Re : [Thème One Page Grayscale] Support et discussion

pas de soucis c'est pas tres compliqué a faire ..petite précision, si je ne souhaite pas d'images en fond je commente juste ce bout de code ???

Hors ligne

#7 2015-03-25 13:13:01

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Oui, ou tu le supprimes. Je crois que le fond est noir...

Hors ligne

#8 2015-03-25 14:00:09

i_love_dc
Membre
Inscription : 2007-07-13

Re : [Thème One Page Grayscale] Support et discussion

Merci pour la précision.

Dernières petites questions.

J'ai un blog avec 3 - 4 billets (exemple, "Qui suis-je", "Mon cv", "Mon expérience" ..etc)

Les urls enregistrées seront elles toujours joignables (sur le nouveau OnePage-Grayscale) ou vont -elles disparaitres (404) ?
En bref, si d'un blog de 4 liens (billets) j'adopte thème, comment cela ce passe t-il en arrière cour (référencement) ?

Hors ligne

#9 2015-03-25 14:15:31

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Toutes les URLs seront joignables, mais seule la page d'accueil sera stylée. Il vaut donc mieux réserver le thème à un domaine ou sous-domaine tout neuf.

Hors ligne

#10 2015-03-27 08:35:11

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Salut

j'ai un ascenseur horizontal en 1280 depuis la démo sur DA.

Hors ligne

#11 2015-03-27 08:51:07

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Oui, je viens de le voir, si je modifie la ligne 287 du fichier onepagegrayscale.css pour changer le padding ainsi

padding: 2em 5% 6em;

(5% au lieu de 10%)

ça semble résoudre le problème. Peux-tu confirmer ?

Edit : padding: 2em 1em 6em;

Dernière modification par Philippe (2015-03-27 09:11:22)

Hors ligne

#12 2015-03-27 09:37:58

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Chez toi : ok

Hors ligne

#13 2015-03-27 09:44:19

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Merci, je sortirai une nouvelle version avec quelques correctifs supplémentaires d'ici peu (déjà disponible en version 1.2.1 chez moi)

Hors ligne

#14 2015-03-29 00:38:38

AlainV
Membre
Lieu : Tourrettes
Inscription : 2008-04-11
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Super MERCI Philippe!
ça permet un design plus actuel (pour ne pas dire à la mode) pour Dotclear...
\o/...


Débutant mais déjà fan de Dotclear 2
Blog pour ma fille née à Shanghai http://zoeliehua.free.fr/blog/
Ma zone de Test sur DC http://www.zoeliehua.fr/dctest/ que je commence à alimenter
et celle sur Free.fr  http://mic.toes.free.fr/

Hors ligne

#15 2015-08-31 17:18:47

i_love_dc
Membre
Inscription : 2007-07-13

Re : [Thème One Page Grayscale] Support et discussion

Hello Philippe.

Je crois que les attributs

role="banner">
role="navigation">
role="search">
role="article">
role="complementary">
role="contentinfo">

n'ont plus lieux d’êtres et sont redondant lorsque la balise correspondante est utilisée

<header>
<nav>
<form>
<article>
<aside>
<footer>

Pour preuve : lien de validation

PS- c'est au cas ou tu sortirait une mise à jour ;-)

Hors ligne

#16 2016-02-26 12:42:27

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Bonjour

Les thèmes Grayscale et One Page Grayscale ont été mis à jour, et passent en version 1.4. Les changements effectués :

- mise à jour vers Bootsrap v.3.3.6
- mise à jour vers FontAwesome 4.5.0
- couleur du fond du menu de navigation identique à celle du bloc menubar
- correction et validation des CSS
- suppression de la fonction pour adapter Simple Menu dans _public.php, remplacée par un script en js (effet de scroll vers une section de la page)

Les deux thèmes sont disponibles sur Dotaddict ;)

Hors ligne

#17 2016-03-02 07:29:44

bebr
Membre
Lieu : Roquefort-Les-Pins
Inscription : 2007-06-18
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Bonjour Philippe ;

J'ai farfouillé un peu dans les fichiers tpl et css de ton thème "OnePage Grascale" afin d'y récupérer les lignes de codes d'insertion du diaporama de la home afin de les adapter à ton autre thème "Simple Grayscale". Je pense que ce doit être faisable, mais j'avoue que je m'y perds un peu. Beaucoup même en fait ! Mis à part le tpl _footer.html et son script que tu édites ici : http://forum.dotclear.org/viewtopic.php … 40#p332540, je ne trouve rien d'autre...
Peux-tu m'aiguiller pour trouver ces lignes ?

Merci.

Dernière modification par bebr (2016-03-02 07:32:10)

Hors ligne

#18 2016-03-02 07:40:16

bebr
Membre
Lieu : Roquefort-Les-Pins
Inscription : 2007-06-18
Site Web

Re : [Thème One Page Grayscale] Support et discussion

J'étais en train de continuer mes recherches et me demandais même si ce simple script à rajouter en fin de "_footer.html" suffisait... Je n'ai pas essayé... Je m'y mets... ;)

Update 5mn plus tard : Ça aurait été trop facile ! ;)

Dernière modification par bebr (2016-03-02 07:53:53)

Hors ligne

#19 2016-03-02 08:11:22

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Pour le diaporama, il y a plusieurs étapes :

1) copier le script /js/jquery.backstretch.min.js qui se trouve dans /oneapgegrayscale/js/ et le mettre dans /simplegrayscale/js/
2) ajouter dans le _footer.html de simplegrayscale les lignes

<script src="{{tpl:BlogThemeURL}}/js/jquery.backstretch.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
	$("#intro").backstretch([
      "{{tpl:BlogThemeURL}}/img/intro-bg-1.jpg",
      "{{tpl:BlogThemeURL}}/img/intro-bg-2.jpg",
      "{{tpl:BlogThemeURL}}/img/intro-bg-3.jpg"
      ], {
        fade: 1500,
        duration: 4000
    });
	
});
//]]>
</script>

3) ajouter les images voulues dans /simplegrayscale/img

Hors ligne

#20 2016-03-02 08:16:06

bebr
Membre
Lieu : Roquefort-Les-Pins
Inscription : 2007-06-18
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Là tu m'as carrément fait tout le travail !
Je m'y mets et reviens vers toi pour le compte rendu.
Merci beaucoup.

Hors ligne

#21 2016-03-02 09:40:05

bebr
Membre
Lieu : Roquefort-Les-Pins
Inscription : 2007-06-18
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Marche pô :/
Fond de slider noir de 1200*450 pixels...

- Le script "js" apparait bien dans mon thème (thème "enfant" d'ailleurs, est ce que ça a une incidence ?) ;
- ton code est bien copié dans mon "_footer.html" ;
- mes 6 images sont bien dans "monthème/img/" (d'ailleurs quand j'y remets l'ancienne images fixe "intro-bg.jpg", celle-ci réapparait bien à la place du noir, donc je suis dans le bon répertoire).

Caches (tpl et navigateur) vidés.

J'ai remarqué en "inspectant" le code de la page d'accueil de mon site que le script ne semblait pas être appelé à intervalles réguliers comme je l'avais remarqué sur ton thème "OnePageGrayscale" ; bizarre non ?

(mon blog est privé car familial donc je peux pas te donner l'URL, désolé)

Dernière modification par bebr (2016-03-02 09:53:10)

Hors ligne

#22 2016-03-02 10:26:37

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Si c'est un thème enfant, as-tu bien mis le script dans le dossier /js/ de celui-ci ?

Hors ligne

#23 2016-03-02 10:37:09

bebr
Membre
Lieu : Roquefort-Les-Pins
Inscription : 2007-06-18
Site Web

Re : [Thème One Page Grayscale] Support et discussion

oui tout à fait, il apparait bien dans la liste des fichiers JS qui y sont d'origine quand je vais dans mon admin pour modifier l'apparence de mon thème. 8 en tout.

Dernière modification par bebr (2016-03-02 10:38:04)

Hors ligne

#24 2016-03-02 10:41:10

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : [Thème One Page Grayscale] Support et discussion

Je ne suis pas trop calé sur les thèmes enfants... As-tu essayé de mettre jquery.backstretch.min.js dans le répertoire js du parent ?

Hors ligne

#25 2016-03-02 10:42:33

bebr
Membre
Lieu : Roquefort-Les-Pins
Inscription : 2007-06-18
Site Web

Re : [Thème One Page Grayscale] Support et discussion

donc je dois laissé installé le thème "SimpleGrayscale", ce qui est le cas, mais il vient d'y avoir une mise à jour.... un rapport ?

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map