Votre question

Faire une page d'inscription stylé

Tags :
  • Programmation
Dernière réponse : dans Programmation
15 Février 2009 17:28:30

Bonjou, je cherche à faire une page d'inscription comme Tom's Guide

une fenetre centrer et on vois le reste en transparence

Si quelqu'un sait le faire j'aimerai bien l'apprendre ;)  sinon si vous connaissais un tuto ;) 

Et comment s'appelle ce genre de style ??

Merci

Autres pages sur : page inscription styla

16 Février 2009 01:13:10

Le truc le plus simple (et encore) à faire pour moi c'est :
Le langage met tout le "Body" un peu en gris, puis rajoute un bloc avec les zones de textes et boutons en centrer.
Mais je ne sais pas comment mettre un peu en gris, et faire un fondu pour faire apparaitre un bloc.
m
0
l
16 Février 2009 15:01:53

Voila quelqu'un ma donné un code pour ouvrir une fenêtre transparente mais enfaite c'est le contraire de ce que j'avais demander tenez voici le code:

Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>test login sur div</title>
<h1><p>YOP</p></h1>
<script language="javascript">
<!--

var state = 'none';

function showhide(layer_ref) {

if (state == 'block') {
state = 'none';
}
else {
state = 'block';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}
//-->
</script>


<style type="text/css">
body
{
background-color: white;
font-family: Verdana;
font-size: 12px;
color:#000000;
margin:0px;
text-align : center;

}

.page
{
position : relative;
width :813px;
height : 400px;
margin: 20px auto;
text-align: center;
display: none;
}

.logbox
{
background-color: silver;
width: 100%;
height: 100%;
filter: Alpha(opacity=20);
-moz-opacity: .20;
-khtml-opacity: 0.20;
opacity: .20;
}

.logheader
{
visibility : hidden
position : relative;
width :200px;
height : 15px;
margin: auto auto;
text-align: center;
background-color:#003366;
color:#FFFFFF;
}
</style>
</head>

<body onload="showhide('backform');">
<p><a href="#" onclick="showhide('DivNews1');">Show/hide me</a></p>
<DIV class='page' id='DivNews1'>
<DIV class='logbox' id='backform' ><p>ceci est le fond</p><p>et doit etre transparent</p>
<DIV class='logheader' id='frm1' ><p>Ici tu developpe ton form en parametrant mieux le css tu n'auras aucuns mal</p></DIV></DIV>
</DIV>
</body>

</html>


Testez ce code, quand vous cliquerez sur le lien une fenêtre va s'ouvrir et elle sera un peut transparente

Mais enfaite ce que moi je voulais c'est quand je clique sur le lien "Inscription" (Show/hide me" sur celui ci) c'est que le site devient transparente (blanchi) et que ma fenêtre de formulaire s'ouvre centrer

Enfaite je veut faire exactement comme la page d'inscription de Tom's Guide
Si celui qui à créé ce site ou celui qui sait le faire pourrait m'expliquer sa serrai bien ;) 

Merci
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS