Urgent css en html
Mel's creations
-
Mel's creations -
Mel's creations -
C'est très urgent!!!
J'ai un site web qui fonctionne en html (avec l'hébergeur www.ihavefree.com )et je voulais avoir un nouveau design. Alors, j'ai cherché des kits graphique et j'ai trouvé. Le seul problème c'est que le code est en CSS et je ne peux pas l'utiliser sur mes pages. Comment pourrais-je faire pour utiliser le design sur mon site?
J'ai un site web qui fonctionne en html (avec l'hébergeur www.ihavefree.com )et je voulais avoir un nouveau design. Alors, j'ai cherché des kits graphique et j'ai trouvé. Le seul problème c'est que le code est en CSS et je ne peux pas l'utiliser sur mes pages. Comment pourrais-je faire pour utiliser le design sur mon site?
A voir également:
- Urgent css en html
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- Espace en html ✓ - Forum Webmastering
- Nbsp html ✓ - Forum Webmastering
- Html download - Télécharger - HTML
3 réponses
Ton design css il y a aussi du html a coté non !
Tu doit avoir 2 pages.
si ce n'est pas ca dit nous comment est le css.
Tu doit avoir 2 pages.
si ce n'est pas ca dit nous comment est le css.
Ben c'est ça et i n'y a pas d'autre code:
/*
Design by NodeThirtyThree <http://www.nodethirtythree.com>
Published by Free CSS Templates <http://www.freecsstemplates.org/>
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
margin: 0;
padding: 0;
background: #F4FBFF url(images/img01.jpg) repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #405A67;
}
h1, h2, h3 {
margin: 0;
font-weight: normal;
color: #4F6977;
}
h1 {
letter-spacing: -1px;
font-size: 44px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 16px;
}
p, ul, ol {
margin: 0 0 1.5em 0;
line-height: 1.5em;
text-align: justify;
}
p {
}
blockquote {
font-style: italic;
}
ul {
}
ol {
}
a {
color: #38B5F1;
}
a:hover {
text-decoration: none;
}
small {
}
hr {
display: none;
}
img {
border: none;
}
img.left {
float: left;
margin: 0 15px 0 0;
}
img.right {
float: left;
margin: 0 0 0 15px;
}
/* Header */
#header {
width: 954px;
height: 183px;
margin: 0 auto;
background: url(images/img02.jpg);
}
/* Logo */
#logo {
float: left;
}
#logo h1, #logo h2 {
float: left;
text-transform: lowercase;
color: #FFFFFF;
}
#logo h1 {
padding: 115px 0 0 50px;
font-weight: bold;
}
#logo h2 {
padding: 143px 0 0 8px;
font-size: 14px;
font-weight: bold;
}
#logo a {
text-decoration: none;
color: #FFFFFF;
}
/* Menu */
#menu {
float: right;
}
#menu ul {
margin: 0;
padding: 140px 20px 0 0;
list-style: none;
line-height: normal;
}
#menu li {
display: inline;
}
#menu a {
padding: 0 28px 0 0;
text-transform: lowercase;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
/* Page */
#page {
width: 954px;
margin: 0 auto;
background: #FFFFFF url(images/img03.jpg) repeat-y;
}
#bg {
background: url(images/img06.jpg) no-repeat left bottom;
}
/* Content */
#content {
float: left;
width: 680px;
background: url(images/img04.jpg) no-repeat;
}
/* Posts */
.post {
width: 606px;
padding: 30px 0 0 48px;
}
.post .title {
padding: 0 0 0 12px;
}
.post .title a {
color: #4F6977;
}
.post .date {
margin: -26px 25px 15px 0;
text-align: right;
color: #79AFCD;
}
.post .entry {
padding: 25px 20px 0 12px;
background: url(images/img07.jpg) no-repeat;
}
.post .meta {
padding: 15px 12px;
background: url(images/img08.jpg) no-repeat left bottom;
}
.post .meta b {
display: none;
}
.post .more, .post .comments {
padding: 0 30px 0 20px;
}
.post .more {
background: url(images/img09.gif) no-repeat left center;
}
.post .comments {
background: url(images/img10.gif) no-repeat left center;
}
/* About Box */
#about-box {
width: 185px;
height: 162px;
padding: 70px 37px 0 35px;
background: url(images/img11.jpg) no-repeat left bottom;
}
#about-box h2 {
margin-bottom: 25px;
font-size: 18px;
font-weight: normal;
}
#about-box p {
font-size: 12px;
}
/* Sidebar */
#sidebar {
float: right;
width: 274px;
background: url(images/img05.jpg) no-repeat;
}
#sidebar ul {
width: 206px;
margin: 0;
padding: 0 0 0 30px;
list-style: none;
}
#sidebar li {
}
#sidebar li ul {
width: auto;
padding: 0 15px 0 10px;
}
#sidebar li li {
padding: 5px 0 5px 0;
background: url(images/img13.gif) repeat-x;
}
#sidebar li li.first {
padding-top: 0;
background: none;
}
#sidebar li h2 {
font-size: 18px;
padding: 30px 0 40px 10px;
background: url(images/img12.jpg) no-repeat left bottom;
}
/* Footer */
#footer {
padding: 30px 0;
}
#footer p {
text-align: center;
font-size: 12px;
color: #83B3CE;
}
#footer a {
color: #83B3CE;
}
/*
Design by NodeThirtyThree <http://www.nodethirtythree.com>
Published by Free CSS Templates <http://www.freecsstemplates.org/>
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
margin: 0;
padding: 0;
background: #F4FBFF url(images/img01.jpg) repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #405A67;
}
h1, h2, h3 {
margin: 0;
font-weight: normal;
color: #4F6977;
}
h1 {
letter-spacing: -1px;
font-size: 44px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 16px;
}
p, ul, ol {
margin: 0 0 1.5em 0;
line-height: 1.5em;
text-align: justify;
}
p {
}
blockquote {
font-style: italic;
}
ul {
}
ol {
}
a {
color: #38B5F1;
}
a:hover {
text-decoration: none;
}
small {
}
hr {
display: none;
}
img {
border: none;
}
img.left {
float: left;
margin: 0 15px 0 0;
}
img.right {
float: left;
margin: 0 0 0 15px;
}
/* Header */
#header {
width: 954px;
height: 183px;
margin: 0 auto;
background: url(images/img02.jpg);
}
/* Logo */
#logo {
float: left;
}
#logo h1, #logo h2 {
float: left;
text-transform: lowercase;
color: #FFFFFF;
}
#logo h1 {
padding: 115px 0 0 50px;
font-weight: bold;
}
#logo h2 {
padding: 143px 0 0 8px;
font-size: 14px;
font-weight: bold;
}
#logo a {
text-decoration: none;
color: #FFFFFF;
}
/* Menu */
#menu {
float: right;
}
#menu ul {
margin: 0;
padding: 140px 20px 0 0;
list-style: none;
line-height: normal;
}
#menu li {
display: inline;
}
#menu a {
padding: 0 28px 0 0;
text-transform: lowercase;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
/* Page */
#page {
width: 954px;
margin: 0 auto;
background: #FFFFFF url(images/img03.jpg) repeat-y;
}
#bg {
background: url(images/img06.jpg) no-repeat left bottom;
}
/* Content */
#content {
float: left;
width: 680px;
background: url(images/img04.jpg) no-repeat;
}
/* Posts */
.post {
width: 606px;
padding: 30px 0 0 48px;
}
.post .title {
padding: 0 0 0 12px;
}
.post .title a {
color: #4F6977;
}
.post .date {
margin: -26px 25px 15px 0;
text-align: right;
color: #79AFCD;
}
.post .entry {
padding: 25px 20px 0 12px;
background: url(images/img07.jpg) no-repeat;
}
.post .meta {
padding: 15px 12px;
background: url(images/img08.jpg) no-repeat left bottom;
}
.post .meta b {
display: none;
}
.post .more, .post .comments {
padding: 0 30px 0 20px;
}
.post .more {
background: url(images/img09.gif) no-repeat left center;
}
.post .comments {
background: url(images/img10.gif) no-repeat left center;
}
/* About Box */
#about-box {
width: 185px;
height: 162px;
padding: 70px 37px 0 35px;
background: url(images/img11.jpg) no-repeat left bottom;
}
#about-box h2 {
margin-bottom: 25px;
font-size: 18px;
font-weight: normal;
}
#about-box p {
font-size: 12px;
}
/* Sidebar */
#sidebar {
float: right;
width: 274px;
background: url(images/img05.jpg) no-repeat;
}
#sidebar ul {
width: 206px;
margin: 0;
padding: 0 0 0 30px;
list-style: none;
}
#sidebar li {
}
#sidebar li ul {
width: auto;
padding: 0 15px 0 10px;
}
#sidebar li li {
padding: 5px 0 5px 0;
background: url(images/img13.gif) repeat-x;
}
#sidebar li li.first {
padding-top: 0;
background: none;
}
#sidebar li h2 {
font-size: 18px;
padding: 30px 0 40px 10px;
background: url(images/img12.jpg) no-repeat left bottom;
}
/* Footer */
#footer {
padding: 30px 0;
}
#footer p {
text-align: center;
font-size: 12px;
color: #83B3CE;
}
#footer a {
color: #83B3CE;
}
normalement tu doit avoir des bloc div avec comme id : logo,page,bg, etc
achaque fois que tu as un dieze devant un debut d'accolade c'est que tu doit avoir un bloc div.
voici le code pour le bloc div logo :
achaque fois que tu as un dieze devant un debut d'accolade c'est que tu doit avoir un bloc div.
voici le code pour le bloc div logo :
<!--code html-->
<div id="logo">
<!-- l'image du logo -->
</div>
<!-- code css -->
#logo{
float : left;
}
