CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Fond de la liste des sujets qui ne va pas jusqu'en bas [A archiver] | |
| |
Nono
{ Membre }
Messages : 148
| Bonjour, Les joies du code on une fois de plus frappé ! Changement de design sur mon forum. Sur le fow de test c'était parfait, aucun bug, et la hop quand je le mets sur le vrai forum, hahaha il trouve le moyen de me faire un bug. Oh que j'aime ça ! Je vous explique. Le bug se passe dans l'affichage de la liste des sujets. Le plus simple pour comprendre c'est de voir ça en image. Donc ça devrait me donner ceci : Lien direct img : https://2img.net/r/hpimg11/pics/449449bonneversion.png - Spoiler:
Mais j'obtiens ceci, le fond ne va pas jusqu'en bas. Lien direct img : https://2img.net/r/hpimg11/pics/876148mauvaiseversion.png - Spoiler:
Donc je suppose que ça vient du template "topics_list_box" Au cas ou je vous le passe si quelqu'un veut jeter un coup d'oeil (mais pourquoi ça marcherai pas sur le fow et que ça marche sur le fow de test ?) Je pense également que le problème tourne autour de la class bloc_sujets car c'est elle qui est la pour encadrer. - Code:
-
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<div class="bloc_sujets"> <!-- BEGIN multi_selection --> <span align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></span> <!-- END multi_selection --> <!-- BEGIN pagination --> <span align="right"><span class="gensmall">{PAGINATION}</span></span> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <!-- END header_row --> <!-- BEGIN topic --> {topics_list_box.row.END_TABLE_STICKY} <table class="sujets"><tr> <!-- BEGIN single_selection --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td> <!-- END single_selection --> <td><span class="icones_sujets"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></span></td> <!-- BEGIN icon --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td> <!-- END icon --> <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%"> <div class="topictitle"> {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <h2 class="topic-title"> <a class="topictitle2" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> </h2> </div> <!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span> <!-- END switch_description --> <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span> </td>
<td class="row3" align="center" valign="middle"><span class="sujets_auteur"><i>par {topics_list_box.row.TOPIC_AUTHOR}</i></span></td> <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="sujet_last">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td> <!-- END multi_selection --> </tr></table> <div class="sujets_stats"><span class="sujets_stats_contenu">Ce sujet a été vu {topics_list_box.row.VIEWS} fois et a reçu {topics_list_box.row.REPLIES} réponse(s).</span></div> <!-- END topic --><!-- BEGIN no_topics --> <table><tr> <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> </tr></table> <!-- END no_topics --><!-- BEGIN bottom -->
<br /><br /> <div class="pages"><span class="gensmall">{PAGINATION}</span> <span><a href="#top">{L_BACK_TO_TOP}</a> </span></div> <!-- END bottom --><!-- BEGIN footer_table --> </div><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box --> Et deuxième petite question, mais c'est moins grave. Pourquoi la boite de réponse rapide et si large que ça maintenant ? (que ce soit sur le fow de test ou sur le fow normal. Lien direct img : https://2img.net/r/hpimg11/pics/725260prb2.png - Spoiler:
En tout cas merci à la personne qui pourra m'aider. J'suis un peu embêté vu qu'on est en train de mettre le design. Bon c'est pas non plus dramatique, c'est de l'ordre de l'esthétique, mais j'aimerai tellement trouver d’où viens le bug. Merci encore une fois d'avance ^^ |
Dernière édition par Nono le Ven 16 Nov 2012, 04:02, édité 1 fois | |
| | | Doare
{ Spécialiste }
Messages : 544
| Bonjour On aura également besoin de ton CSS. Il serait aussi pratique de pouvoir analyser la chose en live sur ton forum. | | |
| | | Nono
{ Membre }
Messages : 148
| Bien sûr ! Et au cas ou le lien du forum (que je supprimerai plus tard s'il faut) http://try-again.forumactif.com/ Alors le CSS : - Code:
-
body { background-image: url("http://img4.hostingpics.net/pics/836141bannieretryagainv4.png"), url("http://img15.hostingpics.net/pics/736264solid.png"); background-repeat: no-repeat, repeat; background-position: center top; background-position: 0 20px; }
/*Présentation du Profil*/ .atelierprof { padding:10px; /*text-transform:uppercase;*/ background-color:#c5c7c5; }
.pseudo_membre{ font-size: 15px; text-shadow : 1px 1px 3px #020202; }
.bodylinewidth{ margin-top:-9px; margin-bottom:-9px; }
/*CODE*/ .code{ font-family: Courier,Courier New,sans-serif; font-size: 11px; color: #000000;/*texte*/ background-color: #989898;/*fond*/ border: #6a0b0b;/*bordure*/ border-style: solid; border-left-width: 7px; border-top-width: 0px; border-right-width: 7px; border-bottom-width: 0px; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
/*CITATION*/ .quote{ font-family: Tahoma; font-size: 12px; color: #000000; line-height: 125%; background-color: #989898; border: #6a0b0b; border-style: solid; border-left-width: 6px; border-top-width: 0px; border-right-width: 6px; border-bottom-width: 0px; padding:7px; -moz-border-radius:6px; -webkit-border-radius:6px;}
/*SPOILER*/ .spoiler{ font-family: verdana; font-size: 11px; color: #FFF6D8; line-height: 125%; background-color: #989898; border: #6a0b0b; border-style: solid; border-left-width: 6px; border-top-width: 0px; border-right-width: 6px; border-bottom-width: 0px; padding:7px; }
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }/*selection du code*/
.catHead { border: none !important;} /*retire la couleur cadre catégorie*/ .catBottom { border: none !important;} .thLeft { border: none !important;} .thRight { border: none !important;} .row3Right { border: none !important;}
/*retire bordure gênante*/ .row3Right { border: none !important; } .thHead { border: none !important; } .thCornerL, .thCornerR, .thTop { border: none !important; } .thLeft, .thRight { border-left: none !important; border-right: none !important; } .catLeft, .catRight { border: none! important; } .catHead { border: none !important; } .catBottom { border: none !important; }/* fin*/
.forumline { width: 100%; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; background: #e9e9e6; border: 1px solid #ffffff; box-shadow: 0px 0px 5px #595959; -moz-box-shadow: 0px 0px 5px #595959; -o-box-shadow: 0px 0px 5px #595959; -htm-box-shadow: 0px 0px 5px #595959; -webkit-box-shadow: 0px 0px 5px #595959; } table { width: 100%; margin: auto; }
#page-body /* correction bug*/ { width: 920px; margin: auto; }
/* Barre de navigation*/ #navigation { position: fixed; z-index: 999; height: 30px; width: 100%; margin-left: -8px; } #navig { width: 100%; margin: auto; text-align: center; background: #a4a4a4; border-bottom: 2px solid #d24b4b; padding-bottom: 3px; } #navig a { font-weight: bold; color: black; } /*fin barre de navigation*/
/*Catégorie*/ a.nav img { width: 200px; } .cate_titre { width: 98%; margin: auto; text-align: center; } .categorie { width: 98%; margin: auto; margin-top: 10px; margin-bottom: 10px; background: #a4a4a4; border: 3px solid #a4a4a4; box-shadow: 0px 0px 5px #595959; -moz-box-shadow: 0px 0px 5px #595959; -o-box-shadow: 0px 0px 5px #595959; -htm-box-shadow: 0px 0px 5px #595959; -webkit-box-shadow: 0px 0px 5px #595959; } .forum { width: 98%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; background: #f0eded; padding: 2px; } .forumlink { display: block; width: 600px; font-variant: small-caps; letter-spacing: 2px; padding-left: 20px; text-shadow: 1px 1px 0px #ffffff; } .forumlink a { font-size: 16px; border-bottom: 2px solid #f15353; text-decoration: none !important; } .description { display: block; width: 500px; margin: auto; font-size: 11px; text-align: justify; color: #a6a6a6; } .illu { float: right; margin-left: 10px; margin-bottom: 10px; border: 1px solid #c0c0c0; background: #e9e9e6; padding: 5px; }
.stats_last { display: block; width: 150px; margin: auto; background: #d1d0d0; border: 1px solid #a4a4a4; }
.stats { display: block; text-align: center; font-size: 10px; color: #706d6d; border-bottom: 1px solid #a4a4a4; padding-bottom: 4px; margin-bottom: 4px; } .last { display: block; text-align: center; font-size: 11px; } .sous_forum { display: block; width: 98%; margin: auto; background: #d61d1d; padding: 2px; text-align: center; }/* Fin*/
.nsujets{ /*mise en forme du "ecrit par ..."*/ }
/*Profil derrière l'avatar*/
/* Code par Hiro pour CSSACTIF Merci de ne pas supprimer cette mention (http://www.css-actif.com) */
#englob { /* Encadrement global des 2 divs */ position:relative; width:200px; height:320px; /*border:1px solid red; La vilaine bordure rouge */ overflow:hidden; /* Permet de cacher ce qui dépasse */ }
.imgp { background:blue; /* le bg de la div qui contient l'avatar */ position:absolute; /* Laissez comme ceci */ top:0;/* Laissez comme ceci */ left:0;/* Laissez comme ceci */ width:100%;/* Laissez comme ceci */ height:100%;/* Laissez comme ceci */ z-index:1;/* La position par rapport à l'autre div qui contient les infos */ -webkit-transition:all 0.5s;/* Laissez comme ceci */ -moz-transition:all 0.5s;/* Laissez comme ceci */ -o-transition:all 0.5s;/* Laissez comme ceci */ -ms-transition:all 0.5s;/* Laissez comme ceci */ transition:all 0.5s;/* Laissez comme ceci */ }
#englob:hover > .imgp { margin-top:300px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */ }
.infosp { background: #acacac; /* le bg de la div qui contient les infos*/ position:absolute;/* Laissez comme ceci */ top:0;/* Laissez comme ceci */ left:0;/* Laissez comme ceci */ width:100%;/* Laissez comme ceci */ height:100%;/* Laissez comme ceci */ z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/ opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */ margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */ -webkit-transition:all 0.5s;/* Laissez comme ceci */ -moz-transition:all 0.5s;/* Laissez comme ceci */ -o-transition:all 0.5s;/* Laissez comme ceci */ -ms-transition:all 0.5s;/* Laissez comme ceci */ transition:all 0.5s;/* Laissez comme ceci */ padding: 5px; }
#englob:hover > .infosp { opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */ margin-left:0px;/* et on décale cette div à 0px (position par défaut) */ }
/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets { width: 950px; margin: auto; background: #dfdfdf; border: 1px solid #ececec; box-shadow: 0px 0px 3px #868686; -o-box-shadow: 0px 0px 3px #868686; -moz-box-shadow: 0px 0px 3px #868686; -webkit-box-shadow: 0px 0px 3px #868686; -htm-box-shadow: 0px 0px 3px #868686; padding: 5px; } .sujets { background: #ececec; border: 1px solid #ffffff; padding: 3px; } .topictitle { font-variant: small-caps; font-size: 12px; } .sujets_auteur { display: block; width: 200px; font-size: 11px; } .sujet_last { display: block; width: 180px; height: 40px; background: #f4f4f4; border-left: 3px solid #9e9e9e; border-right: 3px solid #9e9e9e; padding-top: 10px; font-size: 11px; } .sujets_stats { width: 900px; text-align: right; margin-bottom: 5px; } .sujets_stats_contenu { font-size: 10px; color: #a4a4a4; } /* fin mise en forme liste sujet*/
/****************************** PAGE D'ACCUEIL ********************/
#conteneur{ position: relative; width: 770px; height: 500px; padding: 10px; }
.bienvenue{ font-size: 50px; font-family: Times New Roman, Times, serif; text-align: center; color: #d1d0d0; }
.nav_pa{ background: #d1d0d0; padding: 4px; text-align: center; }
.nav_pa a{ text-decoration: none !important; }
.menu_pa{ margin: 15px; text-transform: uppercase; color: white; }
.menu_pa:hover{ background: #d61d1d; -moz-transition-property: background; -moz-transition-duration: 2s; }
.pv{ text-align: center; padding-top: 15px; }
.pv a img{ text-align: center; border-radius: 100px; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ }
.pv a img:hover{ width: 100px; height: 100px; border-radius: 20px 20px 0px 0px; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
.titrepv{ text-transform: uppercase; color: black; position: absolute; top: 150px; left: -15px; z-index: 13; font-size: 15px; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); }
.contexte{ width: 350px; height: 190px; background: #d1d0d0; position: absolute; top: 228px; left: 25px; }
.contexte_titre{ text-align: center; font-size: georgia; text-transform: uppercase; }
.texte{ text-align: justify; overflow: auto; height: 210px; padding: 10px; font-size: 12px; }
.top_site{ width: 350px; height: 60px; background: #d1d0d0; position: absolute; left: 25px; top: 425px; }
.partenaire{ width: 100px; height: 258px; background: #d1d0d0; position: absolute; left: 400px; top: 228px; }
.staff{ position: absolute; right: 10px; top: 228px; }
.translate { /*effet transition présentation staff*/ height:50px; width:256px; background: #d1d0d0; color: black; overflow: hidden; position:relative; } .translate p { padding:5px; margin:0px; text-align:justify; } .translate img { -moz-transition: all 1s ease-in-out; -webkit-transition: all1s ease-in-out; transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; position:absolute; top:0px; left: 0px; } .translate:hover img { -moz-transform: translate(256px, 68px);/*XX=largeur de ton image pour un déplacement horizontal; YY=hauteur de l'image pour déplacement vertical*/ -webkit-transform: translate(256px, 68px); -o-transform: translate(256px, 68px); -ms-transform: translate(256px, 68px); transform: translate(256px, 68px); }
.information{ width: 256px; height: 70px; background: #d1d0d0; position: absolute; bottom: 35px; right: 10px; font-size: 12px; }
/*********************** QEEL ************************/ .mon_onglet{ display: inline; padding: 5px; font-size: 14px; font-weight: bold; margin: 2px; color: #000; text-shadow: 0px 1px 2px grey; }
.tableauqueel{ border: 6px solid #a4a4a4; } .mon_onglet:hover{ display: inline; padding: 5px; font-size: 14px; font-weight: bold; margin: 2px; color: #000; text-shadow: 0px 1px 2px grey; } .mon_onglet_selected{ display: inline; padding: 5px; position: relative; top: 5px; font-size: 14px; font-weight: bold; margin: 2px; color: #000; text-shadow: 0px 1px 2px grey; } .clear{ clear: both;} .mon_contenu{ color: #000; border: 1px solid #eccdcd; box-shadow: 0px 2px 3px #a3a3a3; background-color: #d1d0d0; padding: 10px; margin: 10 px; width: 320px; height: 150px; line-height: normal; font-size: 11px;} #mes_contenus, #mes_onglets{ height: 100%; width:100%;}
a.personnagetitre { font-family: arial; font-size: 4; text-transform : none; text-decoration: none!important; text-shadow: #000000 2px 2px 2px; }
a.personnagetitre:hover { font-family: arial; font-size: 4; text-transform : none!important; text-decoration: none!important; text-shadow: #000000 2px 2px 2px; }
.rang { padding: 3px; border: 2px solid #a29c8b; box-shadow: 0px 0px 2px #b2ab99; border-radius: 5px; background-color: #beb7a3; margin-right: 3px; margin-left: 3px;}
td.avatarfond { background-color: #58012a42; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
.partiedroite { padding: 5px; font-size: 12px; text-align: justify; font-family: calibri; }
.descriptadmin { border-left: 7px solid #477ab5; font-family: calibri; margin-left: 7px; margin-top: 5px; color: #8a7b58; font-size: 10px; padding: 3px; }
.descriptjeu { margin-left: 10px; margin-right: 10px; margin-top: 5px; font-family: calibri; color: #8a7b58; font-size: 10px; padding: 3px; }
.descripi { height: 66px; overflow: auto; position: relative; right: 2px; padding: 3px; text-align: justify; background-color: #d0c8b3; border-top: 2px solid #c21f15; }
.descripi:hover { height: 66px; overflow: auto; position: relative; right: 2px; text-align: justify; background-color: #d0c8b3; padding: 3px; border-top: 2px solid #477ab5; }
.imagedescrp { border: 2px solid #c21f15; }
.imagedescrp:hover { border: 2px solid #477ab5; }
h4 { color: #477ab5; font-weight: bold; font-size: 30px; }
.partiedroiteqeel { border: 1px solid #eccdcd; box-shadow: 0px 2px 3px #a3a3a3; background-color: #d1d0d0; height: 92px; margin: 3px; padding: 4px; font-size: 10px; text-shadow: 0px 1px 1px gray; overflow: auto; }
.partiedessousqeel { border: 1px solid #eccdcd; box-shadow: 0px 2px 3px #a3a3a3; background-color: #d1d0d0; height: 80px; margin: 3px; padding: 4px; font-size: 10px; text-shadow: 0px 1px 1px gray; overflow: auto; }
/************************************************************** -----------------------Ancienne partie CSS------------------- **************************************************************/ /* fiche de présentation */
.presentationirl { background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png); width: 382px; height: 94px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; font-size: 11px; padding: 3px; font-family: arial; line-height: 13px; overflow: auto; text-align: justify; }
.titrepassehistoire { font-size: 20px; margin-top: 7px; color: #9b8d74; font-weight: bold; font-family: batang; text-shadow: 0px 1px 2px grey; }
.passehistoire { background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png); width: 492px; height: 400px; padding: 3px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; font-size: 11px; font-family: arial; line-height: 14px; overflow: auto; text-align: justify; }
.questionnaire { background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png); width: 370px; height: 192px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; font-size: 11px; font-family: arial; line-height: 14px; overflow: auto; text-align: justify; }
.ID2 { width: 120px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; } .titrechamp { font-weight: bold; color: #8c6352; }
.casepres { background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png); width: 191px; height: 100px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; font-size: 10px; font-family: arial; line-height: 12px; overflow: auto; text-align: justify; }
.ID { border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; }
.acteur { position: relative; right: 150px; font-family: tahoma; font-size: 10px; }
.fonfiche { background-image:url(http://i49.tinypic.com/4kjluo.png); width: 530px; height: 977px; border-radius: 5px; border: 1px solid #9b8d74; box-shadow: 0px 2px 2px #897e6a; }
.fonfiche:hover { background-image:url(http://i49.tinypic.com/4kjluo.png); width: 530px; height: 977px; border-radius: 5px; border: 1px solid #b0a084; box-shadow: 0px 2px 2px #d897e6a; }
.champnom { margin-top: 8px; font-family: batang; border-bottom: 3px double #aa6955; color: #363636; text-shadow: 0px 1px 1px #b8a98e; font-size: 24px; padding: 5px; width: 80%; }
#text_edit { display: block !important; }
.fondprofil2 { border: 1px solid #9b8d74; box-shadow: 0px 2px 3px #9b8d74; background-image: url("http://i40.servimg.com/u/f40/09/00/11/61/sans_t19.png"); margin: 3px; }
.pseudoprofil2 { Text-Shadow: #b1a898 1px 0px 0px, #b1a898 1px 1px 0px, #b1a898 1px -1px 0px, #b1a898 -1px 1px 0px, #b1a898 -1px 0px 0px, #b1a898 -1px -1px 0px, #b1a898 0px 1px 0px, #b1a898 0px -1px 0px; font-family: calibri; font-size: 20px; font-weight: bold; margin: 5px; line-height: 20px; } b{ color: #5f6069; /*couleur du texte*/ font-weight: bold; font-size: 9px; text-transform: uppercase; font-variant: none; /*variante du texte (ici petites majuscules)*/ font-family: times new roman; }
u{ border-bottom: 1px solid; /*--- taille du soulignement ---*/ border-color: #6e4338; /*--- couleur du soulignement ---*/ text-decoration: none; }
i{ letter-spacing: 1px; word-spacing: 2px; text-decoration: none; }
.rangcouleur { align: center; font-size: 10px; letter-spacing: 3px; }
.liensub { background-color: #ece5d9; border: 1px solid #867a64; margin: 3px; width: 100px; height: 90px; overflow: auto; font-family: tahoma; text-transform: capitalize; text-align: center; font-size: 14px; color: black; }
.liensub:hover { background-color: #ece5d9; border: 1px solid #867a64; margin: 3px; width: 100px; height: 90px; overflow: auto; text-transform: capitalize; font-family: tahoma; text-align: center; font-size: 14px; }
.fichedeperso { text-shadow: 0px 1px 1px gray; padding: 5px; text-align: justify; font-size: 11px; }
.descriptit { padding: 5px; height: 50px; font-size: 12px; overflow: auto; } a { text-decoration:none!important; text-transform:none; }
a:hover{ text-background : url(http://img28.imageshack.us/img28/1880/gradiantwhite.png) repeat-x; text-transform: none; text-decoration: none!important; }
a {font-variant: none; family-font: times new roman;}
/*arrondis zones de texte*/ textarea, .textarea.post, input.post { border: 1px solid #bbbbbb; box-shadow: 0px 2px 3px #909090; background-color: #ece5d9; font-size: 12px; margin: 3px; }
/*arrondis zones de saisie identifiant*/ input,textarea, select { border: 1px solid #bbbbbb; box-shadow: 0px 2px 3px #909090; background-color: #ece5d9; font-size: 12px; margin: 3px; }
a.personnagetitre { font-family: arial; font-size: 4; text-transform : none; text-decoration: none!important; text-shadow: #000000 2px 2px 2px; }
a.personnagetitre:hover { font-family: arial; font-size: 4; text-transform : none!important; text-decoration: none!important; text-shadow: #000000 2px 2px 2px; }
.rang { padding: 3px; border: 2px solid #a29c8b; box-shadow: 0px 0px 2px #b2ab99; border-radius: 5px; background-color: #beb7a3; margin-right: 3px; margin-left: 3px;}
td.avatarfond { background-color: #58012a42; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
/*CSS fiche présentation*/ .cadre1{ margin-left: 0px; margin-right: 0px; padding: 1px; border-bottom: 0px #transp solid; border-top: 0px #transp solid; border-right: 5px #000000 solid; border-left: 5px #000000 solid; -moz-border-radius: 10px 10px 10px 10px; background-color: #7D7D7D; margin-left: 0px; margin-right: 0px; padding: 3px; -moz-border-radius: 100px 100px 0px 0px; }
.cadre2{ color: gray; border-bottom: #000000 2px ; letter-spacing: 2px; word-spacing: 2px; text-align: center; font-size: 10px; line-height: 13px; line-width: 100px; }
.cadre_int1{ width:400px; BACKGROUND-COLOR:#ffffff; border: 1px double #000000; -moz-border-radius: 10px 10px 10px 10px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); padding: 20px; }
.name_fiche{ font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 40px; letter-spacing: -3pt; text-transform: lowercase; text-shadow: 0px 0px 1px #FFFFFF; }
.image{ -moz-transform:rotate(0deg); -moz-box-shadow:0px 0px 10px black; }
.titre_id{ font-family: Courier New; font-size: 35px; text-align: center; color: #FFFFFF; font-weight: bold; }
.identification{ overflow: auto; width:500px; BACKGROUND-COLOR:#ffffff; -moz-border-radius: 10px 10px 10px 10px; border: 1px double #000000; font-family: arial; }
.cadre3{ margin-left: 0px; margin-right: 0px; padding: 4px; border-bottom: 0px #transp solid; border-top: 0px #transp solid; border-right: 5px #000000 solid; border-left: 5px #000000 solid; -moz-border-radius: 10px 10px 10px 10px; background-color: #7D7D7D; margin-left: 0px; margin-right: 0px; padding: 3px; -moz-border-radius: 0px 0px 0px 0px; margin-top: -40px; }
.cadre4{ margin-left: 0px; margin-right: 0px; padding: 4px; border-bottom: 0px #transp solid; border-top: 0px #transp solid; border-right: 5px #000000 solid; border-left: 5px #000000 solid; -moz-border-radius: 10px 10px 10px 10px; background-color: #7D7D7D; margin-left: 0px; margin-right: 0px; padding: 3px; -moz-border-radius: 0px 0px 100px 100px; margin-top: -40px; }
.image_1{ width: 100px; -moz-transform:rotate(5deg); margin-left:10px; -moz-box-shadow:0px 0px 5px black; }
.image_2{ width: 100px; -moz-transform:rotate(-5deg); margin-left:10px; -moz-box-shadow:0px 0px 5px black; } /*fin CSS fiche présentation*/
| | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour ! Pour ton premier problème, il est dû - je pense - au fait que tu as demandé la séparation des sujets des posts-its et annonces par un tableau (Je pense que l'option "par une ligne" devrait suffire) Ne me demande pas pourquoi, mais apparemment ce réglage pose toujours problème. Pour la réponse rapide, je crois qu'en tant qu'invités on n'y a pas accès, en tout cas je ne l'ai pas trouvée, donc difficile de tester. Sinon je tiens à te signaler que tu as placé le logo de la Licence Creative Commons (en mettant un lien vers la page en anglais plutôt que celle en français) dans tes crédits, en indiquant juste avant que "Toutes reproductions partielles ou totales sont interdites." Le problème, c'est que la licence CC, au contraire, autorise toute copie, reproduction et redistribution x) | | |
| | | Nono
{ Membre }
Messages : 148
| Tout d'abord, merci de ta réponse ^^ Alors tu avais raison pour le premier problème, par contre j'étais bien réglé sur "par une ligne", du coup j'ai changée et mis "non" pour les séparations et maintenant ça marche ^^ J'avais même pas pensée à chercher par la ! En tout cas merci Pour la réponse rapide, au cas ou je peux te passe le lien de mon fow de test ou le problème s'y trouve aussi. Et dernière petite question car on a vu le problème qu’après (et qu'il n'était pas sur le fow de test, décidément je suis maudite !). Sur l'avatar, j'ai un hover un peu comme ici ou doit apparaitre la fiche personnage (sur TA c'est l'inventaire, sauf qu'il ne me montre pas l'inventaire, alors que sur mon fow de test, il le faisait). Et pour la licence, ce n'est pas moi qui l'avait dit. Je vais regarder ça de plus prés. | | |
| | | Melone
{ Modérateur }
Messages : 805
| Bien le bonjour ! Ton problème est-il toujours d'actualité ?Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu ! Bonne journée, | | |
| | | Nono
{ Membre }
Messages : 148
| Bonjour,
Le problème est en effet toujours d'actu ^^ | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Hum, ça m'a pris un moment, mais j'ai peut-être une idée. Comme ton textarea est réglé pour faire une largeur de 100%, quand tu lui mets des marges latérales, forcément ça dépasse. Ca se passe dans cette partie : - Code:
-
/*arrondis zones de texte*/ textarea, .textarea.post, input.post { border: 1px solid #bbbbbb; box-shadow: 0px 2px 3px #909090; background-color: #ece5d9; font-size: 12px; margin: 3px; }
/*arrondis zones de saisie identifiant*/ input,textarea, select { border: 1px solid #bbbbbb; box-shadow: 0px 2px 3px #909090; background-color: #ece5d9; font-size: 12px; margin: 3px; } Soit dit en passant, il y a contradiction dans ce CSS puisque les deux concernent textarea. Le premier s'applique aux classes/sélecteurs .textarea , .textarea.post et .input.post , et le second s'applique à input , textarea (encore) et select . Dans la mesure où les effets sont rigoureusement identiques de l'un à l'autre bloc, qu'il n'y a pas, je crois, de classe .textarea (et de toute façon en tant que mot clé HTML c'est déconseillé) et qu'en plus les joies de la hiérarchie CSS rendent le premier inutile, je te conseille donc de supprimer ledit premier bloc et de te contenter du second. Ensuite, le problème, disais-je, doit probablement être dû à la marge horizontale sur les textarea. On va juste rajouter à la suite du code que j'ai cité, une correction qui ne s'appliquera qu'aux seules balises <textarea> , pour que les marges latérales soient de 0px tout en gardant la fameuse marge de 3px déjà existante en haut et en bas : - Code:
-
textarea { margin-left: 0; margin-right:0; } Je ne garantis absolument rien. Il y a certains choix qui ont été faits dans ce code (je vois des 100% partout) qui me laissent perplexe, mais on va bien voir. | | |
| | | Nono
{ Membre }
Messages : 148
| Coucou,
Tout d'abord merci de ta réponse ^^
Donc j'ai testée ce que tu m'as dis, mais la zone reste toujours aussi large. Je gagne juste une petite marge de chaque coté.
Il n'y a pas possibilité d'ajouter une taille ou quelque chose du genre ? | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Si, ya moyen, en éditant directement les templates, mais je ne comprends pas pourquoi cette zone est aussi large alors que "par défaut" elle est supposée être d'une taille raisonnable XD
Est-ce que tu sais à partir de quelle modification ce "bug" a fait son apparition ?
Est-ce que les templates modifiés sont bien des templates "par défaut" qui ont été modifiés par la suite, ou bien de vieux templates ? (La question doit paraitre saugrenue : en fait, ForumActif met régulièrement à jour les templates par défaut des forums. Si le template de base utilisé est une version obsolète, il peut y avoir des bugs) | | |
| | | Nono
{ Membre }
Messages : 148
| Hum c'est une bonne question ! A la base, j'ai juste suivis un tuto, te dire à quel moment c'est apparu...hum c'est compliqué, et j'ai le même problème sur mon autre forum (et je n'ai pas utilisée le même tuto). J'en ai vraiment aucune idée.
Pour les templates je l'ignore. Mais ça doit être ce qu'il y a de base. Vu que j'ai fais ça sur mon fow de test, j'ai supprimée les anciens templates modifiés, donc je suppose quand faisant ça, par défaut s'il y a eut MAJ au niveau des templates, je devrais avoir les nouveaux ?
D'ailleurs c'est étrange, je viens de comparer avec un autre forum ou j'ai fais le code en prenant le même tuto, et je n'ai pas le bug. C'est à devenir fou ! | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Je pense que c'est le fait que tu as forcé toutes les tables à être à une dimension de 100% alors que ça ne devrait pas être le cas Comme je ne peux pas voir la réponse rapide en tant qu'invité, je me focalisais sur la réponse normale (et donc sur l'espèce de dépassement tout moche). Retire cette partie (ou du moins la taille, le margin auto centrera toutes les tables "de petite taille" automatiquement) - Citation :
- table
{ width: 100%; margin: auto; } Normalement, la réponse rapide devrait reprendre une dimension plus normale. Par contre, comme souvent quand on fait des choix CSS pas très pertinents, il y a le risque que d'autres aspects de ton forum coincent un peu. Je n'ai pas vu de changement en testant avec firebug mais bon... (Il faudrait que tu centres le fond-bannièe aussi, aligné à gauche c'est super moche quand on a un écran large XD) | | |
| | | Nono
{ Membre }
Messages : 148
| Tu un génie ! C'est miraculeux c'est redevenu normal Et visiblement tout le reste est ok, ça n'a rien fait bugé Pour la ban (avec mon écran je vois pas il est trop petit), j'ai un Top center dans le code, mais je ne comprends pas pourquoi il ne veut pas marcher. Logiquement c'est bien ce code ? | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Ben non, regarde mieux ton code : - Code:
-
background-position: center top; background-position: 0 20px; Deux fois la même propriété background-position , c'est donc la deuxième qui l'emporte et qui vient écraser la première de toute sa supériorité x) | | |
| | | Nono
{ Membre }
Messages : 148
| Hum oui en effet ! Du coup j'ai enlevée le deuxième. Par contre, ma bannière remonte un peu et le dessous se retrouve caché derrière la barre navig. N'y a t'il pas moyen d'avoir la bannière centré tout en évitant qu'elle soit caché en haut par la barre de navig ? | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Replace le "top" par "20px" alors ? Ça devrait faire l'affaire '_' | | |
| | | Nono
{ Membre }
Messages : 148
| J'ai l'impression que ça ne marche pas. Quand je change ma bannière ne s'affiche plus | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Tu changes comment exactement ? XD Parce qu'en testant avec firebug ça marchait très bien. | | |
| | | Nono
{ Membre }
Messages : 148
| Arf non c'est bon ! C'est mon ordi qui a juste ramé le cake ! Quel idiot celui-là ! Me faire une blague pareille...je devrai le fouetter xD
Juste une dernière chose, sur le forum, il y a un system au niveau de l'avatar comme ici, quand on passe dessus j'ai une transition, et normalement mon inventaire doit apparaitre derrière. Sur le fow de test ça marche tip top, mais sur le vrai fow, j'ai juste la transition et aucune info derrière. Sauf que je ne vois pas d’où viens le bug. Pourtant, j'ai pris les codes que j'avais fais sur mon forum de test. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Ma boule de cristal te fait dire qu'elle n'en a pas la moindre idée x) De mon côté je n'ai qu'un constat à faire : sur le code source de ton forum, il n'y a... rien, dans cette partie. Donc forcément, ça n'affiche rien XD | | |
| | | Nono
{ Membre }
Messages : 148
| C'est assez étrange Peut être que j'ai mal copiée un truc, je vais vérifier ça par acquis de conscience ^^ | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Je voulais dire que sans la moindre référence (genre le template adéquat) difficile de t'aider | | |
| | | Nono
{ Membre }
Messages : 148
| J'ai vérifier, pourtant dans le template c'est bien présent ce qu'il doit afficher. C'est à devenir fou XD C'est bien dans le viewtopic_body - Code:
-
<script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ _atc.cwait = 0; $('.addthis_button').mouseup(function(){ if ($('#at15s').css('display') == 'block') { addthis_close(); addthis_close(); } }); }); //]]> </script>
<table width="100%" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="left" valign="middle" nowrap="nowrap"> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td> <td align="left" valign="middle" nowrap="nowrap"> <!-- BEGIN switch_twitter_btn --> <span id="twitter_btn" style="margin-left: 6px; "> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </span> <!-- END switch_twitter_btn --> <!-- BEGIN switch_fb_likebtn --> <span id="fb_likebtn" style="margin-left: 6px; "> <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> </span> <!-- END switch_fb_likebtn --> </td> <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="bottom" nowrap="nowrap" width="100%"> <span class="gensmall bold"> <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a> <!-- BEGIN switch_plus_menu --> | <script type="text/javascript">//<![CDATA[ var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}'; insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> <!-- END switch_plus_menu --> </span> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;"> <tr align="right"> <td class="catHead" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"> <h1 class="cattitle"> {TOPIC_TITLE}</h1> </td> <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td> </tr> </table> </td> </tr> <!-- BEGIN topicpagination --> <tr> <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- BEGIN postrow --> <!-- BEGIN displayed --> <tr class="post"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> <div class="atelierprof"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><br /> <span class="postdetails poster-profile"> <font size="1"><font color="#1c0101"><div style="text-align:center;"><b>Hello, my name is</b></div></font></font><div style="letter-spacing:2px;text-shadow:0px 2px 2px #black;text-align:center;text-transform:uppercase;"><strong><div style="padding:5px;background-color: #595a59;"><div class="pseudo_membre">{postrow.displayed.POSTER_NAME}</div></div></strong></div></span><i><font size="1"><font color="#1c0101"><div style="text-align:center;">and I Kill fucking zombies</div></font></font></i></span> <div id="englob"> <div class="imgp">{postrow.displayed.POSTER_AVATAR}</div> <div class="infosp"> <!--info fiche perso à mettre ici--> {postrow.displayed.POSTER_RPG} </div> </div></div><br /><center>{postrow.displayed.RANK_IMAGE}</center> <br/> <div class="atelierprof"><span class="postdetails poster-profile"><!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --></span></div><br/>
<br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /> </td> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td> <td valign="top" nowrap="nowrap" class="post-options"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} </td> </tr> <tr> <td colspan="2" class="hr"> <hr /> </td> </tr> <tr> <td colspan="2"> <!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active -->
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments --> <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd> <!-- BEGIN switch_post_attachments --> <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
<!-- BEGIN switch_dl_att --> <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL} <!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att --> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL} <!-- END switch_no_dl_att --> </dt>
<!-- BEGIN switch_no_comment --> <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd> <!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att --> <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd> <!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl> <!-- END switch_post_attachments --> </dd> </dl> <!-- END switch_attachments -->
<div class="clear"></div> <div class="signature_div"> {postrow.displayed.SIGNATURE} </div>
</div> <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span> </td> </tr> </table> </td> </tr> <tr> <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150"> <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td> <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG} </td> </tr> </table> </td> </tr> <!-- BEGIN first_post_br --> </table> <br /> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- END first_post_br --> <!-- END displayed --> <!-- BEGIN hidden --> <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td class="row1" colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> <tr align="right"> <td class="catBottom" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> </table> <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td> <!-- BEGIN topicpagination --> <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </table>
<!-- BEGIN promot_trafic --> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="row2 postbody" valign="top"> <!-- BEGIN link --> » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </td> </tr> </table> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <h1 class="cattitle"> {L_FORUM_RULES}</h1> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="row1 clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" /> </td> <!-- END switch_forum_rule_image --> <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table> <!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="row2" colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td>
<!-- BEGIN viewtopic_bottom --> <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td> <!-- END viewtopic_bottom -->
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Je passerai sur la qualité catastrophique du code, mais en effet il est présent au bon endroit. J'imagine que le profil "rpg" est actif sur ton forum ? Si oui, je ne sais pas, mais là je vais aller me coucher. Vu que le sujet "d'origine" de ton topic a été résolu depuis longtemps, je te conseille plutôt d'en ouvrir un autre (de sujet) histoire de faciliter les recherches des membres sur ce type particulier de problème | | |
| | | Nono
{ Membre }
Messages : 148
| Je crois qu'il est en effet bien activé, "Affichage de la feuille de personnage". Si c'est ça, le oui est bien codé.
quand on code xD, j'ai fais un peu de bricolage pour placer les choses ou je voulais. Et s'il y a bien une chose que je ne maitrise pas c'est le template. Je préfère coder en directe sans rien. Dès qui a des trucs j'suis perdu xD | | |
| | | Contenu sponsorisé
| | | | | Fond de la liste des sujets qui ne va pas jusqu'en bas [A archiver] | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|