Comment enlevée le fond de la PA

[CathyCréation]

Bonjour,
voila je voudrais enlevée le fond de ma page d’accueil pour garder juste mon codage de page d'accueil.
Mais les catégories doivent rester tel quel.

Voici un petit screen je voudrais garder que ce qui est entouré donc mon codage et enlevée le fond.



Voici le lien ou il est installé sur mon forum test

http://passioncathy.forumactif.com/forum

Merci de votre aide

[Psyaliah]

Coucou,
Pourrais-tu nous fournir le css de ta page d'accueil ?

[CathyCréation]

oui bien sur
le voici

• Code:

  /* ***************** CSS DE LA PAGE D'ACCUEIL ********************
                  by mimizZ | www.graph-forum.com
  Droit à la modification des couleurs et du fond uniquement
****************************************************************** */

#EnTete {
  position:relative;
  /* largeur et hauteur de l'image */
  width:800px;
  height:500px;
}

#EnTete #Bande {
  position:absolute;
  /* positionnement de la bande par rapport à la page d'accueil */
 left:119px;
  top:100px;
  /* largeur et hauteur de la bande */
  width:531px;
  height:72px;
  background-image: url('http://img15.hostingpics.net/pics/776869Bandeau.png'); 
}

.titre2 { /* TITRE "PRÉSENTATION */
  position:absolute;
  /* positionnement de la banche par rapport à l'image */
  left:175px;
  top:16px;
  font-family:Helvetica Neue;
  text-transform:uppercase;
  color:#535353;
  font-weight:bold;
  font-size:24px;
  letter-spacing:-1px;
  text-shadow:1px 1px 1px #fff;
  }

.titre2:hover {color:#00abea;}

a:link{ cursor:  pointer;}
a, a:hover {text-decoration:none;}




.titre { /* TITRE " BIENVENUE SUR LE FORUM " */
  font-family:Helvetica Neue;
  text-transform:uppercase;
  letter-spacing:-1px;
  font-weight:bold;
  font-size:38px;
  color:#6A3B48;
  text-shadow: 1px 2px 1px #c3c3c3;
  text-align:center;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 40px;
  -webkit-border-bottom-left-radius: 40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 40px;
  -moz-border-radius-bottomleft: 40px;
  border-radius: 10px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background-color:#;
  border-bottom: 5px solid #6A3B48;
  padding:5px;
  }

.titre:hover {letter-spacing:0px;}

.presentation { /* CADRE TURQUOISE " PRÉSENTATION " */
  margin-right:-4px;
    margin-left:-10px;
  background-color:#FF8040;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border-radius: 50px;
  box-shadow: 0px 0px 5px #000;
  width:430px;
  height:auto;
  padding-bottom:8px;
  padding-left:16px;
  padding-right:16px;
  padding-top:50px;
  }

.presentation p { /* ZONE DE TEXTE PRÉSENTATION */
  background-color:#FFF;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border-radius: 50px;
  border-bottom: 3px solid #FF9966;
  border-left: 3px solid #FF9966;
  border-right: 3px solid #FF9966;
  color:#666;
  font-family:calibri;
  font-size:13px;
  text-align:justify;
  padding:20px;
  }

.navigation { /* LIENS */
  font-family:"Courier New", Courier, monospace;
  text-transform:uppercase;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width:125px;
  background-color:#D8F6D2; 
  font-size:12px;
  text-align:center;
  text-shadow:0px 0px 3px #7FA978;
  margin-left:15px;
  margin-top:12px;
  padding: 3px;
  border-bottom:2px solid #6AAA5F;
  }

.navigation:hover {
  background-color:#FBF2BF;
  text-shadow:0px 0px 3px #ffffff;
  letter-spacing:1px;
  border-bottom:2px solid #D4CDA2;
  }

.navigation a {color:#17A900} /* COULEUR DES LIENS */
.navigation a:hover {color:#82D074} /* COULEUR DES LIENS AU SURVOL */
 
.annonces { /* ANNONCES QUI DÉFILENT */
  width:170px;
  max-height:185px;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color:#889FD8;
  padding-top:8px;
  padding-bottom:8px;
  padding-right:10px;
  box-shadow: 1px 0px 4px #ffffff;
  border-left:thin solid #DEFFFE;
  text-align:center;
    }

.titre3 { /* TITRE " ANNONCE " */
  color:#DEFFFE;
  font-size:19px;
  font-family:helvetica neue;
  text-transform:uppercase;
  letter-spacing:-1px;
  font-weight:bold;
  text-align:center;
  text-shadow: 1px 1px 1px #DEFFFE;
  }

.titre3:hover {
  color:#E2E9F3;
  letter-spacing:0px;
  }

.annonces p { /* ZONE DE TEXTE " ANNONCES */
  color:#666;
  font-family:calibri;
  font-size:13px;
  background-color:#FFF;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align:justify;
  padding:8px;
  border-right:3px solid #C5D5EA;
  border-bottom:3px solid #C5D5EA;
  }

.html-marquee {height:125px;} /* PERMET DE LE DÉFILEMENT DES ANNONCES, NE PAS TOUCHER ! */
.html-marquee2 {height:31px;} /* PERMET DE LE DÉFILEMENT DES PARTENAIRES, NE PAS TOUCHER ! */


.partenaires { /* CADRE DES PARTENAIRES + TITRE */
  width:500px;
  background-color:#f39400;
  box-shadow: 0px 0px 5px #000;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding-left:250px;
  padding-right:10px;
  padding-top:1px;
  padding-bottom:1px;
  background-image: url('http://i46.servimg.com/u/f46/11/96/11/35/top11.png');
  background-repeat:no-repeat;
  background-position: left center;
  }

.partenaires p { /* ZONE OÙ LES LOGOS SONT MIS */
  background-color:#FFF;
  height:31px;
  padding:6px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border-bottom: 3px solid #f3c200;
  border-right: 3px solid #f3c200;
  border-left: 3px solid #f3c200;
  }

.partenaires img { /* OMBRE PORTÉE SUR LES LOGOS DE PARTENARIAT */
  box-shadow: 0px 0px 4px #999; }
 
.credits { /* NE PAS ENLEVER ! */
  font-family:calibri;
  font-size:12px;
  color:#F3EBE2;
  padding:10px;
  text-shadow: 1px 1px 1px #000;
  text-align:center; }
.credits a {color:#E2E9F3;}
.credits a:hover {color:#E2E9F3;}
 
/* ********************* FIN DU CODE DE LA PA ********************* */


[CathyCréation]

petit up

[Invité]

Bonjour,

Dans la gestion des codes javascript , mettre ce code avec le titre que voulez sur l'index ou toutes les pages :

Code:

$(function(){
  $('#EnTete').closest('.forumline').addClass('entete2');
  $('#EnTete').closest('.row1').addClass('entete3');
});

Ensuite à placer dans la feuille de style CSS :

Code:

.entete2 {
  border: none;
  background-image: none;
}

.row1.entete3 {
  background: none;
}

Cordialement.

[CathyCréation]

Bonsoir,
j'ai essayée le code sur mon fo' test mais sa fonctionne pas
j'ai mis le code dans le module javascrip et le code css
mais sa ne fait rien.

[mimizz]

Bonjour !

Ce n'est pas mon code qui est lié au problème.
Il me semble qu'il faut toucher aux templates pour supprimer le fond !
Si je retrouve la solution je la poste ici .

Bonne soirée,
mimizZ .

PS : CathyCréation, est-ce que tu peux éditer ton message avec mon code s'il te plaît, et mettre les balises HIDE entre celles de CODE s'il te plaît ?

Code:

[hide][code]CSS de la PA[/code][/hide]

Merci beaucoup

Edit : J'ai trouvé la solution sur School Of Pub, ici

Je viens de tester ça marche.
Bonne Soirée !

[CathyCréation]

super merci beaucoup
sa fonctionne
résolu