tutoriels frameworks / templates

Tutoriels sur Gantry, Vertex, Helix ... etc ...

(documentation personnelle ou traduction de la documentation originale)

Sous-catégories

Tutoriels Gantry5

Gantry5 remplace avantageusement Gantry4 !

Retrouvez-ici toutes les procédures pour prendre en main cet outil !

Tutoriels Helix

Retrouvez les tutoriels et toute la documentation Du framework Helix de Joomshaper traduite en français. (http://www.joomshaper.com/documentation/helix/)

Tutoriel Astroïd

Tutoriel ASTROÏD

Documentation en français sur le framework astroïd Pour Joomla

https://astroidframe.work/

par

Astroid c’est quoi ?

Astroid est un puissant framework moderne conçu pour les designers et les développeurs ou simplement pour vous aider à créer votre premier site web. Son interface intuitive vous aidera à créer des sites web et des templates basés sur Joomla cc réactifs, rapides et robustes. Astroid utilise les dernières technologies web et intègre et améliore les capacités de base de Joomla.

Caractéristiques

Construit pour Joomla 4, Joomla 5 & au delà!
Crée des sites web à chargement rapide
Structure 100 % réactive avec des contrôles utilisateur avancés par appareil
Compatible Bootstrap 5, Sass Ready, Custom CSS & SCSS si necessaire
Constructeur de mise en page ergonomique par glisser-déposer avec une flexibilité totale en matière de conception
Options flexibles pour le logo et l'en-tête (logo Retina, menu « collant », contrôles de la mise en page...)
Font Awesome 6 (Chargement externe ou locale)
Icônes sociales, téléphone et partage
Conception accessible et instructions textuelles Prêt pour le RTL/LTR
Animations des sections et des éléments et contrôles étendus de l'arrière-plan
Options avancées des menus (bannières de pages, icônes, sous-titres, badges...)
Sections off-canevas et options puissantes de " Mega Menu "
Contrôles typographiques avancés pour les polices externes (Google, etc.) ou auto-hébergées
Options avancées de blog (Informations sur l'auteur, Articles connexes, Temps de lecture, Partage social, Commentaires...)
Options de type d'article personnalisé (vidéos, galerie, audio, commentaires, citations et badges d'articles...)
Intégration illimitée de codes et de fichiers personnalisés (Javascript, CSS, code de suivi...)
Profils et thèmes personnalisés avec paramètres d'importation/exportation
Lazy Loading et optimisation du code JS et CSS
Open Graph
Possibilité d'intégration totale des modèles enfants de Joomla
Administration Ajax et thèmes de couleurs claires et foncées avec commutateur pour les visiteurs
Expérience utilisateur améliorée. Créez facilement le design que vous avez en tête.
Code de base remanié, amélioration de toutes les versions
Disponible dans plusieurs langues
Système puissant de widgets
Et plus encore ...
N'activez que ce dont vous avez besoin et demandez-nous de nouvelles fonctionnalités !

Pour démarrer :

Vous avez 2 minutes ?

Découvrez un aperçu vidéo du framework Astroid

Personnaliser le Bouton Retour en haut de page

Dans le site de démonstration, Purity III n'a pas de bouton "Retour en haut de page", mais vous pouvez ajouter le bouton à votre site. Pour ce guide, vous pouvez également vous référer à la documentation de T3, il est le même pour tous les templates développés avec le framework T3.

http://t3-framework.org/documentation/bs3-customization#back-to-top

Étape 1: activez le bouton "Retour vers le haut"

Pour ajouter ce bouton dans votre site, ouvrez le fichier templates/t3_bs3_blank/tpls/blocks/footer.php puis ajoutez le code suivant au fichier.

<!-- BACK TOP TOP BUTTON --> <div id="back-to-top" data-spy="affix" data-offset-top="300" class="back-to-top hidden-xs hidden-sm affix-top">   <button class="btn btn-primary" title="Back to Top"><i class="fa fa-angle-up"></i></button> </div>   <script type="text/javascript"> (function($) {      // Back to top  $('#back-to-top').on('click', function(){               $("html, body").animate({scrollTop: 0}, 500);           return false;   }); })(jQuery); </script> <!-- BACK TO TOP BUTTON -->

Etape 2: ajoutez du style au bouton"Retour vers le haut"

Ouvrez le fichier templates/t3_bs3_blank/less/style.less puis ajouter la règle de style :

// Back to Top// -----------#back-to-top {  position: fixed;  right: @t3-global-margin;  top: auto;  z-index: 999;  display: none;  bottom: -60px;   @media (min-width: @screen-sm-min) {    display: block;  }   .btn {    background: none;    border: 2px solid @brand-primary;    color: @brand-primary;    height: 40px;    width: 40px;    border-radius: 50%;    line-height: 1;    padding: 0;    text-align: center;    .opacity(0.7);    .transition(0.2s);     &:hover, &:active, &:focus {      background: none;      outline: none;      .opacity(1);    }  }   &.affix {    bottom: @t3-global-margin * 2;  }   a {    outline: none;  }   i {    font-size: @font-size-large + 10;    line-height: 22px;  }}

Liste des extensions tierces supportées par le template purity III

Pureté III est compatible avec la plupart des extensions tierces Joomla connues, telles que: EasySocial, Kunena, JomSocial, Mijoshop, et plus encore en fonction de la demande des utilisateurs.

Installer des extensions tierces avec purity III

Purity III est compatible avec nombre d'extensions tierces, et le nombre augmentera sur la base de la demande des utilisateurs. Des extensions tierces peuvent être gratuites. Pour celles qui sont libres, elles sont...

Lire → Installer des extensions tierces

Configuration

En terme de configuration, nous utilisons les paramètres par défaut, donc si vous voulez que votre site fasse la même chose que la demo Purity III, vous n'avez pas besoin de changer la configuration des extensions tierces.

Ce que...

Lire → Configuration

Attribuez le style des extensions tierces

Dans Purity III, aucune personnalisation pour la compatibilité d'extension tierce n'est traitée dans le noyau de cette extension. Ça va être super quand vous voullez mettre à jour vers une nouvelle version des extensions...

Lire → Attribuez le style des extensions tierces

Plus d'articles...

Page 19 sur 25

Tutoriels sur Joomla et la création de site