Design du site web?

Résolu/Fermé
jb00ster Messages postés 48 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 11 décembre 2010 - 26 déc. 2008 à 22:56
jb00ster Messages postés 48 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 11 décembre 2010 - 28 déc. 2008 à 23:14
Bonjour,
voila je debute en php,javascript et css, donc j'aimrais savoir si quelqun peu m'aider (des liens,documentations, ou des conseils) pour concevoir un arrier plan de mon site (cadre centré et dynamique avec une image) de ce genre
https://outlook.live.com/owa/
merci d'avance
A voir également:

3 réponses

anthonice Messages postés 1314 Date d'inscription samedi 10 novembre 2007 Statut Membre Dernière intervention 30 octobre 2011 131
26 déc. 2008 à 23:00
Il faut faire un kit graphique tiens un bon tuto sur lequel j'ai appris :

http://lfdlc.free.fr/tutoflash/bigtutopart1photoshop.html
0
jb00ster Messages postés 48 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 11 décembre 2010
27 déc. 2008 à 00:02
merci mé ton lien na pa marché! si tu as d'autres liens ça sera avec plaisire!
a+
0
anthonice Messages postés 1314 Date d'inscription samedi 10 novembre 2007 Statut Membre Dernière intervention 30 octobre 2011 131 > jb00ster Messages postés 48 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 11 décembre 2010
27 déc. 2008 à 11:39
Mon lien marche très bien il suffit d'avoir flash player
0
jb00ster Messages postés 48 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 11 décembre 2010 > anthonice Messages postés 1314 Date d'inscription samedi 10 novembre 2007 Statut Membre Dernière intervention 30 octobre 2011
28 déc. 2008 à 23:14
je me suis mis sur les kits-graphiques et j'ai trouvé ce que je voulais! merci
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
27 déc. 2008 à 01:03
SALUT

voila un squelette a toi de l adapter !
<!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>RAD ZONE Webcreation          
    </title>      
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />       
    <meta name="author" content="http://radservebeer.free.fr" />         
    <meta name="generator" content="PSPad editor, www.pspad.com" /> 
<style type="text/css">
  <!--
  body {
  background-color: #e1ddd9;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#564b47;
  padding:0px;
  margin:0px;
  }
  #conteneur {
  position:absolute; /*important pour le centrage*/
  height:600px;
  width:800px;
  margin:-300px 0px 0px -400px; /*moitie du height et width en - pour centrer*/ 
  top: 50%;  /*important pour le centrage*/
  left: 50%; /*important pour le centrage*/
  text-align: left;
  padding: 0px;
  background-color: #f5f5f5;
  border: 1px dotted #000000;
  overflow: auto;
  }
  p, h1 {
  margin: 0px;
  padding: 10px;
  }
  h1 {
  font-size: 11px;
  text-transform:uppercase;
  text-align: right;
  color: #564b47;
  background-color: #90897a;
  }
  a {
  color: #ff66cc;
  font-size: 11px;
  background-color:transparent;
  text-decoration: none;
  }
  -->
</style>
  </head>
  <body>
    <div id="conteneur">
      <p><b>conteneur</b><br /><br />Conteneur toujours centre.<br />Alignement texte gauche <br /><b>ie mac n aime pas trops ! </b><br />
      </p>
      <p>
        <p>Lorem ipsum dolor sit amet consectetuer vel diam eros dapibus mi. Sed et Nam tincidunt sem consectetuer quis justo eu egestas Nulla. Ac ligula dui pede Donec Aenean nec faucibus Mauris suscipit non. Non sem In et ante interdum eleifend Nam Pellentesque leo fermentum. Eget mattis nisl libero feugiat Ut libero eros sagittis a ligula. Tellus Aliquam.</p>
<p>Et Maecenas id Aenean elit mauris eu amet Phasellus pede interdum. Neque hendrerit Vivamus ipsum sem nisl Sed leo Curabitur Pellentesque vestibulum. In porta nulla id urna id auctor platea malesuada Vestibulum augue. Nulla tempus odio sagittis penatibus sit eros sapien Nulla turpis elit. Sed justo ut congue sapien mi non mauris purus ante congue. Iaculis turpis.</p>
<p>Ante cursus ligula facilisis orci justo consectetuer porttitor lobortis tristique eget. Curabitur Nam consequat nisl lorem venenatis Ut laoreet justo elit metus. Vestibulum vel nunc eu Vestibulum sem nunc gravida parturient orci malesuada. Morbi Phasellus nec tincidunt quis ante Pellentesque vitae suscipit laoreet Curabitur. Quis sapien et interdum sapien lacinia vel laoreet auctor euismod a. Ligula Suspendisse elit nunc magna Vestibulum Aenean.</p>
<p>Elit fringilla In Cum ligula ac eu diam ac rhoncus felis. Malesuada et sed lorem aliquet Integer Nam at hendrerit Pellentesque neque. Ut natoque quam In magnis natoque In tellus et nibh Nullam. Tristique lacinia habitasse feugiat nunc ac id vitae nec ut Sed. At lacinia nibh orci non semper pellentesque malesuada montes pulvinar tortor. </p>

    </div>
  </body>
</html>


RAD
0
jb00ster Messages postés 48 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 11 décembre 2010
27 déc. 2008 à 23:56
je te remerci pour ton aide, et esk tu peu me dire comment rendre mon cadre "dynamique" il grandi avec son contenu (en hauteur seulment) càd: pas de scrollbar dans le conteneur
merci
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
28 déc. 2008 à 00:29
le plus simple !

ne donne pas de valeur au height du conteneur !! et tu enleve l overflow let e top 50% qui ne servent plus a rien et tu donne un margin top normal a la place du -300px , j ai mis 100px dans cet exemple

#conteneur {
  position:absolute; /*important pour le centrage*/
  width:800px;
  margin:100px 0px 0px -400px; /*moitie  width en - pour centrer verticalement */ 
  left: 50%; /*important pour le centrage*/
  text-align: left;
  padding: 0px;
  background-color: #f5f5f5;
  border: 1px dotted #000000;
  }


RAD
0
jb00ster Messages postés 48 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 11 décembre 2010
28 déc. 2008 à 20:00
thank you man!
0