Bug bas cadre forum
4 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
Bug bas cadre forum
Re-bonjour
J'ai remarqué un bug sur mon forum. Un petit screen pour vous montrer :
Il y a un espace en bas de mon forum !
Pourtant, mon CSS est modifié correctement (enfin je pense !)
Ah et puis j'ai une autre question, concernant les titres des forums ;D
J'ai essayer de les centrer grâce au code <center>TITRE DU FORUM</center> mais ça donne ça :
J'ai remarqué un bug sur mon forum. Un petit screen pour vous montrer :
- Spoiler:
Il y a un espace en bas de mon forum !
Pourtant, mon CSS est modifié correctement (enfin je pense !)
- Code:
.bodylinewidth {
margin-bottom: -20px;
margin-top: -20px;
}
.bodyline {
padding: 0px;
}
th {
color: #285db4;
font-size: 11px;
font-weight : bold;
background-color: #6390d9;
height: 25px;
background-image: url("");
padding: 2px 3px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #285db4;
background-color: #6390d9;
}
td.row1,td.row3.over:hover {
background-color: #285db4;
}
td.row2,td.row1.over:hover {
background-color: #285db4;
}
td.row3{
background-color: #285db4;
}
td.rowpic {
background-color: #285db4;
background-image: url("");
css}
.bodylinewidht {
widht: 980px;
}
.bodyline {
background-color: #285db4;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
a { text-decoration: none; }
.statistiques{
border:0px;
background-image: url("http://www.picdo.net/fichiers/2011/4/25/d822b7e1-15e6-4934-b91a-da6295ade4fc_Qui-est-la.png");
background-repeat: no-repeat;
background-position: left;
width:980px;
text-align: center;
}
.groupes{
height:px;
padding-right:6px;
padding-left:6px;
padding-bottom:3px;
font-size:15px;
text-decoration: none !important;
margin-left: px;}
.description {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background: none repeat scroll 0 0;
background-color: #a2c0f3;
border-color: #;
border-style:none;
color: #4d77be;
margin-left:150px;
margin-right:150px;
margin-top:10px;
padding:5px 5px 5px 25px;
}
Ah et puis j'ai une autre question, concernant les titres des forums ;D
J'ai essayer de les centrer grâce au code <center>TITRE DU FORUM</center> mais ça donne ça :
- Spoiler:
Dernière édition par Naaw-el le Mer 27 Avr 2011 - 21:32, édité 2 fois
Re: Bug bas cadre forum
Bonjour,
Pour l'espace en bas du forum est-ce que je pourrais avoir le copier/coller du template overal_footer svp?
Pour le center, je vais faire des tests
Cordialement,
Pour l'espace en bas du forum est-ce que je pourrais avoir le copier/coller du template overal_footer svp?
Pour le center, je vais faire des tests
Cordialement,
Invité- Invité
Re: Bug bas cadre forum
Merci de vous occuper de mon "cas" ^^
Le template overal_footer (je ne l'ai pas modifié celui-là)
Ah et puis de mon côté, j'ai fais quelques essais pour voir d'où cela venait, et apparemment, ce serait à cause de l'ombre que j'ai appliqué sur le bodyline. Car lorsque j'enlève l'ombre, tout roule !
Pourtant, en haut ça ne me fait pas ça...
Le template overal_footer (je ne l'ai pas modifié celui-là)
- Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
<td>
<div>
<div>
<table>
<tbody>
<tr>
<td>
<!-- END html_validation -->
</td>
<td valign="top" width="{C3SIZE}">
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height: {SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
<!-- BEGIN switch_footer_fa_copyrights -->
<div align="center">
<div class="gen">
<!-- BEGIN footer_fa_copyright_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
<!-- END footer_fa_copyright_link -->
</div>
</div>
<!-- END switch_footer_fa_copyrights -->
<!-- BEGIN switch_footer_links -->
<div align="center">
<div class="gen">
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</div>
</div>
<!-- END switch_footer_links -->
</div>
{PROTECT_FOOTER}
</td>
</tr>
</table>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Ah et puis de mon côté, j'ai fais quelques essais pour voir d'où cela venait, et apparemment, ce serait à cause de l'ombre que j'ai appliqué sur le bodyline. Car lorsque j'enlève l'ombre, tout roule !
Pourtant, en haut ça ne me fait pas ça...
Re: Bug bas cadre forum
Le forum est bien celui-ci http://test-nawel.forumgratuit.org/ ?
Invité- Invité
Re: Bug bas cadre forum
oui, c'est ça !
Re: Bug bas cadre forum
Pour le template, replacez-le par:
Est-ce que quelque chose change ou pas?
- Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
<td>
<div>
<div>
<table>
<tbody>
<tr>
<td>
<!-- END html_validation -->
</td>
<td valign="top" width="{C3SIZE}">
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height: {SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer"> <!-- BEGIN switch_footer_fa_copyrights -->
<div align="center"> <div class="gen"><!-- BEGIN footer_fa_copyright_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
<!-- END footer_fa_copyright_link -->
</div>
</div>
<!-- END switch_footer_fa_copyrights -->
<!-- BEGIN switch_footer_links -->
<div align="center">
<div class="gen">
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</div>
</div>
<!-- END switch_footer_links -->
</div>
{PROTECT_FOOTER}
</td>
</tr>
</table>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Est-ce que quelque chose change ou pas?
Invité- Invité
Re: Bug bas cadre forum
Rien n'a changé :/
Re: Bug bas cadre forum
Juste pour prévenir que j'ai réhebergé les screens puisque picdo (mon hébergeur) affiche page introuvable aujourd'hui.
Voilà, pour ceux qui pensaient avoir la solution mais ne pouvaient pas voir ;D
Ah et le bug du bas du bodyline n'apparaît que sous Firefox, sous Chrome ça marche.
Voilà, pour ceux qui pensaient avoir la solution mais ne pouvaient pas voir ;D
Ah et le bug du bas du bodyline n'apparaît que sous Firefox, sous Chrome ça marche.
Re: Bug bas cadre forum
Bonsoir,
Pensez à utiliser la fonction
Comme ceci, c'est mieux?:
Cordialement.
Pensez à utiliser la fonction
Comme ceci, c'est mieux?:
- Code:
.bodylinewidth {
margin-bottom: -20px;
margin-top: -20px;
widht: 980px;
}
.bodyline {
padding: 0px;
background-color: #285db4;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
th {
color: #285db4;
font-size: 11px;
font-weight : bold;
background-color: #6390d9;
height: 25px;
background-image: url("");
padding: 2px 3px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #285db4;
background-color: #6390d9;
}
td.row1,td.row3.over:hover {
background-color: #285db4;
}
td.row2,td.row1.over:hover {
background-color: #285db4;
}
td.row3{
background-color: #285db4;
}
td.rowpic {
background-color: #285db4;
background-image: url("");
css}
a { text-decoration: none; }
.statistiques{
border:0px;
background-image: url("http://www.picdo.net/fichiers/2011/4/25/d822b7e1-15e6-4934-b91a-da6295ade4fc_Qui-est-la.png");
background-repeat: no-repeat;
background-position: left;
width:980px;
text-align: center;
}
.groupes{
height:px;
padding-right:6px;
padding-left:6px;
padding-bottom:3px;
font-size:15px;
text-decoration: none !important;
margin-left: px;}
.description {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background: none repeat scroll 0 0;
background-color: #a2c0f3;
border-color: #;
border-style:none;
color: #4d77be;
margin-left:150px;
margin-right:150px;
margin-top:10px;
padding:5px 5px 5px 25px;
}
Cordialement.
Re: Bug bas cadre forum
Merci pour votre réponse
Cependant, non, là ça a rajouté un espace en haut en plus de celui du bas :/
Entre temps, j'avais modifié quelques lignes de CSS je le remet.
A partir de maintenant, je ne touche plus au CSS tant que j'ai pas résolu mon problème, sinon ça va vous compliquer la tache :/
Cependant, non, là ça a rajouté un espace en haut en plus de celui du bas :/
Entre temps, j'avais modifié quelques lignes de CSS je le remet.
- Code:
.quote{
font-family: bookman,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #6595e5;
line-height: 100%;
background-color: #204a90;
border: #204a90;
border-style: solid;
border-left-width:1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.code{
font-family: bookman,Courier New,sans-serif;
font-size: 11px;
color: #002a6e;
background-color: #4883e3;
border: #4883e3;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.enligne {
position: absolute;
top: 509px;
left: 448px;
}
.navig {
position: absolute;
top: 260px;
width: 100%;
}
.gen,.genmed,.gensmall {
color : #8aaee8;
}
.forumlink{
font-weight: ;
font-size: 11px;
color : #7daccd;
}
a.forumlink {
text-decoration: none;
color : #7daccd;
}
a.forumlink:link {
color : #7daccd;
}
a.forumlink:visited {
color : #7daccd;
}
a.forumlink:active {
color : #7daccd;
}
a.forumlink:hover{
text-decoration: none;
color : #7daccd;
}
.bodylinewidth {
margin-bottom: -20px;
margin-top: -20px;
widht: 980px;
}
.bodyline {
padding: 0px;
background-color: #285db4;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
th {
color: #285db4;
font-size: 11px;
font-weight : bold;
background-color: #6390d9;
height: 25px;
background-image: url("");
padding: 2px 3px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #285db4;
background-color: #6390d9;
}
td.row1,td.row3.over:hover {
background-color: #285db4;
}
td.row2,td.row1.over:hover {
background-color: #285db4;
}
td.row3{
background-color: #285db4;
}
td.rowpic {
background-color: #285db4;
background-image: url("");
css}
a { text-decoration: none; }
.statistiques{
border:0px;
background-image: url("http://img822.imageshack.us/img822/8830/quiestlr.png");
background-repeat: no-repeat;
background-position: left;
width:980px;
text-align: center;
}
.groupes{
height:px;
padding-right:6px;
padding-left:6px;
padding-bottom:3px;
font-size:15px;
text-decoration: none !important;
margin-left: px;}
.description {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background: none repeat scroll 0 0;
background-color: #a2c0f3;
border-color: #;
border-style:none;
color: #4d77be;
margin-left:150px;
margin-right:150px;
margin-top:10px;
padding:5px 5px 5px 25px;
}
.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: #f00;
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: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
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;
}
A partir de maintenant, je ne touche plus au CSS tant que j'ai pas résolu mon problème, sinon ça va vous compliquer la tache :/
Re: Bug bas cadre forum
Sur votre forum test, je ne vois pas d'espace en haut. (J'utilise Mozilla)
Et pour le bas, retirez le border (dans couleurs > Contours > Couleur du cadre du forum )
Je n'ai rien modifié dans votre css, juste un léger ménage. Si vous avez plusieurs bodyline par exemple, il faut les retrouver un seul bloc.
Si vous avez toujours ces espaces, pourriez vous faire une capture ? ^^
Cordialement.
Re: Bug bas cadre forum
Oui, car j'ai remis mon ancien code (celui que je vous ai donné dans le message précédent) mais en faisant le tri comme vous l'aviez fait.
Du coup, le haut s'est remis en place, mais le bas pose toujours problème :/
J'ai déjà enlevé toutes les couleurs que vous me dites de supprimer.
Le screen est le même que dans mon premier message, rien n'a changé, à part le petit tri que vous m'avez conseillé (je ferais attention désormais).
Sinon, y a-t-il une solution à mon second problème ou non ?
Du coup, le haut s'est remis en place, mais le bas pose toujours problème :/
J'ai déjà enlevé toutes les couleurs que vous me dites de supprimer.
Le screen est le même que dans mon premier message, rien n'a changé, à part le petit tri que vous m'avez conseillé (je ferais attention désormais).
Sinon, y a-t-il une solution à mon second problème ou non ?
Re: Bug bas cadre forum
Pourrais je avoir votre template index box ?
Re: Bug bas cadre forum
bonsoir,
un début de réponse ... en englobant le "bodylinewidth" par une autre class et en utilisant un overflow:hidden pour le bas et le haut ...
ombrage sur tableau
collé au code ..
un début de réponse ... en englobant le "bodylinewidth" par une autre class et en utilisant un overflow:hidden pour le bas et le haut ...
ombrage sur tableau
collé au code ..
- Code:
[table style="overflow:hidden;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;"]
[tr][td][table style="padding: 0px;background-color: #285db4;-moz-box-shadow: 0px 0px 20px #000000;box-shadow: 0px 0px 20px #000000;-webkit-box-shadow: 0px 0px 20px #000000;margin-top: -4px;margin-bottom: -4px;color:white;"]
[tr]
[td][center]contenu
sans
importance [/center][/td][/tr][/table]
[/td][/tr][/table]
Re: Bug bas cadre forum
Anzu, voici mon template :
Scoubifitz > je comprends à peu près ce qu'il faudrait faire, mais où est-ce que je dois encadrer le bodylinewidht et où dois-je mettre le overflow:hidden ?
Merci à tous les deux,
Naw
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<!-- 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 -->
<!-- END switch_user_logged_in -->
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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 -->
<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}">{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="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 dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
<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">
<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 -->
Scoubifitz > je comprends à peu près ce qu'il faudrait faire, mais où est-ce que je dois encadrer le bodylinewidht et où dois-je mettre le overflow:hidden ?
Merci à tous les deux,
Naw
Re: Bug bas cadre forum
comme les templates sont "des morceaux de ..." , "des débuts de ..." , "des fins de ..." et que je préfère ne pas dire de bétises ,
je laisse la place à Anzu pour expliquer où mettre le "div" qui englobe la table "bodylinewidth" ...
pour le CSS , la première table de mon exemple correspondra au "div" à placer ,
la deuxième table , au "bodylinewidth" ...
je laisse la place à Anzu pour expliquer où mettre le "div" qui englobe la table "bodylinewidth" ...
pour le CSS , la première table de mon exemple correspondra au "div" à placer ,
la deuxième table , au "bodylinewidth" ...
Re: Bug bas cadre forum
Je suis désolée, je suis pas très douée :/
J'ai encore pas compris.
Je vais attendre la venue d'Anzu, alors, merci de vous être préoccupé de mon problème !
J'ai encore pas compris.
Je vais attendre la venue d'Anzu, alors, merci de vous être préoccupé de mon problème !
Re: Bug bas cadre forum
Bonjour,
Un membre du forum n'est ni omniscient ni sous l'égide de quelqu'un
Cordialement.
Un membre du forum n'est ni omniscient ni sous l'égide de quelqu'un
Okay la réponse de Mr C est logiqueMr A : j'ai un problème avec le schtroumph.
Mr B : je fais un test et je vous aide.
Mr C : je pense que ça doit venir du schtroumph, attendonz Mr B.
La réponse de Mr C n'est pas logique.Mr A : j'ai un problème avec le schtroumph.
Mr B : est-ce que votre schtroumph est rouge ?
Mr C : je pense que ça doit venir du schtroumph, attendonz Mr B.
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Bug bas cadre forum
J'ai pas non plus compris là où vous vouliez en venir :/
Je pense que c'était une sorte de morale pour moi, mais dans l'histoire du schtroumf, je ne sais pas qui je suis u_u
Je me sentais pas fautive, étant donné que je n'avais VRAIMENT pas compris ce que me proposait Scoubi...
Je pense que c'était une sorte de morale pour moi, mais dans l'histoire du schtroumf, je ne sais pas qui je suis u_u
Je me sentais pas fautive, étant donné que je n'avais VRAIMENT pas compris ce que me proposait Scoubi...
Re: Bug bas cadre forum
Dans l'histoire Mr A, je veux juste dire que Anzu n'indique pas qu'elle a la solution, repassera ou quelque chose du genre
Pour votre problème d'espace en bas je ne sais pas de quoi vous parlez, j'imagine que c'est un des 2 suivants :
Cordialement.
Pour votre problème d'espace en bas je ne sais pas de quoi vous parlez, j'imagine que c'est un des 2 suivants :
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Bug bas cadre forum
Naaw-el a écrit:Re-bonjour
Il y a un espace en bas de mon forum !
Naaw-el a écrit:Ah et puis de mon côté, j'ai fais quelques essais pour voir d'où cela venait, et apparemment, ce serait à cause de l'ombre que j'ai appliqué sur le bodyline. Car lorsque j'enlève l'ombre, tout roule !
Pourtant, en haut ça ne me fait pas ça...
bonsoir,
le problème , c'est l'ombrage qui s'affiche en haut et en bas du forum (d'après ce que j'ai compris)
contenu sans importance |
et que Mr A cherche à éliminer ...
- Code:
[table style="overflow:hidden;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;"]
[tr][td][table style="padding: 0px;background-color: #285db4;-moz-box-shadow: 0px 0px 20px #000000;box-shadow: 0px 0px 20px #000000;-webkit-box-shadow: 0px 0px 20px #000000;margin-top: -4px;margin-bottom: -4px;color:white;"]
[tr]
[td][center]contenu
sans
importance [/center][/td][/tr][/table]
[/td][/tr][/table]
je laisse ma place à ceux qui connaissent assez les templates pour mettre un "div" qui englobe la table "bodylinewidth" ... que ce soit Anzu ou un(e) autre ...
pour le CSS , il est dans le tableau ...
puisqu'Anzu a parlé du bodylinewidth , j'en ai conclu (hâtivement peut-être) qu'elle a aussi vu le problème ...
Cordialement
Mr C ...
Re: Bug bas cadre forum
Bonsoir,
Je n'ai mentionné nulle part ce bodylinewidth, c'est vous qui en avez parlé
Naaw-el > Concernant les titres de forum, postez un nouveau sujet, parce que ce topic par en cacahuète
Concernant le problème d'espace, on en est où ? Parce que je ne m'y retrouve plus
De quel code dois je partir ?
Cordialement.
Je n'ai mentionné nulle part ce bodylinewidth, c'est vous qui en avez parlé
Naaw-el > Concernant les titres de forum, postez un nouveau sujet, parce que ce topic par en cacahuète
Concernant le problème d'espace, on en est où ? Parce que je ne m'y retrouve plus
De quel code dois je partir ?
Cordialement.
Re: Bug bas cadre forum
Oui, c'est ce que j'étais en train de me dire, pour le second problème ^^
Mon problème est toujours le même : https://2img.net/r/ihimizer/img842/6108/screengak.png
Mon CSS est celui-ci :
& le template index_box que vous me demandiez plus haut :
Enfin, le lien vers le forum concerné : http://test-nawel.forumgratuit.org/
J'espère vous avoir donné toutes les infos nécessaires ;D
Mon problème est toujours le même : https://2img.net/r/ihimizer/img842/6108/screengak.png
Mon CSS est celui-ci :
- Code:
.quote{
font-family: bookman,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #6595e5;
line-height: 100%;
background-color: #204a90;
border: #204a90;
border-style: solid;
border-left-width:1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.code{
font-family: bookman,Courier New,sans-serif;
font-size: 11px;
color: #002a6e;
background-color: #4883e3;
border: #4883e3;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.enligne {
position: absolute;
top: 509px;
left: 448px;
}
.navig {
position: absolute;
top: 260px;
width: 100%;
}
.gen,.genmed,.gensmall {
color : #8aaee8;
}
.forumlink{
font-weight: ;
font-size: 11px;
color : #7daccd;
}
a.forumlink {
text-decoration: none;
color : #7daccd;
}
a.forumlink:link {
color : #7daccd;
}
a.forumlink:visited {
color : #7daccd;
}
a.forumlink:active {
color : #7daccd;
}
a.forumlink:hover{
text-decoration: none;
color : #7daccd;
}
.bodylinewidth {
margin-bottom: -20px;
margin-top: -20px;
widht: 980px;
}
.bodyline {
padding: 0px;
background-color: #285db4;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
th {
color: #285db4;
font-size: 11px;
font-weight : bold;
background-color: #6390d9;
height: 25px;
background-image: url("");
padding: 2px 3px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #285db4;
background-color: #6390d9;
}
td.row1,td.row3.over:hover {
background-color: #285db4;
}
td.row2,td.row1.over:hover {
background-color: #285db4;
}
td.row3{
background-color: #285db4;
}
td.rowpic {
background-color: #285db4;
background-image: url("");
css}
a { text-decoration: none; }
.statistiques{
border:0px;
background-image: url("http://img822.imageshack.us/img822/8830/quiestlr.png");
background-repeat: no-repeat;
background-position: left;
width:980px;
text-align: center;
}
.groupes{
height:px;
padding-right:6px;
padding-left:6px;
padding-bottom:3px;
font-size:15px;
text-decoration: none !important;
margin-left: px;}
.description {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background: none repeat scroll 0 0;
background-color: #a2c0f3;
border-color: #;
border-style:none;
color: #4d77be;
margin-left:150px;
margin-right:150px;
margin-top:10px;
padding:5px 5px 5px 25px;
}
.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: #f00;
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: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
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;
}
& le template index_box que vous me demandiez plus haut :
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<!-- 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 -->
<!-- END switch_user_logged_in -->
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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 -->
<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}">{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="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 dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
<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">
<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 -->
Enfin, le lien vers le forum concerné : http://test-nawel.forumgratuit.org/
J'espère vous avoir donné toutes les infos nécessaires ;D
Re: Bug bas cadre forum
bonsoir ,
pour en finir avec ce topic , et après avoir testé ,
dans le template "overall_header" recherchez ceci :
et remplacez par ceci :
puis , en bas du template remplacez ceci :
par ceci :
et enfin rajoutez à la fin de votre CSS ceci :
bonne fin de soirée ...
pour en finir avec ce topic , et après avoir testé ,
dans le template "overall_header" recherchez ceci :
- Code:
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
et remplacez par ceci :
- Code:
{JAVASCRIPT}
<div class="autour"><table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
puis , en bas du template remplacez ceci :
- Code:
</table>
</body>
</html>
<!-- END html_validation -->
par ceci :
- Code:
</table></div>
</body>
</html>
<!-- END html_validation -->
et enfin rajoutez à la fin de votre CSS ceci :
- Code:
.autour {
overflow:hidden;
padding-left:20px;
padding-right:20px;
margin-left:auto;
margin-right:auto;
margin-bottom: -10px;
margin-top: -10px;}
.bodylinewidth {
padding: 0px;
background-color: #285db4;
-moz-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
margin-top: -4px;
margin-bottom: -4px;
}
bonne fin de soirée ...
Re: Bug bas cadre forum
MERCIIIII !
Ca marche parfaitement bien ! Merci beaucoup à vous, scoubifitz ;D
Je mets résolu
Ca marche parfaitement bien ! Merci beaucoup à vous, scoubifitz ;D
Je mets résolu
Re: Bug bas cadre forum
C'était inutile de passer par les templates
Faut faire au plus simple:
Via la css:
Ah résolu ? Vous n'en voulez plus des titres centrés ?
Faut faire au plus simple:
Via la css:
- Code:
body {
padding: 0px;
margin: 0;
}
.bodylinewidth {
margin-bottom: 0px !important;
}
.bodyline {
margin-bottom: 0px !important;
}
.quote{
font-family: bookman,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #6595e5;
line-height: 100%;
background-color: #204a90;
border: #204a90;
border-style: solid;
border-left-width:1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.code{
font-family: bookman,Courier New,sans-serif;
font-size: 11px;
color: #002a6e;
background-color: #4883e3;
border: #4883e3;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.enligne {
position: absolute;
top: 509px;
left: 448px;
}
.navig {
position: absolute;
top: 260px;
width: 100%;
}
.gen,.genmed,.gensmall {
color : #8aaee8;
}
.forumlink{
font-weight: ;
font-size: 11px;
color : #7daccd;
}
a.forumlink {
text-decoration: none;
color : #7daccd;
align: middle;
}
a.forumlink:link {
color : #7daccd;
align: middle;
}
a.forumlink:visited {
color : #7daccd;
}
a.forumlink:active {
color : #7daccd;
}
a.forumlink:hover{
text-decoration: none;
color : #7daccd;
}
.bodylinewidth {
margin-bottom: -20px;
margin-top: -20px;
widht: 980px;
}
.bodyline {
padding: 0px;
background-color: #285db4;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
th {
color: #285db4;
font-size: 11px;
font-weight : bold;
background-color: #6390d9;
height: 25px;
background-image: url("");
padding: 2px 3px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #285db4;
background-color: #6390d9;
}
td.row1,td.row3.over:hover {
background-color: #285db4;
}
td.row2,td.row1.over:hover {
background-color: #285db4;
}
td.row3{
background-color: #285db4;
}
td.rowpic {
background-color: #285db4;
background-image: url("");
css}
a { text-decoration: none; }
.statistiques{
border:0px;
background-image: url("http://img822.imageshack.us/img822/8830/quiestlr.png");
background-repeat: no-repeat;
background-position: left;
width:980px;
text-align: center;
}
.groupes{
height:px;
padding-right:6px;
padding-left:6px;
padding-bottom:3px;
font-size:15px;
text-decoration: none !important;
margin-left: px;}
.description {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background: none repeat scroll 0 0;
background-color: #a2c0f3;
border-color: #;
border-style:none;
color: #4d77be;
margin-left:150px;
margin-right:150px;
margin-top:10px;
padding:5px 5px 5px 25px;
}
.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: #f00;
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: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
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;
}
Ah résolu ? Vous n'en voulez plus des titres centrés ?
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