|
yanng
 108 
|  Posté : 29-03-2013 22:41
salut!
j ai commencé a me pencher sur le probleme
lorsque l on est sur un petit mobile on a pas forcement besoin de tout=> on n affiche pas ce dont on a pas besoin, ensuite il faut agandir la taille des differents textes, redimensioner pas mal des choses ( imaginez de gros doigts sur un petit clavier..^^)
dans le header du theme voulu il faut mettre
echo '<meta name="viewport" content="width=device-width,&nb sp;maximum-scale=1"/>';
(cela empeche le redimensionement automatique de la page)
et a la fin du style.css c est là que vous devez tout faire
/*la suite n agit que si l 'ecran fai t moins de XXXpx */
@media (max-width: 920px){
/**************************************************************** ********
Aspect Général du site : Font, Textes, Mar ges, etc...
*************************************************************************/
body {
font-family: Arial, Helvetica, sans-se rif;
font-size: 0.75em;
}
#col_LB {
/* on cache les blocs de&nbs p;gauches */
display: none;
}
#col_RB { /* Là où se trouvent vos Blocs&n bsp;droits*/
/* on cache les blocs de&nbs p;droites */
display: none;
}
#container {
text-align:center;
margin-left:0;
margin-right:0;
width:985px;
}
#header { /* Ici - Le Header Complet avec Image de Fond */
background: !url(!../images/2header.jpg);
background-size: 985px 180px;
height: 180px;
width: 985px;
}
#header .slogan { /*Positionnement du Slogan du Site dans le Header*/
text-align: left;
color: #ffff00;
font-size: 4em;
font-weight: bold;
font-family: Arial, Helvetica, sans-se rif;
margin: 0px;
padding: 15px 0px 0px 0px;
}
#header .menuHG{ /*Positionnement du bloc menu Haut Gauche du Site dans le Header*/
position: relative;
text-align: left;
line-height: 20px;
color: #ffffff;
font-size: 3.0em;
font-weight: bold;
font-family: Georgia, "Times New Roman", serif;
padding: 0px 0px 0px 0px;
}
en fait vous reecrivez un ccs complet
petit exemple pas fini ( je demarare à peine)
http://s460077810.onlinehome.fr/index.php?op=edito
pour vous aidez , je conseille "opera" et "opera mobile for windows"
qui aident bien 
voilà^^
|
 Profil  www 
|
|
developpeur
24581
| |
bartok
399
| Posté : 30-03-2013 07:48
Je ne vois pas bien comment passer un bloc à la suite du bloc principal.
Regarde le thème Epure_02 et aussi BlogNpds.
|
Profil
|
|
Jireck
8427
| Posté : 30-03-2013 10:30
Bon, comme je vois que pleins de monde se pose les questions des tablettes, mobiles, etc ....
J'envoie à qui me le demande le thème H5responsive....
Mon Mail Jireck - AT - Gmail DOT Com
J'envoie une copy à Dev.
Pour bien marcher, un theme responsive a besoin de :
de la ligne viewport, de media query et de point defini de rupture ainsi qu'une grille.
Pour etre correct, et ne pas toucher le core il faut rajouter
Le viewport dans le header_head.inc du thème.
D'ailleur, tout doit etre dans le repertoire themes/theme-responsive car sinon .... ca merdoie ...
Voila ... plus d'info sur demande
|
Profil
|
|
yanng
108
| Posté : 30-03-2013 14:02
il ressemble pas mal à ce a quoi je suis arrivé a partir de "brown" ton menu est bcp plus attractif, je vais sans doute m'en servir merci |
Profil www
|
|
yanng
108
| Posté : 30-03-2013 14:11
en fait , meme si c est plus "bourin" (je repare des portes de garages, je ne suis pas programateur^^) je prefere ma facon de faire qui te laisse un site 100% normal lorsque tu es sur pc et un site sans chichi pour les portables...
pour ce que j en ai vu le tiens ressemble à un site fait pour un mobile qui s adapte au pc, j'ai fait l inverse mais bon toi tu as tout créé  alors que moi je ne joue qu'avec quelques portions de codes 
|
Profil www
|
|
Jireck
8427
| Posté : 30-03-2013 15:06
non c'est un site fait pour Desktop qui s'adapte au mobiles ...
mais de toutes facons c'est la meme chose.
Faut que ce soit la meme chose...
Et non je n'ai pas tout créer ... j'ai fait du responsive... ce que ne peux pas par defaut les themes npds |
Profil
|
|
bartok
399
| |
developpeur
24581
| Posté : 30-03-2013 18:12
le slider nivo est dans le theme au fait ? |
Profil  E-mail www
|
|
Jireck
8427
| Posté : 30-03-2013 18:53
pas compris la question |
Profil
|
|
yanng
108
| Posté : 30-03-2013 19:58
oui, bartok, mais dans la mesure ou je ne suis pas bon en prog, je demarre d 'un theme tout fait...
nouvel exemple sur Permanent-Double-Side ce theme qui est fait dans les regles de l art ( les balises ne sont pas entre-croisé et si tu modifie le css d'une tu ne modifie que celle là) et bien en 10mn j'ai fait une adaptation
http://s460077810.onlinehome.fr/index.php?op=edito
ok, ce n'est pas fini, mais pour le temps passé le relutat est plus que correct, enfin je trouve...
recap des modifs:
echo '<meta name="viewport" content="width=device-width,&nb sp;maximum-scale=1"/>';
et
@media (max-width: 990px){ copie de l act uel style.css que l on modifie a sa gui se avec des display et autre width...}
que l on met a la fin du style.css ( max-width: 990px inclus ma tablette en 7 pouces, mais on peut repeter l'operation tant qu'on veut, en rajoutant autant de @media que l on veut toucher d'appareils..
C'est du responsive, mais sans codes compliqué |
Profil www
|
|
developpeur
24581
| |
Jireck
8427
| |
yanng
108
| Posté : 04-04-2013 13:04
je viens de mettre un petit outil sur mon site de test, un convertisseur px-em et vice versa
pour faire du responsive c'est indispensable il me semble ..
ca peut servir et tout cas moi ca me sert ^^
j ai bientot fini mon theme , il me restea cleaner les codes, à finir de tout mettre en "em" et a rajouter quelques commentaires |
Profil www
|
|
developpeur
24581
| |
| Aller à la page : [ 1 | 2 ] | |
Dev 
|
Charte|
Nous contacter|CNIL : 873057|Logiciel sous licence GNU/GPL|
.:Page >> Super-Cache:.