Insérer un code HTML dans le CSS

Fermé
Mimi - 11 juin 2010 à 16:25
 Profil bloqué - 11 juin 2010 à 16:30
Bonjour,
Je suis en train de créer un site et je bloque sur le design...En effet j'ai une bannière animée (pour la mettre en haut de mon site)...Et n'étant pas une image quelconque il faut un code. J'ai donc un code HTML,mais je ne sais pas comment insérer ce code sur ma feuille CSS...Ma feuille CSS étant la suivante (parce que j'ai le thème entier mais je veux changer le haut en mettant ma bannière):
[spoiler]/* Configuration générale du site (police de caractère et taille par défaut, fond d'écran (couleur ou image), etc.) */
body {
margin:0px;
padding:0px;
text-align:center;
background-color: #f5e2b8;
color:#222222;
font: 13px "Trebuchet MS", Helvetica, Arial, sans-serif, Verdana;
}
#body {
width:100%;
margin:0px;
padding:0px;
text-align:center;

background-repeat:repeat-x;background-position:top left; background-attachment: scroll;
background-image: url(http://www.e-monsite.com/im/fondv3/2840-87448014background-png.png);
background-color: #f5e2b8;
}

/* liens par défaut */
a{
color:#222222;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}

/* Images */
img{
border:0;
}

/* Titre du site dans le bloc header */
#header h1,#header p {
margin:0 0 0 0;
padding:0 5px 0 5px;
font-size:60px;
line-height:normal;
font-family:Trebuchet MS;
color:#222222;
text-align:left;
display:none;
font-weight:bold; }

/* Titre des rubriques et des modules dans le bloc contenu */
#contenant #contenu h2,#contenant #contenu h1 {
margin:0 0 20px 0;
padding:3px;
text-align:left;
font-size:26px;
color:#222222;
font-weight:bold;
background-image: url(http://www.e-monsite.com/);
background-repeat:no-repeat;background-position:center center; line-height: normal;
}

/* Titre des rubriques dans le contenu avec un lien */
#contenant #contenu h2 a,#contenant #contenu h1 a {
color:#222222;
text-decoration:none;
}
#contenant #contenu h2 a:hover,#contenant #contenu h2 a:hover {
text-decoration:underline;
}

/* Style à utiliser pour faire des sous-titres dans les pages */
#contenant #contenu h3 {
margin:20px 0 0 0;
padding:0;
text-align:left;
font-size:16px;
font-weight:bold;
clear:both;
}
#contenant #contenu h3 a {
text-decoration:none;
}

/* Titre des sujets du forum sur la page du sujet */
#contenant #contenu table.forum-lire h4 {
margin:0 0 0 0;
padding:0 0 0 20px;
font-size:17px;
background: url(http://www.e-monsite.com/rep/im/script.png left no-repeat;
}

/* Titre H4 */
#contenant #contenu h4 {
margin:20px 0 0 0;
padding:0;
text-align:left;
font-size:15px;
clear:both;
}

/* titre H5 */
#contenant #contenu h5 {
margin:0;
padding:0;
font-size:13px;
}

/* Barre se séparation dans le contenu */
#contenant #contenu hr {
border: none 0;
border-top: 1px solid #222222;
width: 100%;
height: 1px;
}

ul.formulaire {
list-style-position: outside;
list-style-type:none;
margin:0;
}

/* FORMULAIRES PAR DEFAUT*/
form { }
label { }
input {
padding:2px;
}
select, option { }
textarea {
padding:2px;
}
/* FIN FORMULAIRES PAR DEFAUT*/


/* BLOC EDITABLE POUR LES VERSIONS PRO EN HAUT DU SITE */
#hautvpro
{
width:100%;
text-align:center;
font: 13px Trebuchet MS, Helvetica, Arial, sans-serif, Verdana;
color:#222222;
}
#hautvpro a
{
color:#222222;
text-decoration:none;
margin:0;
padding:0;
}
#hautvpro a:hover
{
color:#222222;
text-decoration:underline;
}
/spoiler...etc

Voilà en espérant mettre fait comprendre...Merci^^
A voir également:

1 réponse

Profil bloqué
11 juin 2010 à 16:30
Tu veux mettre du HTML dans du CSS ?

Il est impossible de faire cela, tu peux par contre mettre du CSS dans du HTML =)


<html>
<head>
  <title>Je suis de retour</title>
  <style type="text/css">
  body {
    color: purple;
    background-color: #d8da3d }
  </style>
</head>

<body>
...
1