Problème de code pour la PA
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème de code pour la PA
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 :
Voici le code CSS de la PA (s'il faut, j'ai aussi le code de la PA elle-même)
Merci d'avoir regardé ^^
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
Re: Problème de code pour la PA
Bonjour
Diminue le height jusqu'à obtention de la bonne hauteur.
Diminue le height jusqu'à obtention de la bonne hauteur.
Re: Problème de code pour la PA
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
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
Sujets similaires
» Problème avec le code Javascript pour le feu d'artifice (code pour les fêtes)
» Problème avec un code html pour mettre une horloge sur mon forum pour Dragon1973
» Problème de code pour partenariat
» Problème avec un code pour la PA
» Problème pour changer le code Css
» Problème avec un code html pour mettre une horloge sur mon forum pour Dragon1973
» Problème de code pour partenariat
» Problème avec un code pour la PA
» Problème pour changer le code Css
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum