[Optimisation d'un forum..]
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 2 sur 3 • Partagez
Page 2 sur 3 • 1, 2, 3
[Optimisation d'un forum..]
Rappel du premier message :
Bonjours,
Voilà , mon forum à des bords arrondis , sauf que il n'est optimiser que pour Mozilla & j'aimerais que pour plus de simplicité , j'aimerais qu'il soit optimisé pour Chrome.. Breff , j'ai beau chercher un code , je ne trouve pas , pourriez vous m'aidez pour pouvoir optimiser mon forum?
Merci.
Bonjours,
Voilà , mon forum à des bords arrondis , sauf que il n'est optimiser que pour Mozilla & j'aimerais que pour plus de simplicité , j'aimerais qu'il soit optimisé pour Chrome.. Breff , j'ai beau chercher un code , je ne trouve pas , pourriez vous m'aidez pour pouvoir optimiser mon forum?
Merci.
Dernière édition par alcantara le Sam 11 Juin 2011 - 22:16, édité 1 fois
Invité- Invité
Re: [Optimisation d'un forum..]
si , index_box ; viewtopic_body & rpg_sheet_edit...
Invité- Invité
Re: [Optimisation d'un forum..]
désolé , je n'avais pas vu l'édition et le changement de page
un nouvel essai
un nouvel essai
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
/* mauvaise position */
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* oubli */
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
.bodyline { border: 10px solid #ffffff; }
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
/* oubli */
.titrefora { border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
.forumline {
border : 1px dashed ##0A0A0A;
}
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
}
/* mauvaise position */
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Re: [Optimisation d'un forum..]
pas grave , donc , avec le nouvel essais certain arrondis prennent formes..
J'aimerais bien avoir les arrondis bleus pour les titres de catégories , sa serait sa qui passe en prioritaire.. breff ,un screen :
J'aimerais bien avoir les arrondis bleus pour les titres de catégories , sa serait sa qui passe en prioritaire.. breff ,un screen :
Invité- Invité
Re: [Optimisation d'un forum..]
Commençons par le template index_box
Veuillez, svp, donner le codage de ce template.
Non j'ai trouvé encore d'autres doublons dans votre CSS
Dernière édition par ge80 le Sam 11 Juin 2011 - 17:09, édité 1 fois
Re: [Optimisation d'un forum..]
et toc voilà le template:
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><center><div class="titrecat">{catrow.tablehead.L_FORUM}</div></center><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="80%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="80%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50" width="20%">
<span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> messages</span><br/><br/><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Invité- Invité
Re: [Optimisation d'un forum..]
Trop tard j'avais édité
Essayer ce code CSS
Essayer ce code CSS
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
/* mauvaise position */
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* oubli */
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {
-moz-border-radius:40px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
/* oubli */
.titrefora { border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
.forumline {
border : 1px dashed ##0A0A0A;
}
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
}
/* mauvaise position */
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Re: [Optimisation d'un forum..]
Oulaa , il n'y à plus les bordures blanches assez épaisses et les bordures des catégories sont devenues plus mince.. sinon , rien..
Invité- Invité
Re: [Optimisation d'un forum..]
La largeur sera réglée plus tard car pour l'instant c'est la problématique des arrondis sous Chrome .
Vous avez des doublons dans votre CSS donc je dois tout relire.
essayer celui-ci en attendant
version en essai
Vous avez des doublons dans votre CSS donc je dois tout relire.
essayer celui-ci en attendant
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
/* mauvaise position */
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* oubli */
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.bodyline {
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
/* oubli */
.titrefora { border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
}
/* mauvaise position */
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
version en essai
Dernière édition par ge80 le Sam 11 Juin 2011 - 17:23, édité 1 fois
Re: [Optimisation d'un forum..]
toujours rien.. vous voulez mes autres templates?
édit , pour le moment , c'est le rectangle bleu qui me semble prioritaire..
édit , pour le moment , c'est le rectangle bleu qui me semble prioritaire..
Invité- Invité
Re: [Optimisation d'un forum..]
j'avais encore édité
Le rectangle bleu en haut ?
essayer ceci.
Le rectangle bleu en haut ?
essayer ceci.
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
/* mauvaise position */
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* oubli */
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.bodyline {
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
/* oubli */
.titrefora { border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
}
/* mauvaise position */
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Re: [Optimisation d'un forum..]
je sais , j'ai vu l'édition , rien ne bouge.. oui , le rectangle bleu ou il y a marquer :
avant de commencer à jouer , il est en arrondis normalement..
avant de commencer à jouer , il est en arrondis normalement..
Invité- Invité
Re: [Optimisation d'un forum..]
Pour la partie bleue
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
/* mauvaise position */
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* oubli */
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.bodyline {
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
/* oubli */
.titrefora { border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
}
/* mauvaise position */
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Re: [Optimisation d'un forum..]
YOUHOU !!! Ma partie bleue marche , c'est déjà sa xD
Bon , un grand pas , merci ♥
Vous relisez , que comptez vous faire?:f
edition : il y a même les bordures à coter des catégories il manque juste la grosse bordure jusqu’à la bannière
Bon , un grand pas , merci ♥
Vous relisez , que comptez vous faire?:f
edition : il y a même les bordures à coter des catégories il manque juste la grosse bordure jusqu’à la bannière
Invité- Invité
Re: [Optimisation d'un forum..]
Ce que je compte faire et de continuer l'aide....
Je vais repartir de votre premier css celui avant que vous ne le modifiez car je pense qu'il y a eu une erreur à ce niveau.
Donc je regarde les erreur éventuelles.
Je vais repartir de votre premier css celui avant que vous ne le modifiez car je pense qu'il y a eu une erreur à ce niveau.
Donc je regarde les erreur éventuelles.
Pouvez-vous faire une image des erreurs qui existent encore ?edition : il y a même les bordures à coter des catégories il manque juste la grosse bordure jusqu’à la bannière
Re: [Optimisation d'un forum..]
Ok , merci
Oui , voilà :
Il ne manque que la bordure il me semble.. j'ai mis le CSS que vous m'avez donnez pour la partie bleue
Oui , voilà :
Il ne manque que la bordure il me semble.. j'ai mis le CSS que vous m'avez donnez pour la partie bleue
Invité- Invité
Re: [Optimisation d'un forum..]
C'est avec Chrome ? et c'est bien le forum de test ?
Dans cec cas, c'est le rectangle externe ou votre bordure externe.... ?
J'ai du virer une propriétés...
Dans cec cas, c'est le rectangle externe ou votre bordure externe.... ?
J'ai du virer une propriétés...
Re: [Optimisation d'un forum..]
Oui avec chrome et a c'est le vrai forum
La bordure qui part du haut de la bannière jusqu'au crédits de FA ; c'est elle.
La bordure qui part du haut de la bannière jusqu'au crédits de FA ; c'est elle.
Invité- Invité
Re: [Optimisation d'un forum..]
J'ai encore trouvé d'autres erreurs de syntaxe
Essayons ceeci
Essayons ceeci
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #c4bfb5 dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius:9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.bodyline {
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
-webkit-border-radius: 5px;
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
.titrefora {
border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-color:#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Re: [Optimisation d'un forum..]
Toujours pas la bordure..
Invité- Invité
Re: [Optimisation d'un forum..]
Je ne vois pas le nouveau css (valider ???)
votre css et il manque les autres propiétés
http://photographie.forumgratuit.org/
encore d'autres erreurs un code couleur avec des ooo au lieu de 000 (zéro).
J'attends que votre css soit actualisé avec ceci.
votre css et il manque les autres propiétés
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}
http://photographie.forumgratuit.org/
encore d'autres erreurs un code couleur avec des ooo au lieu de 000 (zéro).
J'attends que votre css soit actualisé avec ceci.
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#000;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #c4bfb5 dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius:9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
border-radius: 9px;
}
a {font-variant: small-caps;}
.forumline{
border : 1px dashed #0A0A0A;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
background-color: #ffffff;
}
.bodyline {
border: 10px solid #ffffff;
background-color: #ffffff;
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
-webkit-border-radius: 5px;
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
.titrefora {
border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-color:#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Re: [Optimisation d'un forum..]
Oulala , gros problème ici : ici ..
voici la bordure que je veux voire réapparaître:
; sachant qu'elle est blanche [entourée de rouge pour vous montrez] , arrondie en haut à droite -gauche et en bas à droite-gauche..
Sachant que j'aimerais la voire apparaître sur ce code :
voici la bordure que je veux voire réapparaître:
; sachant qu'elle est blanche [entourée de rouge pour vous montrez] , arrondie en haut à droite -gauche et en bas à droite-gauche..
Sachant que j'aimerais la voire apparaître sur ce code :
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #c4bfb5 dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius:9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.bodyline {
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
-webkit-border-radius: 5px;
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
.titrefora {
border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-color:#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Invité- Invité
Re: [Optimisation d'un forum..]
Pas de souci, j'enlève le fond blanc...
C'était un test pour attendre la modification !
C'était un test pour attendre la modification !
Re: [Optimisation d'un forum..]
Nikel alors.. Merci à vous
Invité- Invité
Re: [Optimisation d'un forum..]
Voici sans le fond blanc.
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#000;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #c4bfb5 dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius:9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
border-radius: 9px;
}
a {font-variant: small-caps;}
.forumline{
border : 1px dashed #0A0A0A;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
.bodyline {
border: 10px solid #ffffff;
/* background-color: #ffffff;*/
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
-webkit-border-radius: 5px;
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
.titrefora {
border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-color:#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Re: [Optimisation d'un forum..]
Non , ce que je voulais vous dire c'est que vous voyez le code pour la partie bleu? Celui la est le bon , je vous demandez juste d'ajouter la bordure blanche comme sur le screen s'il vous plaît..
Invité- Invité
Re: [Optimisation d'un forum..]
Ah je n'ai pas compris donc je reviens en arrière et j'essaie de comprendre ce que vous voulez.
donc remettez la version d'avant
donc remettez la version d'avant
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #c4bfb5 dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius:9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.bodyline {
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
-webkit-border-radius: 5px;
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
.titrefora {
border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-color:#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Dernière édition par ge80 le Sam 11 Juin 2011 - 19:28, édité 1 fois
Re: [Optimisation d'un forum..]
& voilà , il ne manque plus que la bordure blanche comme ici :
, sachant qu'elle est blanche [le rouge est juste fait pour vous montrez de quoi je parle ^^]
Edit : ne prenez en compte que la bordure sur l'image si dessus, sachant qu'elle est arrondie.. elle aussi..
, sachant qu'elle est blanche [le rouge est juste fait pour vous montrez de quoi je parle ^^]
Edit : ne prenez en compte que la bordure sur l'image si dessus, sachant qu'elle est arrondie.. elle aussi..
Invité- Invité
Re: [Optimisation d'un forum..]
Je ne vois pas le bon CSS, c'est une ancienne version qui est chargée
remettez celle-ci pour repartir sur un point intermédiaire.
remettez celle-ci pour repartir sur un point intermédiaire.
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#000;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #c4bfb5 dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius:9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
border-radius: 9px;
}
a {font-variant: small-caps;}
.forumline{
border : 1px dashed #0A0A0A;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
.bodyline {
border: 10px solid #ffffff;
/* background-color: #ffffff;*/
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
-webkit-border-radius: 5px;
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
.titrefora {
border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-color:#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Re: [Optimisation d'un forum..]
C'est normale que vous ne la voyez pas , elle n'est pas ici , enfin je veux dire vous l'avez pas postez.. Donc gardez ce code:
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #c4bfb5 dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius:9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.bodyline {
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
}
a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
-webkit-border-radius: 5px;
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
.titrefora {
border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-color:#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
Invité- Invité
Re: [Optimisation d'un forum..]
Non ce que je veux dire c'est que la feuille css chargée ne correspond pas au code ci-dessus
ce que je vois depuis un bon moment
- Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
I{border-bottom:none; text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
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: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #c4bfb5 dotted;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
/* mauvaise position */
input,textarea, select {
-moz-border-radius:9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
}
a {font-variant: small-caps;}
.forumline{
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.bodyline {
border: 10px #ffffff solid;
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
}
/* a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
} */
a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border: 3px #ffffff solid;
}
.milieu {width: 90%;
margin: 0px;
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#F2EDDB}
.statistiques {
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
.groupes {
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
-webkit-border-radius: 5px;
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
/* .bodyline { border: 10px solid #ffffff; } */
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
.titrefora {
border-bottom: 4px inset #ddedf7;
border-left:1px solid #ddedf7;
border-right:1px solid #ddedf7;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
width: 350px;
padding: 2px; }
.descrip { background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}
.tablo{
border-right:5px solid #ddedf7;
width: 80%;}
.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}
tr.post span.gensmall { display: none; }
.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}
div.infobulle {
position: relative;
float: left;
}
div.infobulle span {
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}
a { text-decoration: none; }
/* .forumline {
border : 1px dashed ##0A0A0A;
} */
.titre_tableau {
font-variant: small-caps;
background-image: url(image_de_fond.jpg);
background-repeat: repeat-x; /*pour une répétition horizontale*/
}
a {font-variant: small-caps;}
.postdetails.poster-profile a img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #000000;
}
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}
.profil_contour {
border: 3px solid-black; /*La bordure*/
background-color: color: rgb(48.30.24); /*Le fond*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
a:hover {
text-decoration: none !important;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 206px; /*For users with JS disabled: Height of each content*/
}
/*lien menu accordéon*/
.lienadmin {
background-color: #440503;
padding-bottom:6px;
padding-top:6px;
padding-left:5px;
padding-right:5px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 0px 0px;
}
.lienadmin:hover {
color: #e7c02e;
text-shadow: 1px 1px 1px #e7c02e;
}
.blablapa {
width: 350px;
color : #e7c02e;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Tadaga {
width: 350px;
color : #3E57F7;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #440503;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #e7c02e;
border-left:4px solid #e7c02e;
border-top:1px solid #e7c02e;
border-bottom:1px solid #e7c02e;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.RP {
width: 350px;
color : #224DCC;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #AFC1FA;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #16318A;
border-left:4px solid #16318A;
border-top:1px solid #16318A;
border-bottom:1px solid #16318A;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.Naruto {
width: 350px;
color : #9E9E9E;
font-weight : bold;
font-size: larger;
letter-spacing : 3px;
background-color: #FFFFFF;
padding-bottom: 2px;
padding-top:2px;
border-right:4px solid #000000;
border-left:4px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px;
}
table.bodylinewidth {
position: relative;
top: -9px;
}
table.bodylinewidth {
position: relative;
bottom: -9px;
}
.infobulle {
position: relative;
}
.infobulle span {
display: none;
}
.infobulle:hover {
background: none;
z-index: 999;
}
.infobulle:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 2px;
background: #333333;
color: blue;
padding: 6px;
border: 10px radius blue;
border-radius: 10px radius blue;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
a { text-decoration: none; }
.topiclist dl.icon {
min-height: 50px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 50px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 50px;
}
.en_tete{
width:700px;
min-height:400px;
height:auto;
background-color:black;
margin:auto;
border:solid 0px #CCCCCC;
}
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: -300px; /* on positionne notre infobulle */
left: 155px;
background: #707070; /* 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;
}
.complet{
text-align:center;
color:#FFFFFF;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.titrebas{
color: #66625A ;
background-color:#6A939C;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
margin-bottom:5px;
}
.bas{
background-color:#6A939C;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
padding:5px;
}
.navig{
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#9C9393;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.navig:hover{
border-left:5px solid #6A939C;
border-right:5px solid #6A939C;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
.logo{
padding-bottom:20px;
}
#bienvenue{
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
}
.titre {
color: #FFFFFF;
background-color: #9C9393;
text-align: center;
font-variant: small-caps;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:18px;
}
.top {
border: 1px solid #FFFFFF;
background-color: #ffffff;
padding:1px;
}
a.imginfo {
position: relative;
color: #ffffff;
text-decoration: none;
border-bottom: 0px #ffffff solid;
padding-right:10px;
}
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: 10px;
left: 20px;
background: #ddedf7;
color: #000000;
padding: 2px;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */
ce que je vois depuis un bon moment
Page 2 sur 3 • 1, 2, 3
Sujets similaires
» Optimisation de mon forum pour Firefox
» Optimisation de la version mobile : Ajout de l'upload d'images, de la description du forum, du QEEL et des Statistiques.
» Nouveau: Règlement spécifique a chaque sous forum, Coloration syntaxique du CSS & Templates, Optimisation du systhème AntiSpam et de la gestion des JavaScripts.
» Optimisation
» Optimisation sur du HTML?
» Optimisation de la version mobile : Ajout de l'upload d'images, de la description du forum, du QEEL et des Statistiques.
» Nouveau: Règlement spécifique a chaque sous forum, Coloration syntaxique du CSS & Templates, Optimisation du systhème AntiSpam et de la gestion des JavaScripts.
» Optimisation
» Optimisation sur du HTML?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 2 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum