BullGuard Antivirus Sale - 60% Off with 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


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
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é : 26 Oct 2014 à 18:30
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 Hobby001 - 01 Juil 2020 à 23:21
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

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

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


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Oct 2014 à 11:30
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 - 28 Oct 2014 à 11:32
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Oct 2014 à 11:35
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


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Oct 2014 à 11:47
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: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Oct 2014 à 11:49
super ca!!!! :D

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


Depuis le: 18 Jan 2012
Pays: France
Status: Inactif
Points: 522
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer space33 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 24 Nov 2014 à 21:08
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


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 24 Nov 2014 à 22:06
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 - 24 Nov 2014 à 22:07
Haut de la page
space33 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2012
Pays: France
Status: Inactif
Points: 522
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer space33 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 25 Nov 2014 à 08:59
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 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.