+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Donc, à la place de l'iframe? (/showthread.php?tid=174)
Donc, à la place de l'iframe? - Nessa - 06-01-2011
Mes sites sont en iframe et je me rends bien compte que ce n'est plus vraiment d'actualité et mauvais pour le référencement.
Lorsque je me suis présentée on m'a donné quelques infos, mais je ne sais pas me dépatouiller avec tout ça. :$
Avez-vous des exemples de sites donc en "div" et "overflow" que je puisse regarder le code?
Voici mon code de base actuel, pour vous faire une idée de ce que j'utilise (code que j'avais pris sur le site d'un ami il y a quelques années maintenant je dois l'avouer!) :
<iframe src="2index1.html" name="centre" width="710" height="590" scrolling="Auto" frameborder="0" id="centre">
Merci ^^
RE: Donc, à la place de l'iframe? - Viciousity - 06-01-2011
Je vais juste te poser une question : Pourquoi vouloir des overflow avec barre de defillement ?
Selon moi cela entraine beaucoup de probleme comme:
- Mauvais scrolling sous navigateur moblie et pas que mobile :S
- Estétique très ... heu ... bof ?
- et encore plein d'autres :S
Si tu aime le coté menu fixe et contenu qui défille tu peux tres facilement faire :
http://www.weareacademy.com/page/projects/
http://colorcubic.com/
http://www.thesevenfive.com/
Fais défiler les pages tu verras ce sont de superbes exemples
RE: Donc, à la place de l'iframe? - Ter Rowan - 06-01-2011
quand j'ai un souci sur la partie présentation, perso, je regarde d'abord du côté d'Alsacréation y a vraiment des trucs intéressants, du simple au compliqué, mais, en ayant parcouru ton site, je ne vois rien de très complexe (par rapport à ce que peut nécessiter un jeu par exemple) donc tu devrais t'en sortir facilement
RE: Donc, à la place de l'iframe? - Nessa - 06-01-2011
Personnellement je n'aime pas du tout les sites qui défilent entièrement pendant des plombes à la manière des blogs, au point d'en perdre le ou les menus. Je ne sais pas pourquoi, je n'ai jamais aimé! :$
En tout cas merci pour tout ces liens je vais aller regarder tout ça de plus près! ^^
RE: Donc, à la place de l'iframe? - Viciousity - 06-01-2011
Ben je ne suis pas fan non plus mais penser un site avec cette contrainte c'est:
- Prévoir des menus assez petit pour les plus petites résolutions
- Avoir quelque chose d'harmonique (cache progressif pour ce qui disparait, etc ...)
Bête exemple de menu fixe et contenu qui défille :
body{
background-color: #EEE;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#fixedNav{
/* Je fixe cette partie */
position:fixed;
/* Je la décalle légèrement vers la droite et vers le bas */
top:40px; left:20px;
width:300px;
}
/* Simple mise en forme du menu */
#fixedNav .nav{color:#666;list-style:none;margin:0;padding:0;}
#fixedNav .nav li a{display:block;border-bottom:1px solid rgba(0,0,0,0.1);border-top:1px solid #FFF;
padding:4px 10px;text-decoration:none;}
#fixedNav .nav li a:hover{background-color:#DDD;}
#dynContent{
/* Je la positionne de manière absolue sur la page */
position:absolute;
/* Je la décale de 350px vers la droite (menu 300px+20px donc Espace de 30px entre la partie fixe et la parti mobile) */
top:40px;left:350px;
width: 400px;
height: 4000px;
/* Un peu de couleur */
background-color:#FFF;border:1 px solid rgba(0,0,0,0.2);line-height:1.8em;padding:20px;
}Code HTML
Code :
<div id="fixedNav">
<ul class="nav">
<li><a href="#">Accueil</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Administration</a></li>
</ul>
</div>
<div id="dynContent">
Bla Bla mobile
...
</div>UPDATED
RE: Donc, à la place de l'iframe? - srm - 06-01-2011
Nessa le meilleur des deux mondes à la fois esthétique et ergonomique c'est d'avoir un site qui défile pendant des plombes, mais avec un menu qui reste fixe
Comme celui là http://www.weareacademy.com/page/projects/ même si je n'aime pas trop le design ni le menu en haut
Un exemple plus clair : http://www.cssplay.co.uk/layouts/fixed.html
Un autre : http://tympanus.net/Tutorials/FixedFadeOutMenu/
RE: Donc, à la place de l'iframe? - Nessa - 09-01-2011
Ah oui pas mal le menu qui ne bouge pas pendant que le reste défile, j'avoue!
Je regarderai tout ça dès que possible, merci beaucoup à vous! ^^