RPG Creator : créez votre MMORPG ou RPG sans aucune connaissance en programmation


Disponible le 4 Juin !




- Jouez à votre jeu sur tablettes tactiles, Smartphones et navigateurs Web
- Personnalisez vos menus
- Dessinez facilement et rapidement vos cartes
- Créez des actions pour le combat A-RPG


www.rpgcreator.net

Voir les messages sans réponses | Voir les sujets actifs


Index du forum » Autres logiciels & Programmation » Autres logiciels & Programmation » HTML/ CSS/ JavaScript/ PHP » Aide

Heures au format UTC + 1 heure [ Heure d’été ]



Publier un nouveau sujet Répondre au sujet  Page 1 sur 1
  [ 8 messages ] 
  Imprimer Sujet précédent | Sujet suivant 
Auteur Message
kujaff
 Sujet du message: Recadrer le site par rapport a la resolution de l'ecran
MessagePublié: 30 Juin 2009, 16:10 
Membre royal(e)

Inscrit le: 15 Mai 2007, 00:00
Messages: 730
Localisation: Saint Genest Lerpt
Niveau RPG Maker: Normal
Logiciel(s) préféré(s): RMXP
Points d'aide: 1/60

Créations :

Voir ses créations
Salut...

Je desirais savoir quelle est le code html ou CSS pour faire en sorte que le site se reproportionne a la resolution de l'ecran.

Merci d'avance.

Cordialement,
KujaFF.
Haut
 Profil  
 
Samarium
 Sujet du message: Re: Recadrer le site par rapport a la resolution de l'ecran
MessagePublié: 30 Juin 2009, 16:39 
Roi
Roi
Avatar de l’utilisateur

Inscrit le: 08 Mai 2005, 15:00
Messages: 2994
Localisation: Lyon
Niveau RPG Maker: Expert
Logiciel(s) préféré(s): RMXP ; IGM
Point(s) Fort(s): HTML5, PHP, Javascript, Ruby
Sexe: Masculin
Points d'aide: Illimité

Créations :

- RPG JS : Votre RPG en ligne sur votre navigateur


Voir ses créations
Bonjour,

Si tu parles de design extensible, tu peux utiliser un tableau en HTML :

Code: Tout sélectionner
<table width="100%">
<!-- Contenu du tableau -->
</table>


ou en CSS :

Code: Tout sélectionner
body {
margin: auto;
width: 100%;
}

_________________
Site officiel de RPG Creator : http://rpgcreator.net

RPG Creator permet de créer des RPG ou MMORPG sans aucune connaissance en programmation et de jouer au jeu sur les tablettes tactiles, Smartphones et navigateurs Web.
Disponible le 4 Juin

Haut
 Profil  
 
kujaff
 Sujet du message: Re: Recadrer le site par rapport a la resolution de l'ecran
MessagePublié: 30 Juin 2009, 17:22 
Membre royal(e)

Inscrit le: 15 Mai 2007, 00:00
Messages: 730
Localisation: Saint Genest Lerpt
Niveau RPG Maker: Normal
Logiciel(s) préféré(s): RMXP
Points d'aide: 1/60

Créations :

Voir ses créations
Salut et merci,
j'ai essayer de le mettre derrière les premier code CSS (pour le CSS) et pour le HTML, je l'ai mit après le body, et avant le /body...
Rien ne se passe...
Je te colle ici ma page, peuyx tu me la modifier et me dire où le mettre s'il te plait ?

Code: Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>intro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
   color: #999999;
}
body {
   background-color: #000000;
}

#Layer4 {
   position:absolute;
   left:733px;
   top:522px;
   width:216px;
   height:30px;
   z-index:4;
}
#Layer5 {
   position:absolute;
   left:869px;
   top:550px;
   width:103px;
   height:36px;
   z-index:4;
}
.Style1 {
   font-size: larger;
   position: absolute;
   left: 489px;
   top: 342px;
   width: 78px;
   height: 33px;
   z-index: 3;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
#Layer1 {
   position:absolute;
   left:-7px;
   top:2px;
   width:379px;
   height:153px;
   z-index:5;
}
#Layer2 {
   position:absolute;
   left:414px;
   top:405px;
   width:145px;
   height:88px;
   z-index:6;
}
#Layer3 {
   position:absolute;
   left:2px;
   top:1px;
   width:221px;
   height:128px;
   z-index:1;
}
#Layer6 {
   position:absolute;
   left:325px;
   top:401px;
   width:161px;
   height:126px;
   z-index:2;
}
#Layer7 {
   position:absolute;
   left:1px;
   top:2px;
   width:201px;
   height:101px;
   z-index:1;
}
#Layer8 {
   position:absolute;
   left:-91px;
   top:-119px;
   width:1025px;
   height:728px;
   z-index:1;
}
#Layer9 {
   position:absolute;
   left:1px;
   top:1px;
   width:172px;
   height:133px;
   z-index:2;
}
#Layer10 {
   position:absolute;
   left:24px;
   top:10px;
   width:147px;
   height:97px;
   z-index:2;
}
#Layer11 {
   position:absolute;
   left:1px;
   top:1px;
   width:177px;
   height:119px;
   z-index:2;
}
#Layer12 {
   position:absolute;
   left:2px;
   top:0px;
   width:1056px;
   height:535px;
   z-index:1;
}
#Layer13 {
   position:absolute;
   left:6px;
   top:0px;
   width:166px;
   height:121px;
   z-index:1;
}
#Layer14 {
   position:absolute;
   left:2px;
   top:0px;
   width:136px;
   height:100px;
   z-index:1;
}
#Layer15 {
   position:absolute;
   left:424px;
   top:368px;
   width:126px;
   height:100px;
   z-index:2;
}
#Layer16 {
   position:absolute;
   left:0px;
   top:2px;
   width:265px;
   height:153px;
   z-index:1;
}
#Layer17 {
   position:absolute;
   left:431px;
   top:356px;
   width:183px;
   height:177px;
   z-index:2;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="Layer16"><img src="intro/gazcarbo.jpg" width="1010" height="573"></div>
<div id="Layer17"><a href="index2.htm"><img src="intro/bouton.gif" width="176" height="184" border="0"></a></div>
</body>
</html>


Cordialement,
KujaFF
Haut
 Profil  
 
Samarium
 Sujet du message: Re: Recadrer le site par rapport a la resolution de l'ecran
MessagePublié: 30 Juin 2009, 20:46 
Roi
Roi
Avatar de l’utilisateur

Inscrit le: 08 Mai 2005, 15:00
Messages: 2994
Localisation: Lyon
Niveau RPG Maker: Expert
Logiciel(s) préféré(s): RMXP ; IGM
Point(s) Fort(s): HTML5, PHP, Javascript, Ruby
Sexe: Masculin
Points d'aide: Illimité

Créations :

- RPG JS : Votre RPG en ligne sur votre navigateur


Voir ses créations
Avec ce code, le div "Layer16" prend bien toute la largeur de la page (avec une couleur blanche) :

Code: Tout sélectionner
body {
   background-color: #000000;
   margin: auto;
   width: 100%;
}


#Layer16 {
   background-color: #ffffff;
}

_________________
Site officiel de RPG Creator : http://rpgcreator.net

RPG Creator permet de créer des RPG ou MMORPG sans aucune connaissance en programmation et de jouer au jeu sur les tablettes tactiles, Smartphones et navigateurs Web.
Disponible le 4 Juin

Haut
 Profil  
 
harvox
 Sujet du message: Re: Recadrer le site par rapport a la resolution de l'ecran
MessagePublié: 01 Juil 2009, 15:04 
Membre royal très actif
Avatar de l’utilisateur

Inscrit le: 06 Avr 2007, 00:00
Messages: 1209
Points d'aide: 1/60

Créations :

Voir ses créations
Il faut que ton design soit extensible.
C'est à dire que tes divs s'agrandissent en fonction de ce qu'elle contiennent et en fonction de la page.
Exprimer en % lorsque c'est necessaire etc...Fait une recherche sur google : Design extensible.
Il faut tout adapter.
Haut
 Profil  
 
kujaff
 Sujet du message: Re: Recadrer le site par rapport a la resolution de l'ecran
MessagePublié: 01 Juil 2009, 18:23 
Membre royal(e)

Inscrit le: 15 Mai 2007, 00:00
Messages: 730
Localisation: Saint Genest Lerpt
Niveau RPG Maker: Normal
Logiciel(s) préféré(s): RMXP
Points d'aide: 1/60

Créations :

Voir ses créations
J'ai essayer de faire tout se que vous m'avez dit, mais l'extensible ne fait pas grand chose, j'ai des rectancle blanc aussi...

J'y capte rien...

Quelque ne pourrais pas me modifier ce que j'ai donner ? Au moin pour un, comme ça je verrais ou faut placer.

cordialement.
Haut
 Profil  
 
harvox
 Sujet du message: Re: Recadrer le site par rapport a la resolution de l'ecran
MessagePublié: 01 Juil 2009, 20:28 
Membre royal très actif
Avatar de l’utilisateur

Inscrit le: 06 Avr 2007, 00:00
Messages: 1209
Points d'aide: 1/60

Créations :

Voir ses créations
Ce qui doit être étiré en longueur/largeur en fonction du navigateur, résolution met le en %.
Adapte en mettant tes coins dans une div etc...

Yahoo : design extensible xhtml 1er lien : http://www.siteduzero.com/forum-83-368830-p1-design-extensible.html
Haut
 Profil  
 
kujaff
 Sujet du message: Re: Recadrer le site par rapport a la resolution de l'ecran
MessagePublié: 01 Juil 2009, 20:37 
Membre royal(e)

Inscrit le: 15 Mai 2007, 00:00
Messages: 730
Localisation: Saint Genest Lerpt
Niveau RPG Maker: Normal
Logiciel(s) préféré(s): RMXP
Points d'aide: 1/60

Créations :

Voir ses créations
Mais pour le layer 16, je le remplace entierement ?
Haut
 Profil  
 
Afficher les messages depuis:  Trier par  
Publier un nouveau sujet Répondre au sujet  Page 1 sur 1
  [ 8 messages ] 

Index du forum » Autres logiciels & Programmation » Autres logiciels & Programmation » HTML/ CSS/ JavaScript/ PHP » Aide

Heures au format UTC + 1 heure [ Heure d’été ]

Qui est en ligne ?

Utilisateurs parcourant actuellement ce forum : Aucun utilisateur inscrit et 1 invité

Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas insérer de pièces jointes dans ce forum

Rechercher pour:
Sauter vers:  
cron
RPG Creative Forum version 5 ; Tous droits réservés
phpBB Group (Traduit par Xaphos)
Optimisé pour une résolution 1024*728