Comment enlevée le fond de la PA

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment enlevée le fond de la PA

Message par CathyCréation le Lun 2 Juil 2012 - 15:29

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

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

http://accrosgraph.forumactif.com
CathyCréation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment enlevée le fond de la PA

Message par Psyaliah le Lun 2 Juil 2012 - 15:55

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

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment enlevée le fond de la PA

Message par CathyCréation le Lun 2 Juil 2012 - 18:39

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
****

Messages : 272
Inscrit(e) le : 20/10/2011

http://accrosgraph.forumactif.com
CathyCréation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment enlevée le fond de la PA

Message par CathyCréation le Mar 3 Juil 2012 - 14:22

petit up

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

http://accrosgraph.forumactif.com
CathyCréation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment enlevée le fond de la PA

Message par Invité le Mar 3 Juil 2012 - 15:24

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment enlevée le fond de la PA

Message par CathyCréation le Mar 3 Juil 2012 - 19:56

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.

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

http://accrosgraph.forumactif.com
CathyCréation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment enlevée le fond de la PA

Message par mimizz le Mar 3 Juil 2012 - 20:02

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 Wink .

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 Smile

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

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

mimizz
**

Féminin
Messages : 64
Inscrit(e) le : 01/05/2007

http://www.graph-forum.com
mimizz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment enlevée le fond de la PA

Message par CathyCréation le Mar 3 Juil 2012 - 20:56

super merci beaucoup
sa fonctionne
résolu

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

http://accrosgraph.forumactif.com
CathyCréation a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum