Problème catégories
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème catégories
Coucou,
Suite à mon changement de catégories, je voudrait ajouter une bordure (inférieur).
de cette façon :
en fait c'est l'image de la catégorie qui se sur-augmente toute seule et je n'arrive pas à la réduire :
___________________________________________
De plus, sur Mozilla et Internet Explorer (je suis sur Chrome),
Le code ne fonctionne pas :
Merci
Suite à mon changement de catégories, je voudrait ajouter une bordure (inférieur).
de cette façon :
en fait c'est l'image de la catégorie qui se sur-augmente toute seule et je n'arrive pas à la réduire :
___________________________________________
De plus, sur Mozilla et Internet Explorer (je suis sur Chrome),
Le code ne fonctionne pas :
- index_box:
- 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 --><table class="forumline categorie" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr width="700px" height="135px">
<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">
{catrow.tablehead.L_FORUM}
</th>
</tr>
<!-- 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 -->
<br><br>
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}"><span class="Taillecat">{catrow.cathead.CAT_TITLE}</span></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" valign="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages ☼ {catrow.forumrow.TOPICS} sujets</td></tr></tbody></table>
<span class="genmed"><div class="descricategorie"><div class="catetexte">{catrow.forumrow.FORUM_DESC}</div></div></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">
<span class="gensmall"><div class="derniermess"><div class="derniermesstext">{catrow.forumrow.LAST_POST}</div></div></span>
</td>
</tr>
<!-- END forumrow -->
<br>
<!-- 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>
<div class="foot_table"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
- CSS:
- Code:
/* IMAGE DU FOND DES REPONSES RAPIDES*/
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://i.imgur.com/qPjW26t.png)!important;}
/* avatar toolbar*/
.fa_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
/*____________________________________PA_____________________*/
.new{font-family: 'Neucha', cursive;
font-size: 14px;
}
.bvn{font-family: 'Neucha', cursive;
font-size:13px;
text-align: justify;}
.pan1{
border:5px hidden #d6d6d6;
background-color:#dddddd;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
whidth:150px;
height:155px;}
.pan3{
border:5px hidden #d6d6d6;
background-color:#dddddd;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.pan2{
font-family: 'Neucha', cursive;
border-collapse:collapse;
border:5px hidden #000000;
width:750px;
height:400px;
background-color:#e4e4e4;
border-radius: 10px 10px 10px 10px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;
cellspacing:10px;}
.size{
font-size: 18px;}
.lienpa{
font-family: 'Neucha', cursive;
font-size:20px;
}
#pafastlink
{
display: block;
padding: 3px;
margin-bottom: 1px;
text-align: center;
background: #dddddd;
color: #752d4a !important;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
transition: 500ms;
-moz-transition: 500ms;
-htm-transition: 500ms;
-o-transition: 500ms;
-webkit-transition: 500ms;
-webkit-border-radius: 25px;
border-radius: 25px;
-o-border-radius: 25px;
-htm-border-radius: 25px;
font-family: 'Neucha', cursive;
font-color:#752d4a !important;
}
#pafastlink:hover
{
background: #e8e8e8;
color: #752d4a !important;
transition: 500ms;
-moz-transition: 500ms;
-htm-transition: 500ms;
-o-transition: 500ms;
-webkit-transition: 500ms;
}
/*!
* Code proposé par Damudo No Kyoku
* Corrigé par Espeon
* Pour CSSActif - http://www.css-actif.com
*/
.infobulle {
display: inline-block;
}
.infobulle > div {
position: absolute;
margin-top: -20px;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.3) rotate(-45deg);
-moz-transform: scale(0.3) rotate(-45deg);
-o-transform: scale(0.3) rotate(-45deg);
transform: scale(0.3) rotate(-45deg);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.infobulle:hover > div {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.bouh {
width: 300px;
padding: 25px;
margin: auto;
background-color: #e4e4e4;
color: #ffffff;
text-align: center;
-webkit-box-shadow: 0 0 5px #212121;
-moz-box-shadow: 0 0 5px #212121;
-o-box-shadow: 0 0 5px #212121;
box-shadow: 0 0 5px #212121;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.bouh a {
padding: 5px;
margin: 5px 0 0 0;
display: inline-block;
background-color: #000000;
color: #666666;
text-decoration: none;
-webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.bouh a:hover {
color: #ffffff;
}
.bouh h1 {
-webkit-text-shadow: 0 0 5px #ffffff;
-moz-text-shadow: 0 0 5px #ffffff;
-o-text-shadow: 0 0 5px #ffffff;
text-shadow: 0 0 5px #ffffff;
}
.bouh p {
text-align: justify;
}
.bouh hr {
-webkit-box-shadow: 0 0 3px #666666;
-moz-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}
/*__________________________FIN PA_____________________*/
.trans{
margin-top: 20px;
background-color: #d6d6d6;
color: #CDDAF5;
padding: 15px;
width: 500px;
height: 70px;
overflow: auto;
text-align: justify;
font-size: 18px !important;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; margin-top: -1px;"}
.trans .row1 {
background-color: #d6d6d6;
font-size: 18px !important;
size: 18px;}
.titreqeel {
color: #944345;
font-family: Patrick Hand,crusive;
font-size: 45px;
text-align: center;
font-color: #5c5c5c; }
.cadreqeel {
background-color: #d6d6d6;
color: #5C5C5C;
padding: 15px;
width: 230px;
height: 210px;
text-align: justify;
font-family: Patrick Hand,crusive;
font-size: 14px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #d6d6d6;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: Patrick Hand,crusive;
font-size: 16px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #d6d6d6;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: Patrick Hand,crusive;
font-size: 15px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.fontgrp{
font-size:24px;
font-family: 'Bad Script', cursive;
font-weight: bold;
}
/* fin QEEL*/
/*******************************************/
/* CODE DE POP-UP DE CONNEXION
/*******************************************/
#login_popup > table {
background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
width: 570px;
}
#login_popup .titre td {
height: 90px;
font: bold italic 25px/1.5em Georgia, Arial, serif;
color: #f9f5f1;
text-shadow: 0 2px #532831;
text-align: center;
}
#login_popup .message {
background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
}
#login_popup .message td {
min-height: 60px;
display: block;
width: 420px;
margin: auto;
color: #785547;
text-align: center;
font: 14px "Trebuchet MS", Arial, serif;
}
#login_popup .boutons {
background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
margin-top: -1px;
}
#login_popup .boutons td {
padding: 15px 0 25px;
display: block;
width: 430px;
margin: auto;
text-align: center;
}
#login_popup input {
background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
height: 32px;
padding: 0 10px;
border-radius: 5px;
border: 1px solid #5f2d37;
box-shadow: 0 1px 0 #928276;
color: #edd9c9;
text-shadow: 0 1px #532831;
font: italic 16px/1.5em Georgia, serif;
cursor: pointer;
}
#login_popup input + input {
margin-left: 5px;
}
#login_popup input:hover {
background-position: left bottom;
color: #f7f0ea;
}
/* _________________infobulle par Rits-u __________*/
/* PERSONNALISATION DE L'INFOBULLE */
a.infobulle:hover span {
display: inline;
white-space: nowrap;
position: absolute;
top: 10px; /* position de l'infobulle verticalement */
left: 30px; /* position de l'infobulle horizontalement */
width: 130px; /* largeur de l'infobulle */
height: 50px; /* hauteur de l'infobulle */
color:#000000; /* couleur du texte */
border: 1px solid #000000; /* taille, style et couleur de la bordure */
background: #F4F4F3; /* couleur d'arrière-plan de l'infobulle */
padding: 3px; /* espacement entre les bords et le texte */
}
/* NE PAS TOUCHER */
a.infobulle { position: relative;}
a.infobulle span { display: none; }
a.infobulle:hover { background: none; z-index: 999;}
.avatar img {
float: left;
padding: 1%;
margin-right: 1px;
margin-top: 1px;
margin-bottom: -200px;
margin-left: -15px;
width:200px;
height:300px;
}
.gensmall{
align:right !important;}
/*_____________CATEGORIES________________________*/
/*bordures gauche et droite des catégories*/
.forumline.categorie>tbody>tr>td:first-child{border-left:8px solid #b33157;}
.forumline.categorie>tbody>tr>td:last-child{border-right:8px solid #b33157;}
/*taille titre catégorie*/
.secondarytitle h2{font-size:small}
/* couleur liens dans les catégories [amélioration de la lisibilité] */
#page-body .forumline .gen, #page-body .forumline .genmed, #page-body .forumline .gensmall, #page-body .forumline a{
color:#752D4A;
}
.postdetails {color: #ededd0 !important;}
/* texte description catégories */
.catetexte {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;color:#752D4A;}
/* fond derniers messages */
.derniermess {background-color: #dddddd;
border-left: solid #d1d1d1 2px;
border-right: solid #d1d1d1 2px;
height: auto; width: 115px;
border-radius: 8px;
border-top: 2px #d1d1d1 solid;
border-bottom: 2px #d1d1d1 solid;
color:#4f641f;}
/* texte derniers messages */
.derniermesstext {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;}
/*corriger couleur derniers messages*/
.derniermess a,.derniermess .derniermesstext{color:#752D4A !important;text-shadow:none !important;}
/* fond description catégories */
.descricategorie {margin: 7px;
background-color: #d1d1d1;
border-left: solid #c0c0c0 4px;
border-right: solid #c0c0c0 4px;
height: auto;
border-radius: 8px;
border-top: 0px #b8d784 solid;
border-bottom: 0px #d1d1d1 solid;}
.titredescategories{
color:#000000; text-shadow: 2px 2px #ffffff;font-family: 'Miniver', cursive; font-size: 35px;}
/***********************************fin categorie**********************************/
/*888888888888888888 ASPECT BODY FORUM FOND SITE BACKGROUND ROSE IMG 8888888888888888*/
.bodylinewidth
{
width: 800px;
}
.bodyline
{
width: 900px;
padding: 0;
background: url("http://i.imgur.com/YSsbcIm.png");
}
.bodylinewidth
{
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
.bodyline
{
width: 800px;
padding: 0;
background: #c0c0c0;
border-left: 5px solid #b33157;
border-right: 5px solid #b33157;
box-shadow: 0px 0px 20px #000000;
-moz-box-shadow: 0px 0px 20px #000000;
-o-box-shadow: 0px 0px 20px #000000;
-htm-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
}
.bodyline
{
background-image : url("http://i.imgur.com/YSsbcIm.png");
}
/*/*****************************lineeeeeeeee fin******************************/
_________________
.fleche {
background-image : url("http://theme3.cssactif.com/sujets/pointebulle.png");
width: 20px;
height :25px;
position : relative;
top :50px;
left :-15px; }
.bulle{
background-color : #bdaeae;
border : 1px solid #;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
.titretop{
font-size: 20px;
font-family: 'Emilys Candy', cursive;
align:center;
}
.catHead{
background-color:#3b3a3a;
border: #;
border-style: solid;
height: 28px;
border-radius:25px 25px 0px 0px;
height: 29px;
border-width: 0;
}
/*--------CSS PROFIL--------------*/
/*Fond qui entoure tous le profil*/
.profilentier {height:auto;
background-color: #bda1a1;
margin: 0 auto;
padding: 5px;
-webkit-border-radius: 20px;
khtml-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 210px;
text-align: center;}
/*Pseudo*/
.name {font-variant: small-caps;
display: block;
font-weight: normal;
font-family: Snippet,cursive;
text-shadow: 1px 1px 1px #000;
font-size: 25px;
margin-top: 15px;
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }}
/*Css de ton avatar*/
.imageavatar { width: 200px;
height: 300px;
margin-left: 5px;
position: relative;
padding:-7px;
top: 0;
left: -3;
z-index: 0;}
/* Information et niveaux*/
.titreinfo {color: #470606;
font-variant: small-caps;
text-align: center;
font-size: 15px;
letter-spacing: 2px;
display: block;
width: 180px;
border-bottom: 2px dashed #470606;
margin-bottom: 15px;}
/*fond blanc qui saffiche sur lavatar*/
.fondinformation {text-align: justify;
width: 180px;
height: 280px;
position: absolute;
padding: 10px;
top: 0;
left: 0;
background-color: #ad3e3d;
background: url(http://img547.imageshack.us/img547/4891/dtgd.png);
z-index: 100;
opacity: 0;
-webkit-transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-ms-transition: opacity 2s;
transition: opacity 2s;
}
.imageavatar:hover > .fondinformation
{
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
margin-left: 0px;}
/**FIN**/
.namestyle
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
.namestyle{
font-family: 'Domine', cursive;
font-size: 27px;
}
.csstitle,.t-tile{
font-family: 'Miniver', cursive;
font-size: 21px;
}
.cadremess{
padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
border-radius:20px; /* la bordure */
border-color:#000000; /*une couleur de fond */
background:#B0C5D4;
}
.onthy{ background: #b0c5d4;} /*LE RP OU LIMAGINA REAL COLOR FOND SUJET*/
.name /* center le pseudo */
{text-align:center;}
{font-size:20px;
font-family:Police;}
.name {font-size:20px!important;}
.blocProfil { /*code Profil*/
padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
border-radius:20px; /* la bordure */
border-color:#000000; /*une couleur de fond */
background:#B0C5D4;
-moz-box-shadow: 0px 0px 6px #355266;
-webkit-box-shadow: 0px 0px 6px #355266;
box-shadow: 0px 0px 6px #355266;
border-right: 3px solid #355266;
border-left: 3px solid #355266;
}
.nameprofil{
font-family: Patrick Hand,crusive;
font-size: 26px;
text-shadow: 0 0 1px #000;
}
.postdetails poster-profile{
font-family: PatrickHand,cursive;
font-size:10px;
text-shadow: 0 0 1 #000;
text-align: center;
}
body {
background-repeat: repeat;
background-attachment: fixed;
}
/**DEBUT PA**/
div.bibille {
position: relative;
float: left;
}
div.bibille span {
display: none; /* ceci masque l'infobulle */
}
div.bibille:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.bibille:hover span {
width: 150px;
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #6ba2bf;
color: #00263b;
padding: 2px;
border: 2px solid #00263b;
border-radius: 20px;
}
/**FIN PA**/
.statistiques{
border:1px;
background-repeat: no-repeat;
background-position: center;
height:270px;}
.groupes{
background-color:#44718F;border: 2px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:50px;padding-right:19px;padding-left:19px;padding-bottom:5px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
_____________________
/*_______________________Selecteur de couleurs_____________*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*____________________FIN SELETEUR COULEUR________________*/
.gensmalling{
font-family: 'Snippet', cursive;
color: #691f80;
text-shadow: 0 0 1px #000;
width: 10px;
}
_________DESCRIPTION DES CATEGORIES______
.description_contenu
{
position: absolute;
display: block;
width: 391px;
height: 91px;
overflow: auto;
background-color: #000; => couleur de fond
font-size: 10px; => taille du texte
color: #FFF; => couleur de texte
text-align: center; => alignement du texte
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
width: 10px; /*largeur de la scrollbar verticale*/
height: 10px; /*hauteur de la scrollbar horizontale*/
background-color: #574049;}
::-webkit-scrollbar-track {
background-color: #c4c3c3; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #9f5a5b; /*couleur de l'ascenseur*/;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
#chatbox_members ul li,
body.chatbox {
background-image: none;}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
Merci
Dernière édition par elsa2607 le Mer 18 Juin 2014 - 11:40, édité 1 fois
Re: Problème catégories
Bonjour,
Dans votre template, vous avez
<tr width="700px" height="135px">, la hauteur height="135px" est a modifier entre 13/20 pour avoir l'effet voulu
Quelques erreurs dans le css
Il y aura encore certainement des choses a modifier
Dans votre template, vous avez
<tr width="700px" height="135px">, la hauteur height="135px" est a modifier entre 13/20 pour avoir l'effet voulu
Quelques erreurs dans le css
- Code:
/* IMAGE DU FOND DES REPONSES RAPIDES*/
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://i.imgur.com/qPjW26t.png)!important;}
/* avatar toolbar*/
.fa_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
/*____________________________________PA_____________________*/
.new{font-family: 'Neucha', cursive;
font-size: 14px;
}
.bvn{font-family: 'Neucha', cursive;
font-size:13px;
text-align: justify;}
.pan1{
border:5px hidden #d6d6d6;
background-color:#dddddd;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
whidth:150px;
height:155px;}
.pan3{
border:5px hidden #d6d6d6;
background-color:#dddddd;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.pan2{
font-family: 'Neucha', cursive;
border-collapse:collapse;
border:5px hidden #000000;
width:750px;
height:400px;
background-color:#e4e4e4;
border-radius: 10px 10px 10px 10px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;
cellspacing:10px;}
.size{
font-size: 18px;}
.lienpa{
font-family: 'Neucha', cursive;
font-size:20px;
}
#pafastlink
{
display: block;
padding: 3px;
margin-bottom: 1px;
text-align: center;
background: #dddddd;
color: #752d4a !important;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
transition: 500ms;
-moz-transition: 500ms;
-htm-transition: 500ms;
-o-transition: 500ms;
-webkit-transition: 500ms;
-webkit-border-radius: 25px;
border-radius: 25px;
-o-border-radius: 25px;
-htm-border-radius: 25px;
font-family: 'Neucha', cursive;
font-color:#752d4a !important;
}
#pafastlink:hover
{
background: #e8e8e8;
color: #752d4a !important;
transition: 500ms;
-moz-transition: 500ms;
-htm-transition: 500ms;
-o-transition: 500ms;
-webkit-transition: 500ms;
}
/*!
* Code proposé par Damudo No Kyoku
* Corrigé par Espeon
* Pour CSSActif - http://www.css-actif.com
*/
.infobulle {
display: inline-block;
}
.infobulle > div {
position: absolute;
margin-top: -20px;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.3) rotate(-45deg);
-moz-transform: scale(0.3) rotate(-45deg);
-o-transform: scale(0.3) rotate(-45deg);
transform: scale(0.3) rotate(-45deg);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.infobulle:hover > div {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.bouh {
width: 300px;
padding: 25px;
margin: auto;
background-color: #e4e4e4;
color: #ffffff;
text-align: center;
-webkit-box-shadow: 0 0 5px #212121;
-moz-box-shadow: 0 0 5px #212121;
-o-box-shadow: 0 0 5px #212121;
box-shadow: 0 0 5px #212121;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.bouh a {
padding: 5px;
margin: 5px 0 0 0;
display: inline-block;
background-color: #000000;
color: #666666;
text-decoration: none;
-webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.bouh a:hover {
color: #ffffff;
}
.bouh h1 {
-webkit-text-shadow: 0 0 5px #ffffff;
-moz-text-shadow: 0 0 5px #ffffff;
-o-text-shadow: 0 0 5px #ffffff;
text-shadow: 0 0 5px #ffffff;
}
.bouh p {
text-align: justify;
}
.bouh hr {
-webkit-box-shadow: 0 0 3px #666666;
-moz-box-shadow: 0 0 3px #666666;
-o-box-shadow: 0 0 3px #666666;
box-shadow: 0 0 3px #666666;
}
/*__________________________FIN PA_____________________*/
.trans{
margin-top: 20px;
background-color: #d6d6d6;
color: #CDDAF5;
padding: 15px;
width: 500px;
height: 70px;
overflow: auto;
text-align: justify;
font-size: 18px !important;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; margin-top: -1px;}
.trans .row1 {
background-color: #d6d6d6;
font-size: 18px !important;
size: 18px;}
.titreqeel {
color: #944345;
font-family: Patrick Hand,crusive;
font-size: 45px;
text-align: center;
font-color: #5c5c5c; }
.cadreqeel {
background-color: #d6d6d6;
color: #5C5C5C;
padding: 15px;
width: 230px;
height: 210px;
text-align: justify;
font-family: Patrick Hand,crusive;
font-size: 14px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #d6d6d6;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: Patrick Hand,crusive;
font-size: 16px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #d6d6d6;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: Patrick Hand,crusive;
font-size: 15px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.fontgrp{
font-size:24px;
font-family: 'Bad Script', cursive;
font-weight: bold;
}
/* fin QEEL*/
/*******************************************/
/* CODE DE POP-UP DE CONNEXION
/*******************************************/
#login_popup > table {
background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
width: 570px;
}
#login_popup .titre td {
height: 90px;
font: bold italic 25px/1.5em Georgia, Arial, serif;
color: #f9f5f1;
text-shadow: 0 2px #532831;
text-align: center;
}
#login_popup .message {
background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
}
#login_popup .message td {
min-height: 60px;
display: block;
width: 420px;
margin: auto;
color: #785547;
text-align: center;
font: 14px "Trebuchet MS", Arial, serif;
}
#login_popup .boutons {
background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
margin-top: -1px;
}
#login_popup .boutons td {
padding: 15px 0 25px;
display: block;
width: 430px;
margin: auto;
text-align: center;
}
#login_popup input {
background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
height: 32px;
padding: 0 10px;
border-radius: 5px;
border: 1px solid #5f2d37;
box-shadow: 0 1px 0 #928276;
color: #edd9c9;
text-shadow: 0 1px #532831;
font: italic 16px/1.5em Georgia, serif;
cursor: pointer;
}
#login_popup input + input {
margin-left: 5px;
}
#login_popup input:hover {
background-position: left bottom;
color: #f7f0ea;
}
/* _________________infobulle par Rits-u __________*/
/* PERSONNALISATION DE L'INFOBULLE */
a.infobulle:hover span {
display: inline;
white-space: nowrap;
position: absolute;
top: 10px; /* position de l'infobulle verticalement */
left: 30px; /* position de l'infobulle horizontalement */
width: 130px; /* largeur de l'infobulle */
height: 50px; /* hauteur de l'infobulle */
color:#000000; /* couleur du texte */
border: 1px solid #000000; /* taille, style et couleur de la bordure */
background: #F4F4F3; /* couleur d'arrière-plan de l'infobulle */
padding: 3px; /* espacement entre les bords et le texte */
}
/* NE PAS TOUCHER */
a.infobulle { position: relative;}
a.infobulle span { display: none; }
a.infobulle:hover { background: none; z-index: 999;}
.avatar img {
float: left;
padding: 1%;
margin-right: 1px;
margin-top: 1px;
margin-bottom: -200px;
margin-left: -15px;
width:200px;
height:300px;
}
.gensmall{
align:right !important;}
/*_____________CATEGORIES________________________*/
/*bordures gauche et droite des catégories*/
.forumline.categorie>tbody>tr>td:first-child{border-left:8px solid #b33157;}
.forumline.categorie>tbody>tr>td:last-child{border-right:8px solid #b33157;}
/*taille titre catégorie*/
.secondarytitle h2{font-size:small}
/* couleur liens dans les catégories [amélioration de la lisibilité] */
#page-body .forumline .gen, #page-body .forumline .genmed, #page-body .forumline .gensmall, #page-body .forumline a{
color:#752D4A;
}
.postdetails {color: #ededd0 !important;}
/* texte description catégories */
.catetexte {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;color:#752D4A;}
/* fond derniers messages */
.derniermess {background-color: #dddddd;
border-left: solid #d1d1d1 2px;
border-right: solid #d1d1d1 2px;
height: auto; width: 115px;
border-radius: 8px;
border-top: 2px #d1d1d1 solid;
border-bottom: 2px #d1d1d1 solid;
color:#4f641f;}
/* texte derniers messages */
.derniermesstext {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;}
/*corriger couleur derniers messages*/
.derniermess a,.derniermess .derniermesstext{color:#752D4A !important;text-shadow:none !important;}
/* fond description catégories */
.descricategorie {margin: 7px;
background-color: #d1d1d1;
border-left: solid #c0c0c0 4px;
border-right: solid #c0c0c0 4px;
height: auto;
border-radius: 8px;
border-top: 0px #b8d784 solid;
border-bottom: 0px #d1d1d1 solid;}
.titredescategories{
color:#000000; text-shadow: 2px 2px #ffffff;font-family: 'Miniver', cursive; font-size: 35px;}
/***********************************fin categorie**********************************/
/*888888888888888888 ASPECT BODY FORUM FOND SITE BACKGROUND ROSE IMG 8888888888888888*/
.bodylinewidth
{
width: 800px;
}
.bodyline
{
width: 900px;
padding: 0;
background: url("http://i.imgur.com/YSsbcIm.png");
}
.bodylinewidth
{
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
.bodyline
{
width: 800px;
padding: 0;
background: #c0c0c0;
border-left: 5px solid #b33157;
border-right: 5px solid #b33157;
box-shadow: 0px 0px 20px #000000;
-moz-box-shadow: 0px 0px 20px #000000;
-o-box-shadow: 0px 0px 20px #000000;
-htm-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
}
.bodyline
{
background-image : url("http://i.imgur.com/YSsbcIm.png");
}
/*/*****************************lineeeeeeeee fin******************************/
.fleche {
background-image : url("http://theme3.cssactif.com/sujets/pointebulle.png");
width: 20px;
height :25px;
position : relative;
top :50px;
left :-15px; }
.bulle{
background-color : #bdaeae;
border : 1px solid #;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
.titretop{
font-size: 20px;
font-family: 'Emilys Candy', cursive;
align:center;
}
.catHead{
background-color:#3b3a3a;
border: #;
border-style: solid;
height: 28px;
border-radius:25px 25px 0px 0px;
height: 29px;
border-width: 0;
}
/*--------CSS PROFIL--------------*/
/*Fond qui entoure tous le profil*/
.profilentier {height:auto;
background-color: #bda1a1;
margin: 0 auto;
padding: 5px;
-webkit-border-radius: 20px;
khtml-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 210px;
text-align: center;}
/*Pseudo*/
.name {font-variant: small-caps;
display: block;
font-weight: normal;
font-family: Snippet,cursive;
text-shadow: 1px 1px 1px #000;
font-size: 25px;
margin-top: 15px;
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }}
/*Css de ton avatar*/
.imageavatar { width: 200px;
height: 300px;
margin-left: 5px;
position: relative;
padding:-7px;
top: 0;
left: -3;
z-index: 0;}
/* Information et niveaux*/
.titreinfo {color: #470606;
font-variant: small-caps;
text-align: center;
font-size: 15px;
letter-spacing: 2px;
display: block;
width: 180px;
border-bottom: 2px dashed #470606;
margin-bottom: 15px;}
/*fond blanc qui saffiche sur lavatar*/
.fondinformation {text-align: justify;
width: 180px;
height: 280px;
position: absolute;
padding: 10px;
top: 0;
left: 0;
background-color: #ad3e3d;
background: url(http://img547.imageshack.us/img547/4891/dtgd.png);
z-index: 100;
opacity: 0;
-webkit-transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-ms-transition: opacity 2s;
transition: opacity 2s;
}
.imageavatar:hover > .fondinformation
{
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
margin-left: 0px;}
/**FIN**/
.namestyle
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
.namestyle{
font-family: 'Domine', cursive;
font-size: 27px;
}
.csstitle,.t-tile{
font-family: 'Miniver', cursive;
font-size: 21px;
}
.cadremess{
padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
border-radius:20px; /* la bordure */
border-color:#000000; /*une couleur de fond */
background:#B0C5D4;
}
.onthy{ background: #b0c5d4;} /*LE RP OU LIMAGINA REAL COLOR FOND SUJET*/
.name /* center le pseudo */
{text-align:center;}
{font-size:20px;
font-family:Police;}
.name {font-size:20px!important;}
.blocProfil { /*code Profil*/
padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
border-radius:20px; /* la bordure */
border-color:#000000; /*une couleur de fond */
background:#B0C5D4;
-moz-box-shadow: 0px 0px 6px #355266;
-webkit-box-shadow: 0px 0px 6px #355266;
box-shadow: 0px 0px 6px #355266;
border-right: 3px solid #355266;
border-left: 3px solid #355266;
}
.nameprofil{
font-family: Patrick Hand,crusive;
font-size: 26px;
text-shadow: 0 0 1px #000;
}
.postdetails poster-profile{
font-family: PatrickHand,cursive;
font-size:10px;
text-shadow: 0 0 1 #000;
text-align: center;
}
body {
background-repeat: repeat;
background-attachment: fixed;
}
/**DEBUT PA**/
div.bibille {
position: relative;
float: left;
}
div.bibille span {
display: none; /* ceci masque l'infobulle */
}
div.bibille:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.bibille:hover span {
width: 150px;
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #6ba2bf;
color: #00263b;
padding: 2px;
border: 2px solid #00263b;
border-radius: 20px;
}
/**FIN PA**/
.statistiques{
border:1px;
background-repeat: no-repeat;
background-position: center;
height:270px;}
.groupes{
background-color:#44718F;border: 2px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:50px;padding-right:19px;padding-left:19px;padding-bottom:5px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
/*_______________________Selecteur de couleurs_____________*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*____________________FIN SELETEUR COULEUR________________*/
.gensmalling{
font-family: 'Snippet', cursive;
color: #691f80;
text-shadow: 0 0 1px #000;
width: 10px;
}
/*_________DESCRIPTION DES CATEGORIES______*/
.description_contenu
{
position: absolute;
display: block;
width: 391px;
height: 91px;
overflow: auto;
background-color: #000; => couleur de fond
font-size: 10px; => taille du texte
color: #FFF; => couleur de texte
text-align: center; => alignement du texte
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
width: 10px; /*largeur de la scrollbar verticale*/
height: 10px; /*hauteur de la scrollbar horizontale*/
background-color: #574049;}
::-webkit-scrollbar-track {
background-color: #c4c3c3; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #9f5a5b; /*couleur de l'ascenseur*/;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
#chatbox_members ul li,
body.chatbox {
background-image: none;}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
Il y aura encore certainement des choses a modifier
Re: Problème catégories
Merci beaucoup ! *_* Je ne sais pas comment vous avez fait mais c'est super sur internet explorer comme sur Mozilla.
En revanche, quand j'ajoute le code du QEEL (rajouté entre mon dernier post et le votre)
Les modifications que vous avez aportés sont annulées :
Le code en question
En revanche, quand j'ajoute le code du QEEL (rajouté entre mon dernier post et le votre)
Les modifications que vous avez aportés sont annulées :
Le code en question
- Code:
/* QEEL */
.statistiques{
border:0px;
background-image: url("http://i.imgur.com/QjId7qj.png") !important;
width:700px;
height:300px;
background-repeat: no-repeat;
background-position: center !important;
height:hauteur de l'imagepx;}
.dessus{
margin-top:20px !important;
margin-left:60px !important;
color: #ffffff !important;
}
.groupes{
background-color:#;
letter-spacing: 2px;
font-family: Times New Roman;
font-size: 15px;
text-align:center;
text-decoration: none !important;}
.qeel01{
text-align: center;}
#menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
Re: Problème catégories
Bonjour,
Supprimer ceci dans .statistiques
height:hauteur de l'imagepx;
Supprimer ceci dans .statistiques
height:hauteur de l'imagepx;
Re: Problème catégories
Merci beaucoup, ^^
Mais quand je fais ça ma barre des 24h monte trop haut mais ce n'est pas grave j'en ai mis un autre.
J'ai un dernier soucis ...
Comment fait on pour mettre une barre en dessus de la catégorie :
comme ça
Au lieu de
Merci d'avance
Mais quand je fais ça ma barre des 24h monte trop haut mais ce n'est pas grave j'en ai mis un autre.
J'ai un dernier soucis ...
Comment fait on pour mettre une barre en dessus de la catégorie :
comme ça
Au lieu de
Merci d'avance
Re: Problème catégories
Bonjour,
Je suppose que vous devez rajouter ceci dans le css
Je suppose que vous devez rajouter ceci dans le css
- Code:
.forumline.categorie {
border-bottom: 8px solid #b33157;
}
Re: Problème catégories
Merci beaucoup ! *.*
Merrrciiii *..*
Çà marche à merveille pour les deux .
Merrrciiii *..*
Çà marche à merveille pour les deux .
Sujets similaires
» Problème catégories
» Probleme catégories
» Problème catégories...
» Problème de catégories
» Probleme catégories ...
» Probleme catégories
» Problème catégories...
» Problème de catégories
» Probleme catégories ...
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum