Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - Les tutos de Larsène
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Les tutos de Larsène

 Répondre Répondre Page  123 5>
Auteur
Message
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5382
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Sujet: Les tutos de Larsène
    Envoyé : Oct 26 2014 à 5:30pm
Hello,

Retrouvez les tuto vidéos que j'ai fait pour Open Element :

Afficher une fenêtre modale
Créer une fenêtre qui s'affiche lors du clic sur un élément et grisage du site pour mise en évidence

http://forum.openelement.com/fr/forum_posts.asp?TID=18771&title=afficher-une-fentre-modale-popup



Page d'accueil dynamique et classes personnalisées
travail sur les classes personnalisées pour une page d'accueil dynamique et rapide à mettre à jour

http://forum.openelement.com/fr/forum_posts.asp?TID=20085&title=page-daccueil-dynamique-et-classes-personnalises



Flat design, photos et dynamisme...
Page d'accueil avec effets au survol des photos, apparitions d'éléments, travail sur les classes personnalisées

http://forum.openelement.com/fr/forum_posts.asp?TID=20086&title=flat-design-photos-et-dynamisme




Volet d'accueil, fluidité et abeilles

mise en page fluide et variation entre éléments "fixed" et "relative". Démonstration des panneaux en usage "relative"

http://forum.openelement.com/fr/forum_posts.asp?TID=20188&title=volet-daccueil-fluidit-et-abeilles



Chouette, c'est responsive
Principes de création d'une page web responsive : panneaux d'éléments uniquement en mode relative, adaptation en pourcentages et media queries

http://forum.openelement.com/fr/forum_posts.asp?TID=20701&PID=129052&title=tutochouette-cest-responsive#129052



Et si ce tutoriel vous a plût et qu'il vous apporte de l'aide et des idées, n'hésitez pas à me faire un don, au regard du travail nécessaire pour le construire, le réaliser, le mettre en ligne, le commenter, etc !
Faire un don


Edité par Larsene - Feb 26 2017 à 10:25am
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Dec 13 2013
Pays: Condroz
Status: Inactif
Points: 4518
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 27 2014 à 5:56pm
Mais tu es un bienfaiteur public!
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9257
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 28 2014 à 8:41am
surprise Larsène Wink
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5382
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 28 2014 à 10:30am
Une super bonne surprise, même Big smile ! Merci bcp brolysan Smile ! J'espère que ces tutos te conviennent !

J'en ai deux autres en tête, notamment pour mettre en place un header en plusieurs partie avec une bannière qui se replie (collapsing header), et une page d'accueil full responsive.

Je pense qu'aborder petit à petit du code, c'est aussi tirer les compétences de chacun vers le haut ! C'est pourquoi j'embête Dmit pour faciliter l'accès à ce code pour nous tous (heureusement, il est patient ^^) et porter petit à petit OE plus vers des utilisateurs un peu plus pro. Car ce sont ces utilisateurs qui sont prêts à payer pour l'outil qu'ils utilisent.


Edité par Larsene - Oct 28 2014 à 10:32am
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9257
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 28 2014 à 10:35am
Message posté par Larsene Larsene a écrit:

Une super bonne surprise, même Big smile ! Merci bcp brolysan Smile ! J'espère que ces tutos te conviennent !

J'en ai deux autres en tête, notamment pour mettre en place un header en plusieurs partie avec une bannière qui se replie (collapsing header), et une page d'accueil full responsive.

Je pense qu'aborder petit à petit du code, c'est aussi tirer les compétences de chacun vers le haut ! C'est pourquoi j'embête Dmit pour faciliter l'accès à ce code pour nous tous (heureusement, il est patient ^^) et porter petit à petit OE plus vers des utilisateurs un peu plus pro. Car ce sont ces utilisateurs qui sont prêts à payer pour l'outil qu'ils utilisent.

tu as bien raison.

Je bosse aussi de mon côté...avec 2 "amis" développeurs, on travaille sur 2 projets :
- une gestion immobilière
- une partie ecommerce

le tout facilement incorporable (en théorie) avec OE.

Mais continues tes tutos, je "valide" Wink
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5382
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 28 2014 à 10:47am
J'utilise bcp WebDev et WinDev pour ce genre de projet. La gestion des BDD avec est tellement simplifiée !

Mon projet en cours là dessus est une "Bourse aux locaux". Toute la partie gestion des annonces immo est faite dans WebDev (qui permet facilement la gestion des stats, rapports des annonces en PDF téléchargeables, exports aux format excel, etc.) et sera intégrée en iFrame sur un site OE pour la partie publique, et un backoffice complet Webdev.

J'ai fait aussi des systèmes de génération de tickets wifi interfacé avec un firewall PfSence, un système de dématérialisation de courrier (bannettes electroniques), etc
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9257
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 28 2014 à 10:49am
super ca!!!! :D

effectivement, WinDev...;)
Haut de la page
space33 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Jan 18 2012
Pays: France
Status: Inactif
Points: 478
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer space33 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Nov 24 2014 à 8:08pm
Bonsoir Larsène,

Après nos échanges de fin octobre je teste enfin le tutos sur le Flat Design.
J'ai fait l'exercice, en suivant la démo pas à pas : très clair et pédagogique. Du travail et du temps passé.
J'ai juste une question sur le chargement de Transit : à quel moment faire ce chargement, voire où ?
S'agit-il de 'sous programmes' appelés par le corps de la page (HTML, Jvascript, .. confondus) ?
Est-ce simplement pour l'utilisation en local ?
Si oui qu'en est-il ensuite lors le site est chargé chez mon hébergeur ?
Sur ce point particulier, autant de questions de néophyte ...
Merci
PS : c'est promis, je penserai au petit bouton 'Make ...'
WINDOWS 10 /0E 1.57R9/
Passeur d'information
http://www.passeurdinformations.fr
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5382
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Nov 24 2014 à 9:06pm
Hello !

Transit est un plugin jQuery, c'est à dire un "programme additionnel". Celui-ci a d'autres algorithmes de déplacements/redimensionnements et le rendu est plus fluide que ceux de jQuery.

Son chargement se fait dans OE via un "code source" HTML en "StartBody" (c'est à dire en début de page) via :
<script type="text/javascript" src="jquery.transit.min.js"></script>
dans ce cas, il faut le copier/coller dans le dossier du projet (et le mettre en ligne via FileZilla)

sinon on peut le charger directement depuis un CDN spécialisé (Content Delivery Network, ce sont des serveurs hyper rapides hébergeant ce genre de ressources) :
<script type="text/javascript" src="cdnjs.cloudflare.com/ajax/libs/jquery.transit/0.9.12/jquery.transit.min.js"></script>


Il est ensuite utilisé dans le script jquery lorsqu'on fait appel à 
$("#exemple").transition({})


Sinon, merci pour les remarques, et pour le bouton "make ... " Wink


Edité par Larsene - Nov 24 2014 à 9:07pm
Haut de la page
space33 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Jan 18 2012
Pays: France
Status: Inactif
Points: 478
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer space33 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Nov 25 2014 à 7:59am
Bonjour,
Encore une petite question sur ce programme Transit : depuis le lien donné, le téléchargement (V0.9.12) aboutit .... à une page de code ((function ...undefined)) ! Faut-il recopier ce code directement à la place du nom dans src="jquery.transit.min.js"></script> ?

WINDOWS 10 /0E 1.57R9/
Passeur d'information
http://www.passeurdinformations.fr
Haut de la page
 Répondre Répondre Page  123 5>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,047 secondes.
Acheter votre vélo en ligne