Aller au contenu
Support de Zwii et Yocto
Invité simon511000

sevoirautrement.com

Messages recommandés

Invité simon511000

Mon site réalisé avec Zwiicms

 http://sevoirautrement.com/ 

 

C'est un site que j'ai réalisé pour une amie. La réalisation de ce site web n'aurait jamais été possible sans l'aide acharné de @Roger nounours. Dans le "cahier des charges", il était demandé de mettre les menus dans les couleurs de l'arc-en-ciel. Pour faire cela, on as donc remplacé les bontons de menu zwii par des liens multicolores dans le fichier main.php :

<FONT COLOR="#c03"><a href="http://sevoirautrement.com/?accueil">Accueil</A></FONT><FONT COLOR="#f6c"><a href="http://sevoirautrement.com/?e.dargent">E.Dargent</A></FONT><FONT COLOR="#F75402"><a href="http://sevoirautrement.com/?formation">Formation</A></FONT><FONT COLOR="#FAFA00"><a href="http://sevoirautrement.com/?prestation">Prestation</A></FONT><FONT COLOR="#009933"><a href="http://sevoirautrement.com/?therapie">Thérapie</A></FONT><FONT COLOR="#0800FA"><a href="http://sevoirautrement.com/?methodes">Méthode</A></FONT><FONT COLOR="#B521C6"><a href="http://sevoirautrement.com/?sons-binauraux">Sons binauraux</A></FONT><FONT COLOR="#B521C6"><a href="http://sevoirautrement.com/?contact">Contact</A></FONT><FONT COLOR="#000"><a href="http://sevoirautrement.com/?liens">Liens</A></FONT><FONT COLOR="#000000"><a href="http://sevoirautrement.com/?blog" target="_blank">Blog</A></FONT>

Dans le "cahier des charges" il était aussi mentionné de mettre des fleurs à gauche des pages : fait !

 

Afin que vous puissiez voir les changements, j'ai mis la v1 de mon amie du site à l'adresse : http://sevoirautrement.com/archive/

 

S'il vous plaît, dites-moi si vous avec des suggestions à faire.

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité

Vraiment beau site que tu nous montre là jeune homme et je pense que ton amie sera heureuses du travail que tu lui offre :)

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité

Sory pour ceux qui aurait lu mon précédent message me suis planté de lien et ai cliqué sur le site que notre ami simon à donné en exemple.

Comme vous pouvez le voir, y'avait du boulot dans le projet de notre ami et il y a mis tout son cœur en deux jours pour faire quelque chose de super chouette ;

Simon est un sacré bosseur et je vous dis po comment il a rempli ma boite de mp pour réussir à appliquer tout les bons conseils prodigués :P

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité
il y a 2 minutes, tuxmika a dit :

C'est normal que depuis un mobile en mode portrait on voit les photos et pas le texte en entier..?

fais une capture de ton ecran de mobile et poste là ici que nous puissions juger sur " pièce " car moi sur mon smartphone le site

le site de simon est nickel ;

 

En espérant que tu t'es pas trompé de lien et ai cliqué sur son second lien qui lui est l'autre site qu'il donne en exemple ( celui de son amie ) et celui là est pas du tout responsif ...

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité

effectivement ce n'est pas normal du tout je confirme . :thumbsup:

 

Pour la bannière je viens d'envoyer à simon le code pour la rendre responsif, par contre son intérieur ( texte et images sont dans deux colonnes 'tableau" ) donc ce sont les colonnes du tableau qui ne sont pas responsive,

 

Je m'y colle de suite pour lui trouver une solution car on peut pas effectivement lui laisser les tableaux non responsif des qu'on dscend en dessous de 960px en largeur

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité

j'ai trouvé, les table ne sont pas responsives, donc je sais comment le faire mais ce sera sans doute au détriment des images sur le coté ; merci Tux pour la remontée;

 

Simon n'étant pas en ligne, faudra attendre car c'est lui qui mettras mes codes sur son ftp, ensuite si c'est nickel je nettoie rais le sujet pour ne laisser que sa présentation et " retirer " le technique ;)

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites

Si les patients de ton amie consomment ce type de produit :

IMG_6763_gris_champignons.jpg

C'est pas des sons binauraux qu'ils vont entendre, mais quadrinauraux, à minima :)

 

Modifié par CroqueWeb
juste oublié de mentionner à qui s'adresse ce message cosmique, donc c'est pour simon511000

Partager ce message


Lien à poster
Partager sur d’autres sites

Sinon il peut utiliser des cols à la place du tableau :innocent: :

 

<div class="row">
  <div class="col4">image</div>
  <div class="col8">texte</div>
</div>
<div class="row">
  <div class="col4">image</div>
  <div class="col8">texte</div>
</div>
...

@simon511000 sinon le site que tu as fait est vraiment pas mal ! Bien plus beau que la v1 !!

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 33 minutes, Rémi a dit :

Sinon il peut utiliser des cols à la place du tableau

@RémiY'a un truc que j'ai pas compris concernant ces grilles, c'est pourquoi se baser obligatoirement sur 12 colonnes, plutôt que sur autre quantité ?

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité
il y a une heure, Rémi a dit :

Sinon il peut utiliser des cols à la place du tableau :innocent: :

 


<div class="row">
  <div class="col4">image</div>
  <div class="col8">texte</div>
</div>
<div class="row">
  <div class="col4">image</div>
  <div class="col8">texte</div>
</div>
...

@simon511000 sinon le site que tu as fait est vraiment pas mal ! Bien plus beau que la v1 !!

@Rémi, simon est ultra débutant ;)

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité
il y a 45 minutes, CroqueWeb a dit :

@RémiY'a un truc que j'ai pas compris concernant ces grilles, c'est pourquoi se baser obligatoirement sur 12 colonnes, plutôt que sur autre quantité ?

l'a codé ainsi si zwii not Rémi ;)

Partager ce message


Lien à poster
Partager sur d’autres sites

@CroqueWeb tu peux utiliser le nombre de colonnes que tu veux, c'est Twitter avec Bootstrap qui a créé le principe de grilles CSS. Ils ont défini le nombre de colonnes de Bootstrap à 12, sans doute après différents tests. Personnellement je trouve que 12 est parfait pour bien scinder des éléments, j'aurais très bien pu utiliser que 6, 8 ou 10 grilles mais ça limite énormément les possibilités :grin:.

Partager ce message


Lien à poster
Partager sur d’autres sites
à l’instant, Rémi a dit :

@CroqueWeb tu peux utiliser le nombre de colonnes que tu veux, c'est Twitter avec Bootstrap qui a créé le principe de grilles CSS et ils ont définie le nombre de colonnes à 12 sans doute après plusieurs essais. Personnellement je trouve que 12 est parfait pour bien scinder des éléments, j'aurais très bien pu utiliser que 6, 8 ou 10 grilles mais ça limite énormément les possibilités :grin:.

Merci pour ta réponse, du coup on a envoyé nos posts en même temps, mais tu m'apporte la réponse.

Je me doutais que ce choix était arbitraire, j'en ai maintenant la certitude.

Je n'utilise pas Bootstrap, je code à la main sans Framework, c'est plus simple ! Et j'ai pas non plus l'utilité d'une telle usine à gaz.

Partager ce message


Lien à poster
Partager sur d’autres sites

Peut être faudrait-il envisager un système de mise en forme des pages utilisant ce système de grilles, préalablement à leur édition par Tiny ?

J'ai vu qu'il y a possibilité de créer ses propres plugins pour Tiny, mais je ne me suis pas penché dessus. Sans doutes est-il possible de créer un plugin de mise en page utilisant les grilles ?

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité

Devrait s'afficher un poil mieux sur smartphone le site de notre ami , de petites corrections y ont été apportées ;)

Partager ce message


Lien à poster
Partager sur d’autres sites
Le 08/06/2017 à 13:51, CroqueWeb a dit :

Merci pour ta réponse, du coup on a envoyé nos posts en même temps, mais tu m'apporte la réponse.

Je me doutais que ce choix était arbitraire, j'en ai maintenant la certitude.

Je n'utilise pas Bootstrap, je code à la main sans Framework, c'est plus simple ! Et j'ai pas non plus l'utilité d'une telle usine à gaz.

 

Je ne l'utilise pas non plus, je développe toujours mon propre framework, mon système de grille ressemble à bootstrap mais est bien bien plus simple d'utilisation.

 

Par exemple Zwii dispo d'un framework maison :) .

Partager ce message


Lien à poster
Partager sur d’autres sites
Le 08/06/2017 à 13:59, CroqueWeb a dit :

Peut être faudrait-il envisager un système de mise en forme des pages utilisant ce système de grilles, préalablement à leur édition par Tiny ?

J'ai vu qu'il y a possibilité de créer ses propres plugins pour Tiny, mais je ne me suis pas penché dessus. Sans doutes est-il possible de créer un plugin de mise en page utilisant les grilles ?

 

J'ai cherché mais sous tiny aucun module n'existe, sous ckeditor il y a bien un module mais vraiment pas top.

 

A mon avis c'est possible d'en créer un en se basant sur le module de création de tableau. Si l'un de vous à le courage de se lancer ! :D

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité simon511000

Je reviens 6 mois plus tard pour vous informer de sevoirautrement.com n’est plus sous Zwii. Après de longues réflexions, j’ai décider de coder ce site sur la demande de son propriétaire qui avait besoin de bien plus...

 

Merci à @Roger nounours pour m’avoir beaucoup aidé lors de l’ancienne création de ce site. Ainsi que @micka260 , @tuxmika, @Rémi et encore @Roger nounours sans oublier @CroqueWeb pour vos retours.

 

Merci.

Modifié par simon511000
Modifié à la demande de l'auteur

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


×
×
  • Créer...