Sujet Précédent Sujet Suivant

Inserer designe sur mon site

Profil bloqué -  
arthezius Messages postés 3756 Statut Membre -
Bonjour,

j'ai télécharger un design pour mon site internet,mais je ne sais pas dans quel balise l'entrer , body, head,ect.Aidez-moi svp!
A voir également:

11 réponses

Réponse 1 / 11
arthezius Messages postés 3756 Statut Membre 475
 
Si tu ne sais pas faire une chose aussi simple, je te suggère de voir les bases de la création de site web.

Commence par faire un tour sur le Site du zéro qui est très bien fait pour les débutants tel que toi.
0
Réponse 2 / 11
Utilisateur anonyme
 
Bonjour, je peu avoir l'adresse de ton site pour afficher la source et la modifier sous Opéra ( ton site ne risque rien du tout!

Bonne soirée

@@++
0
Réponse 3 / 11
Profil bloqué
 
Je sais que je suis débutant mais pourrait tu me le dire.Merci p.s je suis déja aller voir sur le site du zéro
0
Réponse 4 / 11
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Tu ne dois pas intégrer le design à ton site mais refaire ton site en te basant sur le design.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 11
Profil bloqué
 
Et comment on fait cela?
0
Réponse 6 / 11
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Tu apprends le (x)HTML/CSS sur le siteduzero.com
0
Réponse 7 / 11
Profil bloqué
 
Et je vais dans quel section au juste xhtml ensuite dans quelle section, j'ai deja tout lu son site
0
Réponse 8 / 11
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
D'abord il te suffit de faire une copie de ton design et de travailler dessus ... en mettant ton contenu !
Ton autre site, t'en a plus besoin (sauf pour copier le contenu dans le nouveau design).
0
Réponse 9 / 11
Profil bloqué
 
Merci beaucoup!
0
Réponse 10 / 11
Profil bloqué
 
Voici le code de mon design,comment je fais par exemple pour écrire du texte.Merci

/* The ultra77 template is designed and released by Ian Smith
of N-vent Design Services LLC - www.n-vent.com. Feel free to
use this, but please don't sell it and kindly leave the credits
intact. Muchas Gracias!

January 2007

global styles
============================== */
body {
position: relative;
color: gray;
margin: 10px 0 0 0;
padding: 0;
font: 75% Arial, Helvetica, sans-serif;
min-width:800px;
background: #fff url(images/bg.png) repeat-y center;
}
#wrapper{
position: relative;
padding: 0;
margin: 0 auto;
width: 821px;
background: url(images/bgpng) repeat-y;
}
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
position: relative;
border: 0;
} h1, h2, h3{
font-weight: bold;
padding: 10px 0 0 0;
margin: 0;
} h1{
font-size: 130%;
color: black;
border-bottom: 1px dashed silver;
} h2{
font-size: 110%;
color: black;
border-bottom: 1px dashed #e8e8e8;
} h3{
font-size: 100%;
color: #80a1cd;
}
a:link {
color: #3D82C7;
}
a:visited {
color: #234D76;
}
a:hover {
color: red;
}

/* header styles
============================== */

#header{
position: relative;
height: 138px;
background: url(images/hbg.png) no-repeat center;
}
#branding {
position: relative;
left: 15px;
top: 25px;
width: 300px;
height: 110px;
}
#pagedescription{
position: relative;
top: 50px;
float: right;
margin: 0 15px 0 0;
text-align: right;
line-height: 100%;
clear: both;
}
#pagedescription h2{
font-weight: normal;
color: gray;
padding: 0;
margin: 0;
}
#pagedescription h1 {
font-weight: normal;
border: 0;
padding: 0;
margin: 0;
}

/* feel free to delete this class. */
.templogo {
font-size: 3em;
}

/* menu styles
============================== */

#menu{
margin-top: 10px;
position: relative;
height: 38px;
background: url(images/mbg.png) no-repeat center;
text-align: center;
}
#menu ul {
position: relative;
top: 10px;
padding: 0;
}
#menu li,
#footer li{
display: inline;
padding: 0 6px;
}
#menu li a{
display: inline;
color: black;
text-decoration: none;
}
#menu li a:hover,
#menu li a:focus{
font-weight: bolder;
text-decoration: underline;
}
.active{
font-weight: bolder;
}
#sidemenu {
margin-top: 10px;
position: absolute;
top: 200px;
width: 194px;
background: url(images/body-bg.png) repeat-x center;
}
#smtop,
#smbottom{
position: relative;
background: url(images/sm-top.png) no-repeat center;
height: 14px;
line-height: 14px;
margin: 0;
padding: 0;
clear: both;
}
#smbottom{
background: url(images/sm-bottom.png) no-repeat center;
}
#sidemenu ul,
#smtitle{
list-style: none;
padding: 0;
margin: 0;
width: 194px;
background: url(images/sm-bg.png) repeat-y center;
}
#smtitle h1{
padding: 10px;
font: normal normal bolder 120% Arial, Helvetica, sans-serif;
border: 0;
}
#sidemenu li{
padding: 3px 0 3px 1px;
display: block;
}
#sidemenu li a{
line-height: 18px;
padding-left: 24px;
color: black;
display: block;
height: 19px;
text-decoration: none;
}
#sidemenu li a:hover,
#sidemenu li a:focus{
background: url(images/sm-over.png) no-repeat center;
}
#sidemenu li a.currentpage {
background: url(images/sm-urhere.png) no-repeat center;
}

/* content styles
============================== */

#bodywrap{
position: relative;
left: 160px;
width: 660px;
min-height: 200px;
text-align: center;
background: url(images/body-bg.png) repeat-y left;
}
#bodytop,
#bodybottom{
position: relative;
left: 160px;
width: 660px;
background: url(images/body-top.png) no-repeat center;
height: 12px;
line-height: 12px;
margin: 0;
padding: 0;
}
#bodytop {
margin-top: 10px;
}
#bodybottom{
background: url(images/body-bottom.png) no-repeat center;
}
#contentbody{
position: relative;
padding: 0 15px 0 45px;
margin: 0;
border: 0;

text-align: left;
}
#contentbody p{
padding: 3px 0;
margin: 0;
}
#contentbody ul,
#contentbody ol{
padding: 3px 0;
margin: 0 18px;
list-style: outside;
}
#contentbody img {
border: 0;
float: right;
}

/* footer styles
============================== */

#footer{
margin-top: 10px;
clear: both;
position: relative;
height: 38px;
background: url(images/footerbg.png) no-repeat center;
text-align: center;
font-size: 9px;
}
#footer p{
position: relative;
top: 13px;
padding: 0;
padding-left: 15px;
display: inline;
}
#footer ul{
display: inline;
position: relative;
top: 13px;
padding: 0;
}
#footer li{
padding: 0 0 0 10px;
display: inline;
list-style: none outside;
}
#footer a:link {
color: #000;
text-decoration: none;
}
#footer a:visited {
color: gray;
text-decoration: none;
}
#footer a:hover {
color: #000;
text-decoration: underline;
}
0
Réponse 11 / 11
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Lis le tutoriel XHTML/CSS sur le Siteduzero.com !!!!
0
arthezius Messages postés 3756 Statut Membre 475
 
En effet il faut tout lire.
Et même lire ne suffit pas. Il faut savoir mettre en application ce que tu y trouves.
Ce que tu met ici n'est qu'un code CSS.
Un code CSS seul ne sert à rien sans le code HTML qui l'accompagne (enfin c'est plutôt le CSS qui accompagne le HTML).
Si tu comprends comment fonctionne le design que tu as trouvé, tu pourra alors être à même d'y inclure ton contenu.
Au risque de me répéter, il est important de comprendre ce que tu fais.
0