Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
467 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aide pour site responsive

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Aide pour site responsive

n°2233463
ghmpou
Posté le 16-07-2014 à 16:32:26  profilanswer
 

Bonjour tout le monde,
 
j'ai crée il y a quelques années pour mon activité libérale un "logiciel" de gestion de mes patients sous forme de site web avec base MySQL.
 
Tout fonctionne comme je le souhaite mais je voudrais le faire évoluer niveau design pour être plus pratique et accessible partout (et sur tout support), d'où ma demande pour de l'aide à construire mon site avec du css efficace et responsive.... sauf que je connais moyennement CSS et n'ai pas le loisir de tout reprendre à la base.
 
Est ce que quelqu'un pourrait m'aider ? J'ai crée l'apparence que je souhaitais sous photoshop pour avoir une idée du rendu, je les poste ici si ça vous parle et interesse :
 
http://img11.hostingpics.net/thumbs/mini_815048Vuemobileportrait.jpg
 
http://img11.hostingpics.net/thumbs/mini_806057Vuemobileportraitmenu.jpg
 
http://img11.hostingpics.net/thumbs/mini_699849Vueordipaysage.jpg


---------------
www.bubbleburstband.com
mood
Publicité
Posté le 16-07-2014 à 16:32:26  profilanswer
 

n°2233465
Devil'sTig​er
Posté le 16-07-2014 à 16:54:18  profilanswer
 

Passe sur bootstrap:
 
http://getbootstrap.com/
 
Vu le design ton site est déjà prêt pour, tu auras peu de changements à faire (regarde dans la doc la partie sur les grids: CSS => grid system)
 
Ca te donnera un bon point de départ sans pour autant toucher beaucoup de CSS ;)

n°2233466
ghmpou
Posté le 16-07-2014 à 17:05:39  profilanswer
 

Au risque de passer pour un con : je suis déjà tombé sur ce bootstrap.... et n'ai pas compris comment ça fonctionnait .... ! :D


---------------
www.bubbleburstband.com
n°2233483
Devil'sTig​er
Posté le 16-07-2014 à 23:03:49  profilanswer
 

Simple tu inclus bootstrap dans ton site, tu peux passer par un cdn pour les tests:
http://www.bootstrapcdn.com/
 
Inclus au moins le lien CSS dans ta page, ensuite, par exemple:

Code :
  1. <button type="button" class="btn btn-default">Default</button>


 
Tu devrais voir un bouton stylisé comme sur la doc boostrap (le même look): http://getbootstrap.com/css/#buttons
 
Si tu as ca, c'est correctement intégré, te reste plus qu'a faire le responsive:
http://getbootstrap.com/css/#grid
 
Go tester les exemples avec div="row" dans cette partie, tu devras bien sur tester plus plusieurs navigateurs et te rendre compte qu'il gère bien le responsive a ta place, simplement avec les classes associées.
 
 
EDIT: et pour le "comment ca marche", pour faire simple, c'est un simple CSS dans lequel il a déjà beaucoup de classes faites avec les relations entre chaque, donc il te suffit ensuite d'inclure les classes dans ton html aux bon endroits pour avoir le style graphique associé, ou par exemple, comme ici, le responsive déjà fait.


Message édité par Devil'sTiger le 16-07-2014 à 23:07:30
n°2233493
ghmpou
Posté le 17-07-2014 à 07:25:52  profilanswer
 

Sur vos conseils je m'y suis mis hier pour essayer de comprendre et je pense que je vais finir par y arriver (en tout cas les grandes lignes !)  
 
Je reviendrai vousmontrer le résultat et vous demander conseil si besoin ;-)
 
Merci à vous en tout cas !


---------------
www.bubbleburstband.com

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aide pour site responsive

 

Sujets relatifs
Aide C++ avec arduinoDébutant html appelle à l'aide :)
MySQL : aide pour une requêteaide démarrage projet
Écriture itérative dans un fichier à l'aide d'une subroutine FORTRANrécupérer une information d'un site web en automatique ... aïe
Faire emplacement dans le site page1 > page2Jquery - aide pour page d'accueil complexe
aide pour un projet en programmation c++ 
Plus de sujets relatifs à : Aide pour site responsive


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR