Theme CSS
KaKzOo
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
Nhay Messages postés 838 Date d'inscription Statut Membre Dernière intervention -
Nhay Messages postés 838 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Salut, j'aimerais faire pour mon site un thème, j'ai trouvé ce thème sur un site gratuit en PSD.
<image>http://img15.hostingpics.net/pics/722454caferestaurant.jpg</image>
Je n'arrive pas a faire le truc au milieu, ou il y a les articles, le menu... Voici mon code
<code type="html">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gest-Equestrian</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="http://gest-equestrian.craym.eu/demo/css/design.css" />
</head>
<body>
<div style="background:url(http://gest-equestrian.craym.eu/demo/images/head.png) no-repeat;height: 250px; width: 100%"><center><a href="#"><img src="images/votre_logo.png" alt="Gest-Equestrian"/></a></center></div>
<p> Vous pouvez vous pr?-inscrire, vos informations seront transmises au responsable(s) du centre ?questres. Vous devez remplir tout les champs.</p><br/>
<p>Vous pouvez choisir votre login.La cl? OPII et votre mot de passe, vous pourrez directement acc?d? a votre compte pour suivre votre dossier.</p>
<label>Nom: <input type="text" name="nom"/></label><br/>
<label>Pr?nom: <input type="text" name="prenom"/></label><br/>
<label>Date de naissance: <input type="text" name="dtn"/></label><br/>
<label>Tuteur L?gal: <input type="text" name="tuteur"/></label><br/>
<label>T?l?phone: <input type="text" name="phone"/></label><br/>
<label>Adresse:</label><textarea name="adresse"/></textarea><br/>
<label>Sexe:</label>
<select name="sexe" id="sexe">
<option value="h">Masculin</option>
<option value="f">F?minin</option>
<label>Email: <input type="text" name="email"/></label><br/>
<label>Login: <input type="text" name="login"/></label><br/>
<label>Cl? OPII: <input type="text" name="opii"/></label><br/>
<input name="code" type="text" readonly="readonly" value="6277254" /><br/>
<input type='submit' value='validez' /><br />
</div>
</body>
</html>
</code>
<code type="css">
body{
color:black;
background-image:url(http://gest-equestrian.craym.eu/demo/images/body.png);
}
content{
margin-left:317px;
margin-right:317px;
margin-top:167px;
background-color:black;
}
</code>
Merci.
Salut, j'aimerais faire pour mon site un thème, j'ai trouvé ce thème sur un site gratuit en PSD.
<image>http://img15.hostingpics.net/pics/722454caferestaurant.jpg</image>
Je n'arrive pas a faire le truc au milieu, ou il y a les articles, le menu... Voici mon code
<code type="html">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gest-Equestrian</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="http://gest-equestrian.craym.eu/demo/css/design.css" />
</head>
<body>
<div style="background:url(http://gest-equestrian.craym.eu/demo/images/head.png) no-repeat;height: 250px; width: 100%"><center><a href="#"><img src="images/votre_logo.png" alt="Gest-Equestrian"/></a></center></div>
<p> Vous pouvez vous pr?-inscrire, vos informations seront transmises au responsable(s) du centre ?questres. Vous devez remplir tout les champs.</p><br/>
<p>Vous pouvez choisir votre login.La cl? OPII et votre mot de passe, vous pourrez directement acc?d? a votre compte pour suivre votre dossier.</p>
<label>Nom: <input type="text" name="nom"/></label><br/>
<label>Pr?nom: <input type="text" name="prenom"/></label><br/>
<label>Date de naissance: <input type="text" name="dtn"/></label><br/>
<label>Tuteur L?gal: <input type="text" name="tuteur"/></label><br/>
<label>T?l?phone: <input type="text" name="phone"/></label><br/>
<label>Adresse:</label><textarea name="adresse"/></textarea><br/>
<label>Sexe:</label>
<select name="sexe" id="sexe">
<option value="h">Masculin</option>
<option value="f">F?minin</option>
<label>Email: <input type="text" name="email"/></label><br/>
<label>Login: <input type="text" name="login"/></label><br/>
<label>Cl? OPII: <input type="text" name="opii"/></label><br/>
<input name="code" type="text" readonly="readonly" value="6277254" /><br/>
<input type='submit' value='validez' /><br />
</div>
</body>
</html>
</code>
<code type="css">
body{
color:black;
background-image:url(http://gest-equestrian.craym.eu/demo/images/body.png);
}
content{
margin-left:317px;
margin-right:317px;
margin-top:167px;
background-color:black;
}
</code>
Merci.
A voir également:
- Theme CSS
- Theme sombre google - Guide
- Changer thème iphone gratuit - Télécharger - Thèmes & Fonds d'écran
- Theme sombre windows 10 - Guide
- Theme windows 7 - Télécharger - Personnalisation
- Theme windows 11 pour windows 10 - Guide
1 réponse
Il te suffit simplement de rajouter des div qui enveloppe le corps de ta page.
Ceci devrait pouvoir t'avancer, et grâce à ça tu devrais réussir à faire le reste : (Je n'ai pas resortie les images, hein, j'ai mis un background-color, tu devras donc le remplacer par la bonne couleurs ou la bonne image)
Ceci devrait pouvoir t'avancer, et grâce à ça tu devrais réussir à faire le reste : (Je n'ai pas resortie les images, hein, j'ai mis un background-color, tu devras donc le remplacer par la bonne couleurs ou la bonne image)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gest-Equestrian</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="http://gest-equestrian.craym.eu/demo/css/design.css" />
<style>
#main{
width: 800px;
margin: auto;
background-color: #E6DCBD;
position: relative;
top: -60px;
}
#menu{background-color:#C4B997;border:dotted 1px #494646;}
#content{border:dotted 1px #494646;width:98%;margin: auto;}
</style>
</head>
<body>
<div style="background:url(http://gest-equestrian.craym.eu/demo/images/head.png) no-repeat;height: 250px; width: 100%"><center><a href="#"><img src="images/votre_logo.png" alt="Gest-Equestrian"/></a></center></div>
<div id="main">
<div id="menu"><a href="/">Accueil</a> <a>...</a></div>
<div id="content">
<p> Vous pouvez vous pr?-inscrire, vos informations seront transmises au responsable(s) du centre ?questres. Vous devez remplir tout les champs.</p><br/>
<p>Vous pouvez choisir votre login.La cl? OPII et votre mot de passe, vous pourrez directement acc?d? a votre compte pour suivre votre dossier.</p>
<label>Nom: <input type="text" name="nom"/></label><br/>
<label>Pr?nom: <input type="text" name="prenom"/></label><br/>
<label>Date de naissance: <input type="text" name="dtn"/></label><br/>
<label>Tuteur L?gal: <input type="text" name="tuteur"/></label><br/>
<label>T?l?phone: <input type="text" name="phone"/></label><br/>
<label>Adresse:</label><textarea name="adresse"/></textarea><br/>
<label>Sexe:</label>
<select name="sexe" id="sexe">
<option value="h">Masculin</option>
<option value="f">F?minin</option>
<label>Email: <input type="text" name="email"/></label><br/>
<label>Login: <input type="text" name="login"/></label><br/>
<label>Cl? OPII: <input type="text" name="opii"/></label><br/>
<input name="code" type="text" readonly="readonly" value="6277254" /><br/>
<input type='submit' value='validez' /><br />
</div>
</div>
</div>
</body>
</html>