ok voila un de mes pote ma fais un desing.puis il me la envoier et j´ai recue plusieur fichier
le premier est un page web que jouvre et sa me mais sa
===>
Nom de la Rubrique.
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Textextextextextextextextextextextextextextextexte
xtextextextextextextextextextexte
Menu 1
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
Menu 2
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
Menu 3
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
Menu 4
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
Menu 5
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
- Rubtique
le deuxeme est un fichier en css
===>
body
{
background-color: #FFFFFF;
margin: auto;
width: 900px;
}
a
{
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
a:hover
{
color: #66CCFF;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
}
p
{
text-align: center;
}
. titre-menu
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
}
- contenu
{
position: absolute;
width: 900px;
height: 850px;
left: auto;
top: 0px;
z-index: 1;
}
- logo
{
position: absolute;
width: 208px;
height: 191px;
left: 0px;
top: 0px;
background-image: url(img/logo.png);
background-repeat: no-repeat;
}
- psp
{
position: absolute;
width: 364px;
height: 182px;
left: 290px;
top: 30px;
background-image: url(img/psp.png);
background-repeat: no-repeat;
}
- xbox360
{
position: absolute;
width: 143px;
height: 282px;
left: 620px;
top: 0px;
background-image: url(img/xbox360.png);
background-repeat: no-repeat;
z-index: 2;
}
- cadre
{
position: absolute;
width: 576px;
height: 600px;
left: 175px;
top: 200px;
}
- cadre-1
{
position: absolute;
width: 576px;
height: 93px;
left: 0px;
top: 1px;
background-image: url(img/cadre-1.png);
background-repeat: no-repeat;
}
- cadre-ext
{
position: absolute;
width: 576px;
height: 292px; / * Modifier cette valeur pour agrandir le cadre principal ( attention modifier aussi la valeur de top dans cadre-2 */
left: 0px;
top: 93px;
background-image: url(img/cadre-ext.png);
background-repeat: repeat-y;
}
- cadre-2
{
position: absolute;
width: 576px;
height: 215px;
left: 0px;
top: 385px; / * top = height de cadre-ext + height de cadre-1 */
background-image: url(img/cadre-2.png);
background-repeat: no-repeat;
}
- menug
{
position: absolute;
width: 159px;
height: 700px;
left: 0px;
top: 200px;
}
- menug-1
{
position: absolute;
width: 159px;
height: 228px;
left: 0px;
top: 0px;
background-image: url(img/menu.png);
background-repeat: no-repeat;
}
- menug-2
{
position: absolute;
width: 159px;
height: 228px;
left: 0px;
top: 230px;
background-image: url(img/menu.png);
background-repeat: no-repeat;
}
- menug-3
{
position: absolute;
width: 159px;
height: 228px;
left: 0px;
top: 460px;
background-image: url(img/menu.png);
background-repeat: no-repeat;
}
- menud
{
position: absolute;
width: 159px;
height: 700px;
left: 770px;
top: 200px;
}
- menud-1
{
position: absolute;
width: 159px;
height: 228px;
left: 0px;
top: 0px;
background-image: url(img/menu.png);
background-repeat: no-repeat;
}
- menud-2
{
position: absolute;
width: 159px;
height: 228px;
left: 0px;
top: 230px;
background-image: url(img/menu.png);
background-repeat: no-repeat;
}
. texte
{
position: absolute;
width: 555px;
height: 505px;
left: 10px;
top: 84px;
overflow: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
z-index: 3;
}
. nom-rubrik
{
position: absolute;
width: 550px;
height: 57px;
left: -59px;
top: 24px;
overflow: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
z-index: 3;
}
le troisime c´est sa le dising photoshop
.
et il y a plein de " partie" dimage du desing
ba voila.en fait mon pote socupe du dising et moi du xhtml/css.
mais la je sais pa trop koi faire car j´ai peur de faire des connerie lol alors si vous pouvez BIEN me conseiller.
je vous decrie un peu le desing.
en haut a droit il y a une psp et une xbox360.en haut a gauche il y a un cercle marquer le nom de mon site. les " menues" enfin le font des menue est bleu et entourer de gris.le font du site est blanc.
bon ba voila j´ai tout dit en esperent que voupourez BIEN maider 