Insérer un code HTML dans le CSS
Mimi
-
Profil bloqué -
Profil bloqué -
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^^
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:
- Insérer un code HTML dans le CSS
- Code ascii - Guide
- Insérer vidéo dans powerpoint - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Insérer signature word - Guide
- Insérer un espace insécable dans word - Guide