Problème de fiche
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 fiche
Hellow,
Je reviensen force pour demander de l'aide
ALors voilà , sur mon forum test ma fiche de présentation apparaît parfaitement
Et maintenant que je l'installe sur un autre forum regardez comment ma fiche apparaît
Si quelqu'un pourrai m'aider voici le CSS & le code de la fiche
Merci d'avance à la personne qui voudra bien m'aider ^^
Je reviens
ALors voilà , sur mon forum test ma fiche de présentation apparaît parfaitement
- Spoiler:
Et maintenant que je l'installe sur un autre forum regardez comment ma fiche apparaît
- Spoiler:
Si quelqu'un pourrai m'aider voici le CSS & le code de la fiche
- Spoiler:
- LE CSS
- Code:
/* INFOBULLE */
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
left: 15px;
background-color: #ffffff; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
font-size: 11px;
/* bordures de votre infobulle*/
-moz-border-radius:7px;
border-color: #577889;
border: #577889;
border-style: solid;
border-left-width: 2px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border: 2px #577889;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}
body { cursor: crosshair }
a:hover { cursor:ne-resize; }
u{border-bottom: 1px double;border-color:#7d0213;
-moz-border-radius:6px;}
I{border-bottom:none; color:#7d0213;text-decoration: none
}
a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}
a.mainmenu {
font-family: serif;
text-align: center;
font-size: 70%;
background-color: #FFFFFF;
color: #646B82;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}
a.mainmenu:hover {
background-image: url("http://img11.hostingpics.net/pics/240544Sanstitre1.png");
text-align: center;}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-color: #ffffff ;
border: #577889;
border-style: solid;
border-left-width: 2px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border: 2px #577889;
dotted;
-moz-border-radius:6px;}
input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}
.statistiques{
border:0px;
background-image: url("http://i20.servimg.com/u/f20/16/60/66/71/sans_t10.jpg");
background-repeat: no-repeat;
background-position: center;
height:260px;}
.groupes{
background-color:#FFFFFF;border: 1px #7993a1 dotted;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}
.groupe{
background-color:#FFFFFF;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
text-decoration: none !important;
}
.boxtitle{
font-family: serif;
text-align: center;
background-image: url("http://up4u.free.fr/images/yf3ekbnukaypoo87i.png");
font-size:15px;
border-bottom: 3px double #363642;
color: #363642;
display: block;}
.box {
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
color:#363642;
font-size:11px;
margin:0;
padding:3px 10px;
}
.main
{font-family: serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;;
border-bottom: 2px solid #577889;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}
.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid;
}
a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 5px;
left: 15px;
background: #363642;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #ffffff;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #363642;
}
tr.post span.gensmall { display: none; }
th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}
bod {
background-repeat: no-repeat;
background-position: none;
}
.forumline {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #00000;
box-shadow: 0px 0px 3px #000000;
background-color: #eef9fc;
border : 1px solid #4e7682;
padding:7px;
margin-bottom: 20px;
}
.bodyline{
border-right: 5px solid #577889;
border-left: 5px solid #577889;
margin: -40px auto -40px auto;
padding-top: 0px;
bottom: 0px;
}
.bodylinewidth {
max-width: 810px!important;}
/* NAVIGATION EN HAUT */
.navtop {
top : 0px;
right : 0px;
left : 0px;
position : fixed ;
width : 100% ;
background-color : #F5F0F0 ;
border-bottom : 1px solid #FfFfff;
-moz-box-shadow: 0px 2px 2px #000000;
-webkit-box-shadow: 0px 2px 2px #000000;
box-shadow: 0px 2px 2px #000000;
font-family: georgia;
letter-spacing: 2px;
}
.opacite {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacite:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
a.mainmenu {
font-size: 16px;
text-align : left ;
color: #DEA0BC;
text-shadow: 0px 0px 6px #ffffff;
font-weight: normal;
font-family : Script MT Bold ;
letter-spacing: 2px;
}
a.mainmenu:hover{
color: #A280B0;
letter-spacing: 3px;
text-shadow: 0px 0px 6px #ffffff;
}
/* PROFIL DES MEMBRES */
/* Profil Masqué */
.profilmasque {
text-align:left;
padding:8px;
-moz-border-radius:10px;
background-color: #F0F2FA;
border:1px solid #A280B0;
border-right:3px solid #A280B0;
border-left:3px solid #A280B0;
font-size: 12px;
}
.description {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #00000;
box-shadow: 0px 0px 2px #000000;
padding-left: 20px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
margin-left:12px;
margin-bottom:10px;
}
.vignette {
background-color : #F5F0F0;
-moz-border-radius : 20px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #00000;
box-shadow: 0px 0px 2px #000000;
}
a {
text-decoration: none!important;
}
a:hover {
text-decoration: none!important;
letter-spacing: 2px;}
/* TITRES DES CATEGORIE */
a.forumlink:link, a.forumlink:visited {
font-size: 14px;
text-align : left ;
color: #4e7682;
text-shadow: 0px 0px 6px #ffffff;
font-weight: normal;
font-family : Georgia;
letter-spacing: 2px;
padding-left: 20px;
padding-right: 3px;
padding-top: 3px;
margin-left:12px;
margin-right:12px;
display: block;
background-image: url("http://i28.servimg.com/u/f28/16/28/14/94/barre10.png");
background-repeat: no-repeat;}
a.forumlink:hover, a.forumlink:hover:visited {
color: #000000;
letter-spacing: 3px;
text-shadow: 0px 0px 6px #ffffff;
}
/* ASCENSEUR */
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 40px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 5px; /*--- On le place à 0px de la gauche de l'écran ---*/
}
table.bodylinewidth {
position: relative;
bottom:+20px;
}
/* VIGNETTES SOUS FORUMS */
.vignettes
{-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
color : #000000;}
/////PRESENTATION//////
.bbox{
background-color:#718582;
width:600px;
}
.identitebox{
background-color:#FFFFFF;
margin: auto;
padding-right:5px;
width: 500px;
height: 100px
padding: 10px;
color: black;
text-align: justify;
font-size: 11px;
font-family: Trebuchet MS;
border-right: 2px solid #577889;
border-left: 2px solid #577889;
border-bottom: 2px solid #577889;
-moz-border-radius: 0px 0px 12px 12px ;
-webkit-border-radius: 0px 0px 12px 12px ;
border-radius: 0px 0px 12px 12px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;}
.icon {
float: left;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
margin-top:5px;
}
.title {
padding-right:5px;
background-color:#d3e9ec;
width: 500px;
color: #718582;
font-family: georgia;
font-size: 22px;
margin: auto;
text-align: center;
border-right: 2px solid #577889;
border-left: 2px solid #577889;
border-top: 2px solid #577889;
border-bottom: 2px solid #ebcbae;
-moz-border-radius: 12px 12px 0px 0px ;
-webkit-border-radius: 12px 12px 0px 0px ;
border-radius:12px 12px 0px 0px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;}
.title_1 {
padding-right:5px;
background-color:#d3e9ec;
width: 500px;
color: #718582;
font-family: georgia;
font-size: 22px;
margin: auto;
text-align: center;
border-bottom: 2px solid #ebcbae;
}
La fiche- Code:
<div class="title">Nom & Prénom</div><div class="identitebox"><img class="icon" src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"></img>
• [size=14][b]Nom[/b][/size] » Le nom de famille de votre personnage, en rapport avec sa nationalité si possible
• [size=14][b]Prénom[/b][/size] » Le(s) prénom(s) de votre personnage
• [size=14][b]Surnoms[/b][/size] » Comment votre perso est-il appelé par sa famille, ses amis etc...
[list]• [size=14][b]Date de Naissance[/b][/size] » Jour/Mois/ Année
• [size=14][b]Origines[/b][/size] » Française? Anglaise? Japonaise? Toutes origines acceptées, mais japonaise recommandée
• [size=14][b]Âge & Classe[/b][/size] » Pour en savoir plus ce sujet
• [size=14][b]Orientation sexuelle[/b][/size] » []Hétérosexuel(le) []Homosexuel(le) []Bisexuel(le)[/list]
<div class="title_1">Caractéristiques physiques</div>
[list]•[size=14] [b]| 230 mots minimum. |[/b][/size][/list]
<div class="title_1">Caractéristiques psychologiques</div>
[list]•[size=14] [b]| 230 mots minimum. |[/b][/size][/list]
<div class="title_1">Histoire</div>
[list]•[size=14] [b]| 350 mots minimum. |[/b][/size][/list]</div>
<div class="title">• DERRIERE L'ECRAN •</div><div class="identitebox"><img class="icon" src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"></img>
• [size=14][b]Âge :[/b][/size] »
• [size=14][b]Comment avez vous découvert ce forum ?[/b][/size] »
• [size=14][b]Première impression ?[/b][/size] »
• [size=14][b]Votre présence sur une échelle de 1 à 10 ?[/b][/size] » | 1 : Quasi-absent – 10 : Amoureux du forum. =) |
[list]• [size=14][b]Qu'avez vous mangé dernièrement ?[/b][/size] »| La réponse à cette question se trouve dans le règlement. |[/list]</div>
Merci d'avance à la personne qui voudra bien m'aider ^^
Dernière édition par Reiko le Dim 26 Juin 2011 - 18:44, édité 1 fois
Re: Problème de fiche
bonjour,
votre height: 100px bloque la div à 100px, mettez plutot min-height : 100px
changez ceci dans votre css :
par
cordialement
votre height: 100px bloque la div à 100px, mettez plutot min-height : 100px
changez ceci dans votre css :
- Code:
.identitebox{
background-color:#FFFFFF;
margin: auto;
padding-right:5px;
width: 500px;
height: 100px
padding: 10px;
color: black;
text-align: justify;
font-size: 11px;
font-family: Trebuchet MS;
border-right: 2px solid #577889;
border-left: 2px solid #577889;
border-bottom: 2px solid #577889;
-moz-border-radius: 0px 0px 12px 12px ;
-webkit-border-radius: 0px 0px 12px 12px ;
border-radius: 0px 0px 12px 12px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;}
par
- Code:
.identitebox{
background-color:#FFFFFF;
margin: auto;
padding-right:5px;
width: 500px;
min-height: 100px
padding: 10px;
color: black;
text-align: justify;
font-size: 11px;
font-family: Trebuchet MS;
border-right: 2px solid #577889;
border-left: 2px solid #577889;
border-bottom: 2px solid #577889;
-moz-border-radius: 0px 0px 12px 12px ;
-webkit-border-radius: 0px 0px 12px 12px ;
border-radius: 0px 0px 12px 12px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;}
cordialement
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de fiche
C'était bien ça merci à vous pour cette réponse rapide et efficace ^^.
Sujets similaires
» Problème avec ma fiche de pub
» Problème sur fiche de liens
» Problème fiche de personnage
» problème de fiche HTML
» Problème de code fiche RPG
» Problème sur fiche de liens
» Problème fiche de personnage
» problème de fiche HTML
» Problème de code fiche RPG
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