header de fond caché

par mlle Dim 11 Nov 2012 - 12:44

Bonjour

J'ai fait utilisé un header de fond mais il est aché par je ne sais quoi, catégorie, couleur enfin bref, j'ai tout essayé pour l'enlever mais j'y arrive pas, vous pourriez m'aider s'il vous plait ? Siffleur

https://2img.net/r/hpimg15/pics/874704photo3.jpg

par Invité Dim 11 Nov 2012 - 12:49

Salut mlle,
tu as procédé de quelle façon pour ton Header stp?

Tu es en phpbb2?
a++

par mlle Dim 11 Nov 2012 - 13:06

j'ai mis

Code:: /*HEADER*/ body{ background-position: top center; background-repeat: no-repeat; background-attachment: scroll; } .ban1 { background-image: url('http://img15.hostingpics.net/pics/605863rulesbroken1.png'); } .ban2 { background-image: url('http://img15.hostingpics.net/pics/855623rulesbroken2.png'); } .ban3 { background-image: url('http://img15.hostingpics.net/pics/605863rulesbroken1.png'); }

dans la feuille de style css et j'ai mis

Code:: <script type=text/javascript> var banListe=['1','2','3']; document.write('<body class=ban' + banListe[Math.floor(Math.random()*banListe.length)] +'>'); </script>

dans la description du forum ^^
et je suis en Phpbb 2 I love you

par Invité Dim 11 Nov 2012 - 13:20

Re,
ok mais tu as créé une page web ou tu as déposé le code html dans un template
ton script est censé faire quoi stp car je suis une vrai quiche dans ce domaine Very Happy

(enfin presque Wink

)

a++

par mlle Dim 11 Nov 2012 - 13:37

je n'ai pas utilisé les templates ni les pages HTML j'a juste posé les deux codes comme je l'ai précisé dans mon deuxième post I love you

par Invité Dim 11 Nov 2012 - 20:11

Re,
désole mais je connais pas ce procédé,
il vaudrait créér une page HTML et insérer le lien de
cette dernière dans une iframe Wink

.

a++

par mlle Lun 12 Nov 2012 - 16:34

ça m'aide pas vraiment... tu pourrai m'expliquer comment tu as fait ?

& quelqu'un à une autre solution à mon problème ?

par Invité Lun 12 Nov 2012 - 16:45

Re,
je viens de comprendre Very Happy

(il me faut du temps parfois Very Happy

).

Je regarde de mon côté Wink

.

a++

par mlle Lun 12 Nov 2012 - 16:46

Merci

par Invité Lun 12 Nov 2012 - 16:51

Re,
En fait le script est censé faire une animation ?

a++

par mlle Lun 12 Nov 2012 - 17:06

non pas du tout I love you

par Invité Lun 12 Nov 2012 - 17:09

Re,
tu as trois images dont 2 identiques dans le code Neutral

Désires tu n'avoir que celle ci:

header de fond caché 605863rulesbroken1

a++

par mlle Lun 12 Nov 2012 - 17:19

ah non pardon j'avais pas compris ta question *se cache*
il y a trois header aléatoire ^^

par Invité Lun 12 Nov 2012 - 17:36

Re,
Ok tu peux donner le lien de ton forum stp Wink

a++

par mlle Lun 12 Nov 2012 - 17:37

bien sur

par Invité Lun 12 Nov 2012 - 17:47

Re,
ok merci, on va commencer par supprimer la couleur nacrée qui cache une partie ..

Dans ton PA :
Passes en mode avancé en cliquant sur : header de fond caché 1110

Affichage/Images et couleurs/Couleurs/Couleurs

Les couleurs de fond

Couleur intérieure du cadre du forum : supprime le contenu
Je te donne la suite dans quelque instant Wink

a++

par mlle Lun 12 Nov 2012 - 17:59

c'est fait I love you

par Invité Lun 12 Nov 2012 - 18:11

Re,
j'ai du travail pour toi Very Happy

.

N'est crainte ça parait compliqué mais en fait , c'est tout simple si tu prends le temps Wink

.

Allez courage Wink

:

On va créer un script:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Pour le titre mets ceci: bannière aléatoire

Dans le bloc insères ceci:

Code:: jQuery().ready(function(){ var bann = new Array (); // on donne les liens de chaque bannière bann[0] = "http://i43.servimg.com/u/f43/16/03/32/63/60586310.jpg"; bann[1] = "http://i43.servimg.com/u/f43/16/03/32/63/85562310.jpg"; bann[2] = "http://i43.servimg.com/u/f43/16/03/32/63/60586310.jpg"; var i = Math.floor(3*Math.random()); document.getElementById("bann").innerHTML = "<a href=\"http://testneedblood.forumgratuit.ch/\"><img src=\""+bann[i]+"\" alt=\"Index\" border=\"0\"></a>"; });

Cliques ensuite sur valider et reviens sur la page des scripts et regarde le lien correspondant

header de fond caché 119

Sélectionne le lien et insères à la place de LIEN DU SCRIPT JS :

Code:: <script src="LIEN DU SCRIPT JS"></script>

ensuite on passe dans le template overall_header

Affichage/Templates/Général/ overall_header

Juste avant la balise

Code:: </head>

colle ceci

ton script avec le bon lien js

Code:: <script src="LIEN DU SCRIPT"></script> <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

Ensuite toujours le même template:
recherches ceci :

Code::  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> <br />

Supprimes ce code et remplace par:

Code::  <div id="bann"></div>

Pense a enregistrer les modifications en cliquant respectivement sur et header de fond caché Ajouter2024

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Dépose ceci:

Code:: body {background-color: rgb(255, 230, 204);} .bodyline {border:none; }

Pense bien à valider les modifications en cliquant sur le bouton "Valider".

Actualises ton navigateur en appuyant simultanément sur les touches Ctrl et F5 Wink

et admire le travail Very Happy

.
a++

par mlle Lun 12 Nov 2012 - 18:25

merci beaucoup mais le problème c'est que ça déforme ma page, je voudrai qu'elle soit à la bonne taille et pour cela il faut que le header soit on fond mais le fond lui est toujours blanc

par Invité Lun 12 Nov 2012 - 18:29

Re,
Je n'ai pas de déformation de mon côté avec une largeur de 70%.

As tu ajouté la css ?
as tu une css personnalisée , si oui tu peux donner le contenu stp .

a++