Problème de code pour la PA

2 participants

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

Résolu Problème de code pour la PA

Message par Misao Dim 4 Nov 2012 - 1:51

Re à tous.
C'est encore moi désolée.


Voila, je viens d'installer ma nouvelle PA, j'ai utilisé un code en libre service.
Mais j'ai un soucis, vers le bas de la PA, ça "dépasse."

Voici le rendu :

Spoiler:

Voici le code CSS de la PA (s'il faut, j'ai aussi le code de la PA elle-même)

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:#eeeeee;
  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:#3A3132;
  border-bottom: 3px solid #cccccc;
  padding:5px;
  }

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

.presentation { /* CADRE TURQUOISE " PRÉSENTATION " */
  margin-right:-4px;
    margin-left:-10px;
  background-color:#3A3132;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  box-shadow: 0px 0px 5px #3A3132;
  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;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border-bottom: 3px solid ;
  border-left: 3px solid ;
  border-right: 3px solid ;
  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:#3A3132; 
  font-size:12px;
  text-align:center;
  text-shadow:0px 0px 3px #666;
  margin-left:15px;
  margin-top:12px;
  padding: 3px;
  }

.navigation:hover {
  background-color:#fff15f;
  text-shadow:0px 0px 3px #fff;
  letter-spacing:1px;
  border-bottom:2px solid #ffd05f;
  }

.navigation a {color:#FFF} /* COULEUR DES LIENS */
.navigation a:hover {color:#F60} /* 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:#3A3132;
  padding-top:8px;
  padding-bottom:8px;
  padding-right:10px;
  box-shadow: 1px 0px 4px #000;
  border-left:thin solid #000;
  text-align:center;
    }

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

.titre3:hover {
  color:#d6c8f5;
  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 ;
  border-bottom:3px solid ;
  }

.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;#3A3132;
  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://img11.hostingpics.net/pics/212527874614Partenaires.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 ;
  border-right: 3px solid ;
  border-left: 3px solid ;
  }

.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:#b5b5b5;
  padding:10px;
  text-shadow: 0px 0px 4px #000;
  text-align:center; }
.credits a {color:#e2007a;}
.credits a:hover {color:#ea69a0;}
 
/* ********************* FIN DU CODE DE LA PA ********************* */

Merci d'avoir regardé ^^


Dernière édition par Misao le Dim 4 Nov 2012 - 11:35, édité 1 fois
avatar

Misao
**

Messages : 72
Inscrit(e) le : 20/04/2011

http://spidia.fr-bb.com/
Misao a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code pour la PA

Message par FANCH 56 Dim 4 Nov 2012 - 9:05

Bonjour

Diminue le height jusqu'à obtention de la bonne hauteur.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code pour la PA

Message par Misao Dim 4 Nov 2012 - 11:34

J'ai réussi !

Un tout grand merci pour votre conseil. Moi je n'ose jamais toucher au code sans savoir sous peine de tout mettre en l'air, lol.


Merci encore Smile
avatar

Misao
**

Messages : 72
Inscrit(e) le : 20/04/2011

http://spidia.fr-bb.com/
Misao a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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