CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! | |  Kara.Mel 
{ Membre }
 Messages : 12
 | Désolée si je ne suis pas dans le bon sujet (et dieu que c'est certainement le cas --' )
Amis du jour, Bonjour. Amis du Soir, Bonsoir, Amis du Sexe, Durex.
Au risque d’avoir l’air cruche (Ce que je ne nie pas du tout) je vais vous poser une question bête. Comment installer un Header de fond ? Car oui, les bannières c’est bien joli mais voilà, c’est petit et cette chère Mel est du genre à se compliquer la vie.
Le problème c’est que :
Quand je mets mon header de fond en fond, il (comprenez le génie de forumactif qui fait tout pour me compliquer la vie) me mets l’image en pleins milieu, derrière le forum et bref ca fait pas joli.
Par un autre moyen que j’ai oublié il me le mets en fond et lorsque je descends, le header se déplace derrière le forum (or je veux qu’il reste en haut et qu’il disparaisse quand je suis tout en bas)
Ou alors quand j’enlève fond de page fixe pour que la bannière ne soit plus ben… fixe, le header se multiplie…
Et quand je le mets en image, le forum prend la taille de la bannière Argh je m’énerve pour rien…
Bref je suis une grosse cruche qui se sert du CSS et du HTML comme… je n’ai pas le mot là mais j’éditerais si je le trouve uu’. Ensuite j’espère que vous avez compris le problème vu que mes explications ont très magnifiquement claires… En gros la question c’est : Comment on met un header de fond, ca passe par le CSS ? Le HTML ? Aucun des deux ? Je sais que c’est possible vu que tout le monde (sauf moi) le fait… Je pense avoir tout dit et si j’ai mal expliqué, dites-le, j’essayerai de mieux vous faire comprendre la chose mais contentez vous de répondre à ma question 
Merci à toutes les âmes charitables et généreuses qui prendront le temps de me lire (aa’)
Mel’
|
Dernière édition par Kara.Mel le Dim 19 Sep 2010, 08:25, édité 1 fois | |
|  | | Pull_up_Style
{ Membre }
 Messages : 86
| Essaye directement par css comme ceci: - Code:
-
.body{
background-attachment: fixed;
background-position: top center;} Tu met l'image de fond dans affichage -> Gestion des image ---> Image de fond. | | |
| | | | Kara.Mel
{ Membre }
Messages : 12
| Coucou : D Merci totu d'abbord ! Mais ca me donne ça : - Spoiler:
https://nsa19.casimages.com/img/2010/09/15/100915053222476773.png
| | |
| | | | Pull_up_Style
{ Membre }
Messages : 86
| Et si tu ajoute une bannière transparente? Que tu met la ou on met une bannière habituellement. Edit: As-tu regarder ce tutoriel -> Clique | | |
| | | | Kara.Mel
{ Membre }
Messages : 12
| J'ai tout essayé, le tutoriel (réalisé d'ailleurs) la bannière y est depuis le début ^^ ! Je sais, je suis quelqu'un qui est dure de la feuille.... | | |
| | | | Kimi Sâto
{ Membre actif }
Messages : 335
| Je suis désolée, mais je vois ta bannière ainsi que ton image transparente parfaitement bien sur ton forum...Tu as réglé le problème?Si ce n'est pas le cas, c'est sûrement du à ton navigateur, mais à ce moment là ._. je ne sais pas du tout si on peut le régler...
Bisous~ | | |
| | | | Kara.Mel
{ Membre }
Messages : 12
| C'est que ca doit être mon naviguateur car ni Explorer ni Opera ne voit ca bien. Ma bannière je la voie, le problème c'est qu'elle ne disparait as quand on descend --' | | |
| | | | Pull_up_Style
{ Membre }
Messages : 86
| Si tu veux qu'elle reste en haut retire le "fixed" dans le css je pense ^^ | | |
| | | | Kara.Mel
{ Membre }
Messages : 12
| Voici mon CSS : - Code:
-
body {
margin : 0px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 21px; /* on positionne notre infobulle */
left: 15px;
background: #C1B1DA; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#couleur;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}
.spoiler_closed{
background-image: url(http://up4u.free.fr/images/pa1c6rzkt14678jqxhv5.gif); /*--- Image de la corbeille ---*/
border:1px #000000 dashed; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #000000; /* couleur du texte blanche */
}
.spoiler_content{
background-image: url(http://up4u.free.fr/images/pa1c6rzkt14678jqxhv5.gif); /*--- Image de la corbeille ---*/
border:1px #000000 dashed; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #000000; /* couleur du texte blanche */
}
.quote {
background-color: #6D5E5E; /* couleur noire du fond */
border:3px #ffffff dashed; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #FFFFFF; /* couleur du texte blanche */
}
.otherstaff {
background-image: url(http://nsa19.casimages.com/img/2010/08/25/100825060929369417.png); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #D09436; /*--- Couleur de fond ---*/
border: 1px solid #EABB70; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
.verouille {
background-image: url(http://nsa20.casimages.com/img/2010/08/25/100825055950560913.png); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #F5D35F; /*--- Couleur de fond ---*/
border: 1px solid #A6600C; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
.corbeille {
background-image: url('http://www.dzvet.net/forum/images/corb.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #88BDDC; /*--- Couleur de fond ---*/
border: 1px solid #FFFFFF; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
.forumline{
border: 1px #4F4F4F
dashed;
}
.code {
background-image: url("http://i30.servimg.com/u/f30/15/20/43/89/no12.png");
border:1px #ffffff dashed; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #ffffff; /* couleur du texte blanche */
}
a.forumlink:link, a.forumlink:visited {
font-family: arial;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #584684;
color: #696BAE;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://nsa19.casimages.com/img/2010/08/28/100828021106308520.jpg");
color: #A995CB;
text-align: center;
display: block;
border-bottom: 5px solid #985DB6;
moz-border-radius:10px;
}
.forumline{
border: 1px #8d8d8d
dashed;
}
u{border-bottom: 1px dotted;border-color:#a9b841;text-decoration: none
}
I{border-bottom:none; color:#999999;text-decoration: none
}
a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #431982;
}
.bodylinewidth {
width:60%}
a img {
border: none;
}
a.cattitle{
text-decoration: none;
color : #8850AF;
}
a.cattitle:hover{
text-decoration: none;
}
.forumlink{
font-weight: bold;
font-size: 12px;
color : #8850AF;
}
a.forumlink {
text-decoration: none;
color : #8850AF;
}
a.forumlink:hover{
text-decoration: none;
color : #8850AF;
}
a.nav{
text-decoration: none;
color : #8850AF;
}
a.nav:hover{
text-decoration: none;
}
a.topictitle:visited{
text-decoration: none;
color : #8850AF;
}
a.topictitle:hover{
text-decoration: none;
color : #8850AF;
}
a.postlink:hover{
text-decoration: none;
color : #8850AF}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color:#999999;
text-decoration: none;
}
a.mainmenu{
text-decoration: none;
color : #ffffff;
}
a.mainmenu:hover{
text-decoration: none;
color : #CACACA;
}
a.copyright:hover {
color: #dba1c1;
text-decoration: none;
}
a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #000009; }
a:hover{text-transform:uppercase;}
.quote{
font-family: Tahoma;
font-size: 12px;
color:#d4d4d2 ;
line-height: 125%;
background-color: #d4d4d2;
border: #cfcdce;
border-style: solid;
border: 1px #a08491
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
Je ne vois rien qui puisse intervenir dans le fixage de l'image, je sais, je sais, je suis une chieuse chiante et une boulette bouletteuse. | | |
| | | | Imari
{ Membre hyper-actif }
Messages : 1538
| Et en essayant de rajouter ceci dans le css ? - Code:
-
#i_logo {
height:350px;
} Bien sûr, la valeur reste à modifier selon la hauteur ^^ | | |
| | | | Kara.Mel
{ Membre }
Messages : 12
| Coucou : D
J'ai trouvé un moyen de le faire ^^
MErci à tous tout de même je me rappelerais de ta proposition lorsque je voudrais mettre le prochain header (vu que celui ci n'en ai pas vraiment un ^^)
Vous pouvez "résoudre"! | | |
| | | | Contenu sponsorisé
| | | | | |
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
