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

Conception Web Discussion :

[Tutoriel] Cr�ation d'un site Portfolio avec BootStrap


Sujet :

Conception Web

  1. #1
    Membre tr�s actif

    Homme Profil pro
    D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Inscrit en
    Octobre 2014
    Messages
    203
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hautes Alpes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 203
    Billets dans le blog
    3
    Par d�faut [Tutoriel] Cr�ation d'un site Portfolio avec BootStrap

  2. #2
    Membre confirm�
    Inscrit en
    Mai 2007
    Messages
    79
    D�tails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 79
    Par d�faut
    Bonjour et bravo Guillaume,

    Un grand merci pour cette premi�re partie!

  3. #3
    Mod�rateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activit� : Technicien Informatique/Webmaster
    Secteur : Sant�

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par d�faut
    Salut, il y a une balise CODE en trop au d�but du code du paragraphe II-E. Mettre en place l'environnement.

    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

  4. #4
    Membre tr�s actif

    Homme Profil pro
    D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Inscrit en
    Octobre 2014
    Messages
    203
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hautes Alpes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 203
    Billets dans le blog
    3
    Par d�faut
    Merci du retour, pour la balise CODE, je vient de voir cela, je vais proc�der � une nouvelle mise en ligne corrig�e dans les jours qui viennent.

  5. #5
    Membre tr�s actif

    Homme Profil pro
    D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Inscrit en
    Octobre 2014
    Messages
    203
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hautes Alpes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 203
    Billets dans le blog
    3
    Par d�faut [Tutoriel] Cr�ation d'un site Portfolio avec BootStrap - Partie II
    Bonjour,

    La seconde partie du tutoriel relatif � la cr�ation d'un portfolio via Bootstrap a �t� publi� : ici

    Merci de vos retours.
    Bonne journ�e.

  6. #6
    Membre �m�rite
    Homme Profil pro
    Inscrit en
    Ao�t 2008
    Messages
    283
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Vend�e (Pays de la Loire)

    Informations professionnelles :
    Secteur : Service public

    Informations forums :
    Inscription : Ao�t 2008
    Messages : 283
    Par d�faut
    Je d�couvre : super.
    Par contre, soit j'ai mal vu, soit il manque un lien dans la page d'une partie vers l'autre (pour faire l'a/r).

    Encore merci pour le tuto.

  7. #7
    Membre tr�s actif

    Homme Profil pro
    D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Inscrit en
    Octobre 2014
    Messages
    203
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hautes Alpes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 203
    Billets dans le blog
    3
    Par d�faut
    Bonjour,

    Effectivement, petit oubli lors de l'envoi, j'ai rajout� un lien vers la partie I dans le synopsis.

    Bonne journ�e et de rien

  8. #8
    Membre averti
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Mai 2004
    Messages
    13
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Mai 2004
    Messages : 13
    Par d�faut
    Hello

    Chouette tuto, l'occasion de reprendre les bases :-)

    La suite est pr�vue pour quand ?

    Petite question : pleins de blocs se terminent par C'est un bug ou bien c'est significatif ?

    Merci

  9. #9
    Membre � l'essai
    Homme Profil pro
    Cariste
    Inscrit en
    Octobre 2015
    Messages
    6
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 59
    Localisation : France, H�rault (Languedoc Roussillon)

    Informations professionnelles :
    Activit� : Cariste

    Informations forums :
    Inscription : Octobre 2015
    Messages : 6
    Par d�faut Super tuto..
    Salut et mer�i
    Je trouve ces 2 tutos sur le portfolio avec bootstrap
    vraiment bien.
    Ma question est : a tu pr�vu une troisi�me partie.
    encore merci.

  10. #10
    Membre tr�s actif

    Homme Profil pro
    D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Inscrit en
    Octobre 2014
    Messages
    203
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hautes Alpes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 203
    Billets dans le blog
    3
    Par d�faut
    Bonjour,

    Oui, une partie 3 est bien pr�vu, elle arrivera sous peu, pour �tre honn�te, le tutoriel s'�tale (� ce jour) sur 5 parties

    Merci de ton retour.

  11. #11
    Membre � l'essai
    Homme Profil pro
    Cariste
    Inscrit en
    Octobre 2015
    Messages
    6
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 59
    Localisation : France, H�rault (Languedoc Roussillon)

    Informations professionnelles :
    Activit� : Cariste

    Informations forums :
    Inscription : Octobre 2015
    Messages : 6
    Par d�faut
    Merci, a toi pour ta reponse.
    Tr�s bonne nouvelle pour ces 3 autres parties.
    Je vais en attendant remplacer le Lorem Ipsum

  12. #12
    Membre tr�s actif

    Homme Profil pro
    D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Inscrit en
    Octobre 2014
    Messages
    203
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hautes Alpes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 203
    Billets dans le blog
    3
    Par d�faut
    Bonjour � tous,

    La partie III est enfin disponible ici

    Au programme :
    - Le Portfolio
    - Less

    Vous souhaitant une bonne journ�e.

  13. #13
    Invit� de passage
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Janvier 2013
    Messages
    1
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels
    Secteur : High Tech - Mat�riel informatique

    Informations forums :
    Inscription : Janvier 2013
    Messages : 1
    Par d�faut
    merci beaucoup pour ce tutoriel

    nous attondons avec impatience la partie 4

  14. #14
    Membre � l'essai
    Homme Profil pro
    Cariste
    Inscrit en
    Octobre 2015
    Messages
    6
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 59
    Localisation : France, H�rault (Languedoc Roussillon)

    Informations professionnelles :
    Activit� : Cariste

    Informations forums :
    Inscription : Octobre 2015
    Messages : 6
    Par d�faut
    Merci,
    Pour ce 3 i�me opus , super bien expliquer et r�aliser.

    Je les mis en ligne pour les essaie, j'ai toutefois un souci
    pour la page du portfolio, le ruban pour l'aper�u dans safari
    sur mon Iphone ne peut pas fonctionner.

    Il y aurait t'il une solution a ton avis ?
    Merci a tr�s vite.

  15. #15
    Membre tr�s actif

    Homme Profil pro
    D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Inscrit en
    Octobre 2014
    Messages
    203
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hautes Alpes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 203
    Billets dans le blog
    3
    Par d�faut
    Merci pour ce retour positif, peut-tu m'en dire plus sur ce soucis de ruban ?

    Est-ce que le ruban s'affiche (important) ? Si oui, est-ce que le CSS s'ex�cute ? Si non, as-tu copier le code tel quel ou l'as tu modifier ?

    Si non, est-ce que ton code CSS est bien trouv� par ton fichier HTML ?

  16. #16
    Membre � l'essai
    Homme Profil pro
    Cariste
    Inscrit en
    Octobre 2015
    Messages
    6
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 59
    Localisation : France, H�rault (Languedoc Roussillon)

    Informations professionnelles :
    Activit� : Cariste

    Informations forums :
    Inscription : Octobre 2015
    Messages : 6
    Par d�faut
    Salut
    Il ne s'affiche pas sur l'iphone.
    Tout le reste du css fonctionne.
    Cela fonctionne tr�s bien en r�duisant la fen�tre du navigateur (bureau biensur).
    Oui j'ai retranscrit le code tel quel.

    je te met l'url (si tu peu la tester sur un iphone)

    http://bordesfred.free.fr/portfolio

    A tr�s vite.

  17. #17
    Membre tr�s actif

    Homme Profil pro
    D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Inscrit en
    Octobre 2014
    Messages
    203
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hautes Alpes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 203
    Billets dans le blog
    3
    Par d�faut
    Effectivement, j'ai des soucis avec le ruban sur IPhone (merci aux outils Chrome ), actuellement je n'ai pas de solution pr�cise et concr�te � te proposer, il faudrait que je regarde du c�t� de LESS pour voir si je peux bidouiller un code rapide afin que cela fonctionne, ce qui m'am�ne � la question suivante, utilise-tu LESS ?

  18. #18
    Membre � l'essai
    Homme Profil pro
    Cariste
    Inscrit en
    Octobre 2015
    Messages
    6
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 59
    Localisation : France, H�rault (Languedoc Roussillon)

    Informations professionnelles :
    Activit� : Cariste

    Informations forums :
    Inscription : Octobre 2015
    Messages : 6
    Par d�faut
    Salut
    Merci d'avoir regarder se petit "soucie".
    Oui LESS ou SASS je l'utilise un peu, disons que
    je conna�t le principe.

    Mais je pensait pour le ruban
    sur l'iPhone, le faites que l'on soit pas avec une souris
    qui fait un hover au passage de la dites souris, il n'y a pas
    de hover pour le toucher avec le doigt en faites.
    Bref ! tu voit se que je veut dire ?
    Merci et a Tr�s vite !

  19. #19
    Membre tr�s actif

    Homme Profil pro
    D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Inscrit en
    Octobre 2014
    Messages
    203
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hautes Alpes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur PHP/Symfony // Mentor OpenClassrooms
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 203
    Billets dans le blog
    3
    Par d�faut
    Hello,

    En fait, on peut simuler le hover sur mobile mais cela demande de revoir le code CSS complet de la section et cela peut poser des soucis sur �cran large par la suite, en fait, il faudrait voir si ton code peut s'adapter � ton probl�me, je m'explique :

    - Le code actuel pr�cise qu'� chaque hover de l'image, la banni�re monte et affiche un bouton, il faudrait lui signifier qu'elle reste fixe (donc plus de position selon l'�v�nement) et qu'elle affiche le bouton en continue ou alors, il faudrait que la banni�re s'affiche sous l'image, de mani�re � ce que tout reste coh�rent.

    En soi, ce n'est pas difficile si on se base sur les media queries, je peux te bricoler quelque chose si tu est partant mais cela modifiera ton code donc si tu l'a compiler sous LESS, tu devra le recompiler.

    En esp�rant �tre clair

  20. #20
    Membre � l'essai
    Homme Profil pro
    Cariste
    Inscrit en
    Octobre 2015
    Messages
    6
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 59
    Localisation : France, H�rault (Languedoc Roussillon)

    Informations professionnelles :
    Activit� : Cariste

    Informations forums :
    Inscription : Octobre 2015
    Messages : 6
    Par d�faut
    Hello
    Oui j'ai pens� et regarder apr�s coup
    aussi au media queries je voit que sa.

    Je vais le faire se week-end
    si tu peut de ton coter voir sa aussi
    serait cool et on pourrait comparer

    Merci de ton aide qui ma bien guider
    Puis bonne fin d'ann�e
    A tr�s vite

Discussions similaires

  1. cr�ation d'un site web avec flash
    Par pc_omiga dans le forum Flash
    R�ponses: 2
    Dernier message: 21/01/2007, 03h52

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