Index - FAQ - Rechercher - Membres - Groupes - S’enregistrer - Messages Privés - Connexion
Footballistique

 
Poster un nouveau sujet   Répondre au sujet    Kawaii-design Index du Forum -> ¤ Commandes ¤ -> ~> ¤Commandes de design ¤ <~
Sujet précédent :: Sujet suivant  
Auteur Message
sawk
*Mini Kawaii*
*Mini Kawaii*


Inscrit le: 29 Juil 2011
Messages: 1
Localisation: fait gaffe je te regarde !

MessagePosté le: 29/07/2011 11:43:07    Sujet du message: Footballistique Répondre en citant

Titre et url du site : PES-fan : www.pes-fan.fr
Le menu apparait sur le design ? oui
Taille : 900px
Texte : PES-fan
Couleur du texte : gris
Couleur de la création : rouge et bleu
Format : ?
Animation : si possible la bannière
Photo(s):
Autre ?
voici la feulle de style et une page "source" pour avoir les id des div corespondant :

style.css
Code:

/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////       BACKGROUND        ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */
html, body
{
  height : 100%;
  margin : 0px;
  padding : 0px;
}

html
{
  background : url("background.jpg");
  background-color : #CFCFCF;
  font-family : Verdana , sans-serif;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////    STRUCTURE GLOBALE    ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#conteneur_1
{
  min-height : 100%;
}

#conteneur_2
{
  width : 900px;
  min-width : 800px;
  margin : auto;
  padding-top : 5px;
  padding-bottom : 125px;
}

#corps
{
  width : 100%;
  color : #000000;
  background-color : grey;
}

#marge_interieure
{
  padding : 5px;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////        BANNIERE        ////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#banniere
{
  width:100%;
  height : 150px;
  background : #000000 url("banniere.png") no-repeat;
  overflow : hidden;
  position : relative;
}

#logo
{
  width : 250px;
  height : 80px;
  background : url("logo.png");
  float : left;
  position : relative;
  left : 280px;
  top : 50px;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////          TEXTE          ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#texte
{
  padding : 20px;
  margin-left : 215px;
  text-align : justify;
  font-size : 15px;
}

.cadre
{
  border : ;
  background-color : #FFFFFF;
  padding-bottom:5px;
}

.titre_cadre
{
  height : 26px;
  background : url("cadre.png");
  color : #FFFFFF;
  text-align : center;
  font-size : 14px;
  font-weight : bold;
  padding-top : 6px;
}

.marge_interne
{
  padding : 10px 10px 0px 10px;
}

p
{
  margin-top : 0px;
}

h1
{
  font-size : 19px;
  margin-top : 0px;
}

h2
{
  font-size : 16px;
  margin-top : 0px;
}
   
a
{
  color : #264156;
  text-decoration : none;
}

a:hover
{
  color : black;
}

#overflow
{
  overflow : hidden;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////     MENU HORIZONTAL     ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#MH
{
  height : 33px;
  background : url("MH.png");
  text-align : center;
  border:1px dashed black;
  margin : 0;
  padding : 0;
}

#MH li
{
  display : inline;
}

#MH a
{
  height : 26px;
  color : black;
  font-size : 14px;
  font-weight : bold;
  text-decoration : none;
  padding-left : 20px;
  padding-right : 20px;
  padding-top : 7px;
  display : inline-block;
  margin : 0;
}

#MH a:hover
{
  color : white;
  background : url("");
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////     MENU VERTICAL     ////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#MV
{
  width : 200px;
  float : left;
  text-align : center;
  margin-top : 20px;
  margin-right : 6px;
}

.marge_MV
{
  height : 20px;
}

.en_tete_MV
{
  width : 200px;
  height : 21px;
  background : url("en_tete_MV.png") no-repeat;
  margin : auto;
  color : #FFFFFF;
  font-size : 14px;
  padding-top : 1px;
  /*border:1px dashed black;*/
}
.fond_MV
{
  background-color : #ffffff;
  text-align:left;
  margin : auto;
  font-size : 14px;
  padding-top : 1px;
  padding-left:2px;
  /*border:1px dashed black;*/
}
.fond_MVI
{
  background-color : #ffffff;
  text-align:left;
  margin : auto;
  font-size : 14px;
  padding-top : 1px;
  padding-left:2px;
  /*border:1px dashed black;*/
}
.fond_MVS
{
  background-color : #ffffff;
  font-size : 14px;
  /*border:1px dashed black;*/
}
a.lien_MV
{
  width : 198px;
  height : 25px;
  background : url("") no-repeat;
  margin : auto;
  color : green;
  font-size : 14px;
  font-weight : bold;
  padding-top : 5px;
  text-decoration : none;
  display : block;
  /*border:1px dashed black;*/
  background-color : #ffffff;
}
a.lien_MVM
{
  background-color : #ffffff;
  width : 198px;
  height : 25px;
  background : url("") no-repeat;
  margin : auto;
  color : red;
  font-size : 14px;
  font-weight : bold;
  padding-top : 5px;
  text-decoration : none;
  display : block;
  /*border:1px dashed black;*/
}
a.lien_MV:hover
{
  background : url("bouton_MV_hover.png") no-repeat;
  color : grey;
}
a.lien_MVM:hover
{
  background : url("bouton_MV_hover.png") no-repeat;
  color : #1e1e1e;
  color:white
}
.bottom_MV
{
  width : 200px;
  height : 18px;
  margin : auto;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////       BAS DE PAGE       ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#pied_de_page
{
  height : 59px;
  background : url("pied_de_page.png") center;
  margin-top : -100px;
  min-width : 800px;
  padding-top : 41px;
  padding-left:5px;
  color : #000000;
  font-size:11pt;
  text-shadow: 1px 1px 2px #FFFFFF;
  text-transform:capitalize;
}

#clear_both
{
  clear : both;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////         BORDURE         ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#CHG
{
  background : url("CHG.png") no-repeat top left;
  float : left;
  width : 8px;
  height : 8px;
  margin : 0px;
}

#CHD
{
  background : url("CHD.png") no-repeat top right;
  float : right;
  width : 8px;
  height : 8px;
  margin : 0px;
}

#CBG
{
  background : url("CBG.png") no-repeat bottom left;
  float : left;
  width : 8px;
  height : 8px;
  margin : 0px;
}

#CBD
{
  background : url("CBD.png") no-repeat bottom right;
  float : right;
  width : 8px;
  height : 8px;
  margin : 0px;
}

#BH
{
  background : url("BH.png") repeat-x top center;
  margin-right : 8px;
  margin-left : 8px;
  height : 8px;
}

#BG
{
  background : url("BG.png") repeat-y left;
  padding-left : 8px;
  margin : 0px;
}

#BD
{
  background : url("BD.png") repeat-y right;
  padding-right : 8px;
  margin : 0px;
}

#BB
{
  background : url("BB.png") repeat-x bottom center;
  margin-right : 8px;
  margin-left : 8px;
  height : 8px;
  padding : 0px;
}
/*Formulaires*/
form
  {
  padding:10px;
  width:70%;
  margin:auto;
  }
fieldset
  {
  padding:20px;
  margin-bottom:10px;
  }
legend
  {
  color:#71A385;
  font-weight:bold
  }
label
  {
  margin-top:20px;
  display:block;
  }
label.inline
  {
  display:inline
  }
input
  {
  border:1px solid #FFCCCC;
  background-color:#CCCCCC;
  }
input:hover
  {
  border:1px solid #FFCCCC;
  background-color:#666666;
  }
input:active
  {
  border:1px solid #FFCCCC;
  background-color:#FFCCCC;
  }
input[type=radio]
{
  margin-right:50px;
  background-color:transparent;
  border:none;
  }
select, option
  {
  background-color:#CCCCCC;
  }
textarea
  {
  border:1px solid #FFCCCC;
  background-color:#CCCCCC;
  }
textarea :hover
  {
  border:1px solid #FFCCCC;
  background-color:#666666;
  }
input[type=submit], input[type=reset], input[type=button] {
  border:1px solid #FFCCCC;
  background-color:#CCCCCC;
 }
input[type=submit]:hover, input[type=reset], input[type=button]:hover {
 border:1px solid #FFCCCC;
 background-color:#666666;
 }
input[type=submit]:active, input[type=reset], input[type=button]:active {
   border:1px solid #FFCCCC;
  background-color:#FFFFFF;
 }


source.html
Code:

<!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" xml:lang="fr" >
<head>
<title>PES-FAN</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="DesignMJ" href="styles/forum.css" />
  <link rel="stylesheet" media="screen" type="text/css" title="DesignMJ" href="styles/style.css" />
<!--[if IE 9]><link rel="stylesheet" media="screen" type="text/css" title="Design" href="design/ie6.css" /><![endif]-->


<link rel="stylesheet" href="styles/lightbox.css" type="text/css" media="screen" />
 
  <script src="js/prototype.js" type="text/javascript"></script>
  <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
  <script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body>
<div id="conteneur_1">
      <div id="conteneur_2">
        <div id="CHG"></div><div id="CHD"></div><div id="BH"></div>
        <div id="BG"><div id="BD">

          <div id="corps">
            <div id="marge_interieure">
              <div id="banniere"></div>
           <ul id="MH">
                <li><a href="./index.php">Accueil</a></li>
                <li><a href="./forum.php">Forum</a></li>
                <li><a href="./chat.php">T-chat</a></li>
                <li><a href="./liste-membres.php">Membres</a></li>
            <li><a href="">Partenaires</a></li>
                <li><a href="contact.php">Contact</a></li>
              </ul>
<div id="MV">
                <div class="en_tete_MV">Info</div>
                <div class="fond_MVI">
               
                </div>
                <div class="bottom_MV"></div>
                <div class="marge_MV"></div>
<!--menu-->
                <div class="en_tete_MV">MENU</div>
            <a href="" class="lien_MV">LIEN</a>
            <div class="bottom_MV"></div>
                <div class="marge_MV"></div>

<!--menu-->
                <div class="en_tete_MV">MENU</div>
            <a href="" class="lien_MV">LIEN</a>
            <div class="bottom_MV"></div>
                <div class="marge_MV"></div>
 
<!--menu-->
                <div class="en_tete_MV">MENU</div>
            <a href="" class="lien_MV">LIEN</a>
            <div class="bottom_MV"></div>
                <div class="marge_MV"></div>
            
                <div class="en_tete_MV">Posts du forum</div>
                <div class="fond_MV">
            POSTS ICI
                </div>
                <div class="bottom_MV"></div> 
                  <div class="marge_MV"></div> 
               
 
                </div>
                <div class="bottom_MV"></div> 


           <div id="texte"><div id="overflow">
                        <div class="cadre"><div class="titre_cadre">TITRE DU CADRE</div><div class="marge_interne">
<!-- Début de la zone de texte -->
<p>TEXTE</p>
<!-- Fin de la zone de texte -->
                        </div></div>
                     </div></div>

                     <div id="clear_both"></div>

                  </div>
               </div>

            </div></div>
            <div id="CBG"></div><div id="CBD"></div><div id="BB"></div>

         </div>

      </div>
<div id="pied_de_page">Pes-fan ©2011. Tous droits réservés - <a href="app.php">A propos</a> - <a href="versions.php">Historique des versions</a><br>
  <div style="float:right">-><a href="#">Haut du site</a><-</div>
    </div>
  </body>
</html>
Revenir en haut
Visiter le site web du posteur
Publicité






MessagePosté le: 29/07/2011 11:43:07    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Kawaii-design Index du Forum -> ¤ Commandes ¤ -> ~> ¤Commandes de design ¤ <~ Toutes les heures sont au format GMT
Page 1 sur 1

 
Sauter vers:  

Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Powered by phpBB
Appalachia Theme © 2002 Droshi's Island
Traduction par : phpBB-fr.com
Designed & images by Kooky