IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Symfony PHP Discussion :

Utiliser METRO UI pour le CSS


Sujet :

Symfony PHP

  1. #1
    Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Novembre 2013
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2013
    Messages : 8
    Points : 4
    Points
    4
    Par défaut Utiliser METRO UI pour le CSS
    Bonjour à tous,

    Je me permets de poster car je souhaite créer un projet symfo avec le design metro ui.

    Or, je ne sais pas du tout comment faire pour commencer....
    J'ai téléchargé les sources, mais je ne sais ni où les mettre, ni comment gérer les assets.

    Je ne trouve pas de tuto indiquant comment débuter avec metroui

    Je vous remercie par avance pour votre aide

  2. #2
    Membre expert
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Points : 3 004
    Points
    3 004
    Par défaut
    c'est expliqué :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
        <link href="metro.css" rel="stylesheet">
        <script src="jquery.js"></script>
        <script src="metro.js"></script>

    tu modifie le code pour utiliser assetic et voilà !

  3. #3
    Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Novembre 2013
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2013
    Messages : 8
    Points : 4
    Points
    4
    Par défaut
    Bonjour,

    Merci pour la réponse.

    Je dois donc simplement copier/coller le contenu téléchargé dans le répertoire web et lancer assetic:dump et install ?

    Car le contenu du dossier téléchargé est celui-là :
    Nom : capture_dossier-metro.PNG
Affichages : 315
Taille : 8,3 Ko

    Et je ne sais pas quel(s) répertoire(s) utiliser...

  4. #4
    Membre expert
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Points : 3 004
    Points
    3 004
    Par défaut
    si tu utilises assetics, tu le met dans /resources/public
    install va le transferer dans /web

    tout est expliqué dans la doc !

  5. #5
    Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Novembre 2013
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2013
    Messages : 8
    Points : 4
    Points
    4
    Par défaut
    Bonjour,

    Merci pour la réponse.

    Cependant, peux-tu me dire de quelle doc tu parles s'il te plaît ?

    Le site de MetroUI ne met pas à dispo de "vraie" documentation, ou alors je ne la trouve pas

    Je met tout le contenu dans /public ?

    Merci encore

  6. #6
    Membre expert
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Points : 3 004
    Points
    3 004
    Par défaut
    tu mets tout le dossier metro ui dans public.

    ensuite tu fais référence aux fichiers souhaités dans assetcs :

    exemple pour du .js : (voir la doc pour le css)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    {% javascripts
        '@AppBundle/Resources/public/js/thirdparty/jquery.js'
        '@AppBundle/Resources/public/js/*' %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
    la doc Symfony :
    http://symfony.com/doc/current/asset...anagement.html

  7. #7
    Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Novembre 2013
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2013
    Messages : 8
    Points : 4
    Points
    4
    Par défaut
    Merci pour votre réponse, je testerai dans quelques heures et reviendrai pour dire si tout s'est bien déroulé ou non !

    J'ai déjà créer plusieurs projets avec Bootstrap, je trouve leur doc mieux faite pour les néophytes...

    Merci encore !

Discussions similaires

  1. [CSS 3] Utilisation de Compass pour générer du CSS
    Par Baboulinet_ dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 17/03/2014, 13h32
  2. [Article] Utiliser le modèle des "boites" CSS pour simplifier le dimensionnement
    Par FirePrawn dans le forum Publications (X)HTML et CSS
    Réponses: 2
    Dernier message: 15/11/2012, 13h56
  3. Réponses: 2
    Dernier message: 15/11/2012, 13h56

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo