NativedRoid - Un thème gratuit pour jQuery Mobile 1.3

nativedroid: un simple thème jQuery mobile 1.3

Cet article présente NativedRoid, un thème nouveau et simple créé pour jQuery Mobile 1.3. Sa première version (V0.1) est disponible gratuitement sur nativedroid.goDesign.ch et peut être utilisée pour tous les projets personnels et commerciaux, ajoutez simplement un backlink à l'attribution du projet.

Fonctionnalités nativedroid:

• La conception de l'interface est proche du style holo Android.
• Sur la base de Pure CSS3 / HTML5, aucune image n'est requise (en utilisant FONT AWESSIQUE pour fournir des icônes).
• Disponible en 5 schémas de couleurs (bleu / vert / violet / rouge / jaune) qui peuvent être combinés avec des thèmes brillants et sombres.
• Le cadre de départ de tout projet mobile.
• Aucun code JavaScript supplémentaire n'est requis.
• fournit des exemples de tous les composants JQuery Mobile 1.3.
• Toutes les icônes impressionnantes peuvent être ajoutées via l'attribut data-icon du JQM.

en utilisant des conseils et des précautions:

NativedRoid est juste un thème mobile jQuery, vous pouvez utiliser l'une des fonctionnalités fournies par JQM, mais pour de meilleurs effets visuels, veuillez noter ce qui suit:

1. Tous les styles sont appliqués à data-theme='b'.
2. Utiliser uniquement la feuille de style de structure de JQuery Mobile (CSS / jQueryMobile.css) et n'inclut pas les styles de thème. Le tomerroller de JQuery Mobile génère des feuilles de styles qui brisent la conception.
Le paramètre
3. data-inset='true|false' n'est pas valide dans Nativedroid. Veuillez utiliser la balise <div class="inset"> comme substitut. <li> <code>data-role='header' est utilisé en combinaison avec data-position='fixed' et data-tap-toggle='false' uniquement et appliqué data-theme='b' séparément pour les éléments de liaison dans l'en-tête.
4. data-role='footer' Non conçu, veuillez utiliser avec prudence. Il est recommandé de copier un à partir du document HTML dans la démo comme point de départ.

Couleurs et styles:



• CSS de base:

  • css/font-awesome.min.css: Contient des polices et des icônes utilisées par NativedRoid.
  • css/jquerymobile.css: La feuille de style de structure d'origine de JQuery Mobile (compressée) n'inclut pas les styles de thème.
  • css/jquerymobile.nativedroid.css: Réglage structurel requis par NativedRoid.

• Thème:

  • css/jquerymobile.nativedroid.light.css: thème de couleur vive.
  • css/jquerymobile.nativedroid.dark.css: thème sombre.

• Couleur:

  • css/jquerymobile.nativedroid.color.blue.css: style bleu.
  • css/jquerymobile.nativedroid.color.green.css: style vert.
  • css/jquerymobile.nativedroid.color.purple.css: style violet.
  • css/jquerymobile.nativedroid.color.red.css: style rouge.
  • css/jquerymobile.nativedroid.color.yellow.css: style jaune.

Vous pouvez copier n'importe quel fichier CSS de couleur de base et ajuster le code couleur pour créer votre propre style de couleur.

Développement futur:

NativedRoid continuera d'être mis à jour, ajoutera de nouvelles fonctionnalités et corriger les bogues.



(Ce qui suit est une version simplifiée de la partie FAQ d'origine, éviter les informations en double) Cette partie a été fortement résumé, conserve les informations de base et réorganise et exprime le problème.

FAQ:

• Installer: Téléchargez le thème, déziptez le fichier et placez le fichier dans le répertoire du projet, puis liez les fichiers CSS et JS dans le fichier HTML.
• Compatibilité: Conçu pour JQuery Mobile 1.3, la compatibilité des autres versions n'est pas garantie.
• Personnalisation: Personnalisation des fichiers CSS et JS. N'oubliez pas de sauvegarder le fichier d'origine.
• Dépannage: Vérifiez si l'installation et le lien sont corrects et affichez le message d'erreur de la console.
• Conception réactive: prend en charge la conception réactive.
• Utilisation commerciale: peut être utilisée dans des projets commerciaux.
• MISE À JOUR: Libérez les mises à jour régulièrement et téléchargez la dernière version pour remplacer les anciens fichiers.
• Prise en charge du langage RTL: Notation non prise en charge, le fichier CSS doit être modifié.
• Ajout du plugin: Incluez les fichiers JS et CSS du plugin dans le fichier HTML, assurez-vous d'être placé derrière le fichier de thème.
• Autres frameworks JavaScript: Il est recommandé d'utiliser avec jQuery Mobile.