Problème de mise en formes de la liste des sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de mise en formes de la liste des sujets

Message par Offrande le Sam 19 Oct 2013 - 23:05

Bonjour, 

J'ai trouver un code généreusement partager sur le forum Never Utopia que vous conseiller. Malheureusement ce code ne fonctionne pas bien chez moi et je ne trouve aucune aide là-bas car il ont l'air surcharger et comme mon soucis est assez urgent je viens vous en faire part.

Voila, le code est une mise en forme de la liste des sujets donc un code a mettre dans le template et un code CSS que je vous donne de suite : 

Mon templat topics_list_box : 

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 voila le CSS qui vas avec : 

Code:
/* 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 dotted #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;
}
Le soucis est assez grand, 
Tout d'abord il apparaît un "div" au dessus de bouton "Nouveaux et Répondre", et la longueur des cadres contenant l'ensemble des informations sur le sujet (titre, auteur, date, dernière réponse..) ne sont pas tous de  la même longueur comme s'il s'adapter au titre du sujet.

Voici une image pour mieux vous faire comprendre mon soucis : 



Je vous remercie d'avance de votre précieuse aide
et vous souhaite à tous une agréable soirée I love you 

Tendrement.


Dernière édition par Offrande le Jeu 14 Nov 2013 - 21:12, édité 1 fois

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Dim 20 Oct 2013 - 18:04

Sujet toujours d'actualité Smile . Merci

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Lily Jedusor le Dim 20 Oct 2013 - 19:35

Bonsoir,

J'ai testé ton code sur mon fow et je n'ai pas de souci... Essaye dans un premier temps de mettre un !important; à cet endroit width: 950px !important; (dans ton blocs_sujets) On va voir si ça marche...

Par contre, j'ai pas vu de div sur ton image (ni sur mon fox quand j'ai testé)

LilyJ.

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Lun 21 Oct 2013 - 18:11

Bonjour, 

Tout d'abords merci beaucoup pour t'as réponse Lily Jedusor et au passage, très très jolie pseudo, j'adore <3.

J'ai tenter de mettre effectivement "important!" mais cela n'as pas fonctionner .. par contre j'ai remarquer qu'il y avais plusieurs mise en forme du nom des sujets dans mon CSS, cela doit peut être y jouer.. mais elle est trop grande pour que je te l'envoie donc je vais tenter d'envoyer un maximum d'informations. Merci beaucoup pour ton aide. 

Code:
/* decoration des sujet dans la liste */
_a.topictitle {
background-image: url(http://i71.servimg.com/u/f71/17/99/16/25/fond_s10.jpg);
color: #DAD97D!important;
display: block;
font-size: 12px;
text-align: center;
border: 2px solid #000000;
box-shadow: 1px 1px 12px #000000;
-moz-box shadow: 1px 1px 12px #000000;
-webkit-box-shadow: 1px 1px 12px #000000;
-o-box-shadow: 1px 1px 12px #000000;

}

_a.topictitle:hover {
box-shadow: 1px 1px 12px #ffffff;
-moz-box shadow: 1px 1px 12px #ffffff;
-webkit-box-shadow: 1px 1px 12px #ffffff;
-o-box-shadow: 1px 1px 12px #ffffff;
}


/* Premiere lettre des sujet de couleur differente*/
_a.topictitle:first-letter {
  color: #DAD97D;
  font-size: 20px;
  font-weight: bold;
  font-family: "Niconne";
}

_div.topictitle {
  font-size : 10px;
}
Après, j'ai ceci qui fait partis d'un script, ce sont des petite phrase qui sont nommé pour chaque un de mes icones de sujets : 

Code:
tr.libellepunaise .topic-title:before
{
content:'Tanière Commune'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:green; /*on donne une couleur*/
}
tr.libelledemande .topic-title:before
{
content:'En Cours..'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:chocolate; /*on donne une couleur*/
}
tr.libelleterminer .topic-title:before
{
content:'Terminer!'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:firebrick; /*on donne une couleur*/
}

tr.libelleasgraphisme .topic-title:before
{
content:'Astuce : Graphisme'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:deeppink; /*on donne une couleur*/
}

tr.libelleasdiamant .topic-title:before
{
content:'Astuce : Diamant'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:cornflowerblue; /*on donne une couleur*/
}

tr.libelleasequus .topic-title:before
{
content:'Astuce : Equus'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:darkgoldenrod; /*on donne une couleur*/
}

tr.libelleaspass .topic-title:before
{
content:'Astuce : Pass'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:white; /*on donne une couleur*/
}

tr.libelleaspartie .topic-title:before
{
content:'Astuce : Partie'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:goldenrod; /*on donne une couleur*/
}

tr.libelleasce .topic-title:before
{
content:'Astuce : Centre Equestre'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:olive; /*on donne une couleur*/
}

tr.libelleashorse .topic-title:before
{
content:'Astuce : Chevaux'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:saddlebrown; /*on donne une couleur*/
}

tr.libelleasdivin .topic-title:before
{
content:'Astuce : Divin'; /*modifiez comme bon vous semble le libelle*/
margin-right:10px;  /*on donne une marge de 10px pour ne pas coller sur le titre du sujet*/
color:darksalmon; /*on donne une couleur*/
}
Donc qui vas avec ce script ...
Code:
$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/annonc10.png"]').closest('tr').addClass('libellepunaise');
});

$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/icone_21.png"]').closest('tr').addClass('libelledemande');
});

$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/icone_11.png"]').closest('tr').addClass('libelleterminer');
});

$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/astuce10.png"]').closest('tr').addClass('libelleasgraphisme');
});

$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/icone_17.png"]').closest('tr').addClass('libelleasdiamant');
});

$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/icone_16.png"]').closest('tr').addClass('libelleasequus');
});


$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/icone_22.png"]').closest('tr').addClass('libelleaspass');
});


$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/icone_20.png"]').closest('tr').addClass('libelleaspartie');
});


$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/icone_19.png"]').closest('tr').addClass('libelleasce');
});



$(function()
{
 $('img[src="http://i73.servimg.com/u/f73/17/99/16/25/icone_18.png"]').closest('tr').addClass('libelleashorse');
});


$(function()
{
 $('img[src="http://img15.hostingpics.net/pics/875772rubis.png"]').closest('tr').addClass('libelleasdivin');
});

Merci beaucoup pour ton aide Smile .

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Lily Jedusor le Lun 21 Oct 2013 - 21:42

Bonsoir,

Merci pour mon pseudo^^

Alors j'ai testé les codes que tu viens de me donner, et toujours pas de souci... tu peux me donner tout ton code css? Il y a peut-être un code qui empêche l'autre de fonctionner... Parce que sur mon fow, tout fonctionne parfaitement donc y'a forcément quelque chose chez toi qui bloque...

Et de rien pour l'aide

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Mer 23 Oct 2013 - 5:38

Que pense tu que cela puisse être? 
J'ai supprimer tout les codes CSS qui aurais pus empêcher la mise en forme, donc tout ce qui était en rapport avec topics_list_box mais rien n'y fait..

Ce pourrait t'il que ce soit un script? 
Comment repéré ou ce trouve l'erreur? :/

Merci beaucoup de vôtre aide. Smile

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Lily Jedusor le Mer 23 Oct 2013 - 8:54

Je viens de relire ton code css

@Offrande a écrit:.sujets{
 background: #ececec;
 border: 1px dotted #ffffff;
 padding: 3px;
}
.topictitle{
 font-variant: small-caps;
 font-size: 12px;
}
Dans ces deux codes, tu n'as pas de taille.
le bloc .sujets correspond à tout le contour et .topictitle juste au titre de ton sujet... tu peux mettre une taille juste à .topictitle pour voir ce que ça donne. C'est width, la balise.
On va voir ce que ça donne parce que là comme aucun des deux blocs n'a de taille, ça s'adapte automatiquement à la longueur du texte donc si le titre du sujet est plus petit, le bloc sera plus petit... alors qu'avec une taille, ton bloc s'adapte à la taille demandé (n'oublie pas de mettre !important; après width: XXpx)

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Ven 25 Oct 2013 - 2:58

Bonjour,

et merci pour la réponse, c'est ce que tu as fait sur ton forum et cela as fonctionner? 
Car j'ai retiré toutes les CSS qui avait un rapport avec le titre mais cela n'as toujours pas marquer :/ Je vais tout de même essayer cela et t'en dire des nouvelles, merci beaucoup! x3

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Mar 29 Oct 2013 - 1:10

Sujet toujours d'actualité, merci de vôtre aide futur Smile 

Bonne soirée tout le monde (l)

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Lily Jedusor le Mar 29 Oct 2013 - 14:56

Hellow,

Tu as essayé ce que je t'ai dis? D'enlever TOUT ton CSS et ne mettre que celui de ce code? Au moins pour voir s'il fonctionne bien sur ton forum, sans rien d'autre...
Ce que je ne comprends pas c'est pourquoi ce code ne fonctionne pas sur ton forum alors que sur les deux miens il fonctionne parfaitement...

Cordialement,
L.J

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Mar 29 Oct 2013 - 17:39

Bonjour, 

as oui je n'avais pas compris cette essaie de la sorte, je vais essayer cela c'est une très bonne idée ! Je te tient au nouvelles, merci beaucoup ! Smile

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Mer 30 Oct 2013 - 4:10

Bonsoir Lily Jedusor, 
 
Je viens de tester ce que tu m'as conseiller de faire, j'ai supprimer entièrement ma feuille de style, et j'ai mis seulement les codes pour la liste des sujets mais le problèmes reste exactement le même, je conclus donc que cela viendrait d'un de mes template et les seul qui puissent avoir rapports avec la liste des topics est l'overall et l'index_box. 

Je te remercie grandement de ton aide Smile et je te souhaite une agréable journée.

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Ven 1 Nov 2013 - 1:36

Bonjour, 
Petit up * pour les personnes qui aurait peur être une réponse à m'as question I love you

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Lily Jedusor le Ven 1 Nov 2013 - 18:15

Hellow,

C'est possible d'avoir les codes des deux templates overall et index? Histoire que je teste chez moi si ça fonctionne ou pas?

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Ven 1 Nov 2013 - 18:28

Bonsoir, 

Oui pas de soucis, les voila.
Je te remercie grandement pour ton aide cat 

Overall_header: 
Code:
<!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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 
              <!-- POLICE GOOGLE FONT -->
  <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'>
              <!-- FIN POLICE GOOGLE FONT -->
   
   
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />


           <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
           <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>



              <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

              <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {
        var w_cont = $('#fa_ticker_container').width();

        if (w_cont > 0)
        {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
              if ($(this).height() > height_max)
              {
                  height_max = $(this).height();
              }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
              <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
                 <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
                 <!-- BEGIN switch_ticker_new -->
  <style>
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  </style>
                 <!-- END switch_ticker_new -->
                    {HOSTING_JS}
                 <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
  _gaq.push(['_trackPageLoadTime']);

  <!-- BEGIN google_analytics_code_bis -->
  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  _gaq.push(['b._trackPageview']);
  <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
              <!-- END google_analytics_code -->

   
   
   
   
               <!-- BACKGROUND DU HAVRE -->
   
   <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}"
              text="{T_BODY_TEXT}"
              link="{T_BODY_LINK}"
           vlink="{T_BODY_VLINK}">
               <!-- FIN BACKGROUND DU HAVRE -->
               
               <!-- Barre de Navigation -->

<TABLE STYLE="POSITION: ABSOLUTE;
              LEFT: 0PX;
              TOP: 0PX;
              RIGHT: 0PX;
              BACKGROUND-COLOR: none!important;
              Z-INDEX:1000;
WIDTH: 100%;" >
<TR><TD><CENTER>{GENERATED_NAV_BAR}</CENTER></TD></TR>
</TABLE>
               
               <!-- Fin barre de NAVIGATION -->
   
   
   
   
               <!-- NAVIGATION COULISSANTE QUIERY -->
   
       
        <ul id="bouton">
     
                    <li class="M14_Item1"><a href="#"></a></li>
                    <li class="M14_Item2"><a href="#"></a></li>
                    <li class="M14_Item3"><a href="#"></a></li>
                    <li class="M14_Item4"><a href="#"></a></li>
                    <li class="M14_Item5"><a href="#"></a></li>
                    <li class="M14_Item6"><a href="#"></a></li>
                    <li class="M14_Item7"><a href="#"></a></li>
                    <li class="M14_Item8"><a href="#"></a></li>
                    <li class="M14_Item9"><a href="#"></a></li>
     
                </ul>
   
 
  <script type="text/javascript">
            $(function() {
                $('#bouton a').stop().animate({'marginLeft':'-65px'},1000);
 
                $('#bouton > li').hover(
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
                    },
                    function () {
                      $('a',$(this)).stop().animate({'marginLeft':'-65px'},200);
                    }
                );
            });
        </script>
 
 
<!-- FIN NAVIGATION COULISSANTE QUIERY -->
   
   
   
   
   
   
  <!-- FLECHE HAUT ET BAS -->
    <div class="top_bottom">
      <a href="#top" class="haut" ></a>
      <a href="#bottom" class="bas"></a>
  </div>
    <!-- FIN FLECHE HAUT ET BAS -->
 
 
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
        <tr height="25">
            <td class="catLeft">
              <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
              <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                    <input type="submit" class="mainoption" value="{L_LOGIN}" />
                    <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
              </div>
              <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
        </tr>
      </table>
  </div>
  <!-- END switch_login_popup -->

  <a name="top"></a>
  {JAVASCRIPT}
               
               
               
               
               
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0"
  align="center">
      <tr>
        <td  class="bodyline" colspan="2">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
   <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
               
                  <td align="center" width="100%" valign="middle">
                   
                    <!-- BEGIN switch_logo_center -->
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                    <br />
                    <!-- END switch_logo_center -->
                   
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
               
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               
              </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                    <tbody>
                        <tr>
                          <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                <!-- BEGIN giefmod_index1 -->
                                {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                <!-- END giefmod_index1 -->
                              </div>
                          </td>
                          <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                        </tr>
                    </tbody>
                  </table>
              </div>
            </div>
        </td>
      </tr>
  </table>

<!-- END html_validation -->
Index_box:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>


<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->



  <!-- TITRE CATEGORIE -->
  <div class="tfa_cattitle">{catrow.tablehead.L_FORUM}</div> 

  <!-- END tablehead -->     
 
  <!-- BEGIN forumrow --> 
  <div class="tfa_container_forum">             
    <div class="tfa_contenu_forum"> 
      <div class="in_forum">
       
      <!-- SUJETS-MESSAGES -->
        <div class="sujets-messages">
            <span class="gensmall">
              <span class="chiffres">{catrow.forumrow.TOPICS}</span> sujets et <span class="chiffres">{catrow.forumrow.POSTS}</span> messages
            </span>
        </div> 
       
      <!-- TITRE FORUM -->
        <div class="block_titre"> 
          <h{catrow.forumrow.LEVEL} class="hierarchy">                 
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />                   
          </h{catrow.forumrow.LEVEL}>
          <img class="titre-deco" src="http://i71.servimg.com/u/f71/17/99/16/25/clair_10.jpg" alt="" />       
        </div>             
       
    <!-- DESCRIPTION --> 
        <div class="tfa_description">         
          <div class="genmed">{catrow.forumrow.FORUM_DESC} </div>
        </div> 
       
      <!-- MODÉRATEUR -->
        <div class="modo">     
          <div class="modo-transtion">       
            <div class="modo_content">
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->                       
              </span>       
            </div>     
            <span class="open_modo"><stromg>▼</stromg> Modération <stromg>▼</stromg></span>           
          </div>       
        </div>       
       
      <!-- BLOC DERNIERS SUJETS ET ICONES --> 
        <div class="derniers_sujets_and_icone">         
      <!-- DERNIERS SUJETS -->
          <div class="tfa_last_post">
              <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </div>       
      <!-- ICONE NEW NO-NEW CLOS -->
          <div class="tfa_icone">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />       
          </div>
         
          <div style="clear:both;"></div>         
        </div>
       
      </div>           
     
      <!-- SOUS-FORUMS -->
      <div class="bas-tfa_transition">
        <div class="bloc_sous_forums">
          <div class="sous_forums">
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
          </div>
          <span class="open_sous-forums"><stromg>▼</stromg> Les autre Tanières <stromg>▼</stromg></span>           
        </div> 
      </div>   
           
    </div>
  </div> 
  <!-- END forumrow --> 

<!-- END catrow -->
Index_body:
Code:
{JAVASCRIPT}

 
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->



<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
</form>
<!-- END switch_user_login_form_header -->
     
     

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->

        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">

            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->

              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 
</form>
<!-- END switch_user_login_form_footer -->
     
         
     
     
     
     
     
     
     




           
           
               <!-- BEGIN disable_viewonline -->


     
     
<div class="qeel_titre"> En ce moment sur les plaines...</div>
</br></br>
<div class="qeel">
  <table class="qeel_table"><tr>
    <td><div class="colonne"><span class="qeel_contenu">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br /><br />
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
      </span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_CONNECTED_MEMBERS}</table><br /><br />{LEGEND} : {GROUP_LEGEND}</span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY_WEEK}</table></span></div></td>
    </tr></table>
</div>


 

           
               <!-- END disable_viewonline -->
               
               
     

     
     
               
     
     
     
     
     
     
     
     
     
 
{CHATBOX_BOTTOM}
<br clear="all" />

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
 
                 
       
       
 
Il doit y avoir pas mal d'erreur, je pense sur mon index_body car je ne parvient pas à afficher la connexion rapide en haut et bas de page :/
Je te souhaite une très agréable soirée et encore merci ! <3

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Lily Jedusor le Sam 2 Nov 2013 - 9:37

Hellow,

Alors j'ai mis les trois templates sur mon fow, avec tout ton code CSS et ça marche parfaitement... donc là je ne comprends vraiment pas pourquoi chez toi ça ne fonctionne pas... tu as réessayé de le remettre depuis? Pour voir si ça ne fonctionne toujours pas?

Par contre, je t'ai corrigé un peu ton template index_body... il manquait plein de petits bouts par-ci par là... à voir si tu retrouves tout ce qu'il te manque
Les morceaux rajoutés sont ceux avec switch_fb_connect, switch_fb_connect_no , switch_legend

Code:
        {JAVASCRIPT}
       <!-- BEGIN message_admin_index -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <!-- BEGIN message_admin_titre -->
          <tr>
              <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
          </tr>
          <!-- END message_admin_titre -->
          <!-- BEGIN message_admin_txt -->
          <tr>
              <td class="row1" rowspan="3" align="center" valign="middle">
              <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
              </td>
          </tr>
          <!-- END message_admin_txt -->
        </table>
        <!-- END message_admin_index -->


<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login"></form>
        <!-- END switch_user_login_form_header -->
   <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle" align="right">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>



     <!-- END switch_fb_connect -->
                 {CHATBOX_TOP}
        {BOARD_INDEX}
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <td width="50%" valign="top">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
                <!-- END switch_user_logged_in -->
                <!-- BEGIN switch_delete_cookies -->
        
               <!-- END switch_delete_cookies -->
                </span>
              </td>
              <td width="50%" align="right">
                <span class="gensmall">
        
                   <!-- BEGIN switch_on_index -->
                      <!-- BEGIN switch_delete_cookies -->
        
                     <!-- END switch_delete_cookies -->
                    <!-- END switch_on_index -->
                </span>
              </td>
          </tr>
        </table>
        
       <!-- BEGIN switch_user_login_form_footer -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
</form>
      
       <!-- END switch_user_login_form_footer -->
            
  <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

 <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span> 
 </td>
 </tr>
 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect -->

          
           
           
           
           
           
           
           
       
       
       
       
                 
                 
                      <!-- BEGIN disable_viewonline -->
        
       
           
           
       <div class="qeel_titre"> En ce moment sur les plaines...</div>
<br/><br/>
        <div class="qeel">
          <table class="qeel_table"><tr>
            <td><div class="colonne"><span class="qeel_contenu">{TOTAL_POSTS}<br />
              {TOTAL_USERS}<br />
              {NEWEST_USER}<br /><br />
              {TOTAL_USERS_ONLINE}<br />
              {RECORD_USERS}<br />
              <br />
              {LOGGED_IN_USER_LIST}
              </span></div></td>
            <td><div class="colonne"><span class="qeel_contenu"><table>{L_CONNECTED_MEMBERS}</table><br /><br />{LEGEND} : {GROUP_LEGEND}</span></div></td>
            <td><div class="colonne"><span class="qeel_contenu"><table>{L_WHOSBIRTHDAY_TODAY}
              {L_WHOSBIRTHDAY_WEEK}</table></span></div></td>
            </tr></table>
        </div>
        
       
       
       
                 
                      <!-- END disable_viewonline -->
                      
                     
       {CHATBOX_BOTTOM}
        <br clear="all" />

 <!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td>  </td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
 </tr>
</table>
<!-- END switch_legend -->
        {AUTO_DST}
        
       <!-- BEGIN switch_fb_index_login -->
        <div id="fb-root"></div>
        <script type="text/javascript">
        http://<![CDATA[
        FB.init({
          appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
            status: true,
            cookie: true,
            xfbml: true,
          oauth: true
        });
        http://]]>
        </script>
        <!-- END switch_fb_index_login -->

Pour le reste, je ne sais vraiment pas. Je n'arrive pas à comprendre pourquoi ton code ne fonctionne pas chez toi... Donc si quelqu'un d'autre à une idée, qu'il n'hésite pas parce que là, moi je ne sais vraiment pas quoi faire T-T
Essaie toujours de tout enlever (tu sauvegardes tes templates et css dans word)... tu enlèves tout (même ce qui n'est pas en rapport avec le sujet) et tu remets tout, histoire de voir si ça ne fonctionne toujours pas (je doute que ça change grand chose mais des fois avec un malentendu)...

Désolée de ne pas pouvoir t'aider plus...
L.J

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Lun 4 Nov 2013 - 2:29

Bonsoir

Merci de tout cœur pour les choses que tu as rajouter, j'en ai effacer pas mal involontairement. Je vais tester de mettre le code sur mon forum et si cela ne marche pas je pense que cela pourrait venir d'un JS! Car il posent beaucoup de problèmes j'ai pus remarquer cela avec le temps. 

Par contre sur le template que tu viens de me modifier, je ne souhaite pas avoir la légende des forum (new,no-new,locked) et je ne souhaite pas non plus avoir la connexion à mon forum grâce à facebook. 

Par contre aurait tu réussie a me remettre en place la connexion rapide en bas et en haut du forum? Car je ne l'as voie pas :/

Sinon merci beaucoup pour ce que tu as fait pour moi! 
Je vais de suite réessayer le code pour la mise en forme des sujets.

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Lily Jedusor le Lun 4 Nov 2013 - 16:38

Hellow,

Pour enlever la légende et FB=> Il suffit d'enlever les parties entre
 <!-- BEGIN switch_fb_connect_no -->  &  <!-- END switch_fb_connect_no -->  
<!-- BEGIN switch_fb_connect --> & <!-- END switch_fb_connect -->
<!-- BEGIN switch_legend --> &  <!-- END switch_legend -->

En revanche pour la connexion rapide, je n'ai pas trouvé... je ne sais pas dans quel template elle se situe (si c'est dans un template) parce que dans le Index_box, index_body & Overall, je n'ai rien sur la connexion rapide sur mon fow test alors que cette dernière est présente dessus... (je vais continuer de chercher... )

Désolée, de ne pas pouvoir t'aider plus pour le reste.
L.J

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Ven 8 Nov 2013 - 2:15

Lily Jedusor, merci bien!
Mais donc je n'ai pas besoin de changer mon template étant donner que ce que tu as rajouter :

@Lily Jedusor a écrit:Par contre, je t'ai corrigé un peu ton template index_body... il manquait plein de petits bouts par-ci par là... à voir si tu retrouves tout ce qu'il te manque 
Les morceaux rajoutés sont ceux avec switch_fb_connect, switch_fb_connect_no , switch_legend
Et comme tu m'as indiquer comment les rajouter: 
@Lily Jedusor a écrit:Pour enlever la légende et FB=> Il suffit d'enlever les parties entre
 <!-- BEGIN switch_fb_connect_no -->  &  <!-- END switch_fb_connect_no -->  
<!-- BEGIN switch_fb_connect --> & <!-- END switch_fb_connect --> 
<!-- BEGIN switch_legend --> &  <!-- END switch_legend -->
Cela revient à ne pas changer mon template. 
Ou bien à tu corriger des erreurs à par ceci que je ne veut pas ? 

Merci beaucoup de ton aide, tu ne me donne peut être pas la réponse a ma questions mais tu m'aide déjà a remettre mon template en place, j'apprécie beaucoup tu sais. Vraiment merci. Smile

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Milouze14 le Ven 8 Nov 2013 - 18:29

Salut Offrande
, il faudrait voir le template viewforum_body qui est relation avec la liste des sujets:

Tu peux donner le contenu stp Wink  .
Affichage/Templates/Général/viewforum_body


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Ven 8 Nov 2013 - 22:43

Bonsoir Milouze, 

Voila mon template comme tu me l'as demander :
Code:
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" width="50">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         <!-- END switch_user_authpost -->

      
      </td><td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>

            
         
{TOPICS_LIST_BOX}





<div id="info_open" style="display:''">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
         <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
      </tr>
      
        </table>
</div>










<div id="info_close" style="display:none">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</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>
   </table>
</div>
   <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>

         <td align="left" valign="middle" width="50">
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
            <!-- END switch_user_logged_in -->
         </td>


   </tr>

</table>
      </form>
Apparemment celui-ci as déjà été modifier mais je n'ai aucune idée de ce que j'aurais pus faire dessus. 

Merci beaucoup de ton aide mon Milouze Smile Bisous'

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Milouze14 le Sam 9 Nov 2013 - 5:25

Salut Offrande,

tu peux donner toute la css stp ,
si cette dernière est trop importante passes par la pièce jointe Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Sam 9 Nov 2013 - 5:44

Bonsoir,
Je n'arrive pas a t'envoyer ma feuille en PJ car il me dise que le nom n'est pas valide pourtant elle appeler "Sick.txt" vas savoir...

Voila donc, je te l'envoie en deux partis  
1ere partis:

Code:
/* __________________________________FOND DE PAgE / BASE _____________________________________________*/
body {
  font-family: Time new roman;
  cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1038.cur), progress !important;
  background-image:
    url(http://i56.servimg.com/u/f56/17/99/16/25/arbre110.gif),
    url(http://i71.servimg.com/u/f71/17/99/16/25/lierre10.png),
    url(http://i34.servimg.com/u/f34/17/99/16/25/back10.jpg)!important;
background-repeat: 
                    repeat-x,
                    no-repeat,
              repeat-x;
background-position:
                    bottom left,
                    top right ,
              top right;
}

.lettrine {
float: left!important;
margin-bottom: 5px!important;
margin-top: -7px!important;
margin-right: 5px!important;
font-size: 24px!important;
font-family: "Niconne"!important;
color: #ffffff;
text-shadow: 2px 2px 12px #000!important;
border: 1px dotted #ffffff;
padding: 4px;
}


.maintitle, .maintitle h1 {
color: #000000;
font-size: 36px;
font-family: "Niconne"!important;
text-shadow : 1px 1px 24px #ffffff;
}

.forumline .row1, .forumline
.row2, .forumline .row3,
.forumline .row3Right {
  padding: 0px!important;
}


/*___________________________________BOUTON FICHE____________________________________________________*/

.bouton_havre1 {
height: 31px;
width: 38px;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/coolte10.png);
}
       
.bouton_havre1:hover {
height: 31px;
width: 38px;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/coolte11.png);
}

/*__________________________________FIN BOUTON FICHE_________________________________________________*/
/* __________________________________FIN BASE DU FORUM _______________________________________________*/
/*_____________________________________ LES LIENS_____________________________________________________*/

/* LIEN */
.postbody a:link {
font-size: 12px!important;
font-style: italic!important;
font-weight: bold!important;
border-top: 1px solid #000!important;
border-bottom: 1px solid #000!important;
}

/* LIENS AU SURVOL */
.postbody a:hover {
font-size: 12px!important;
font-weight: bold;
border-top: 1px solid #000!important;_
border-bottom: 1px solid #000!important;
}

/*____________________________________FIN DES LIENS___________________________________________________*/
/*________________________________ NAVIGATION COULISSANTE QUIERY OVERAL_HEADER ______________________ */

 
 
        ul#bouton {
        position: fixed; /* On fixe la position des boutons */
        margin-bottom: 0px; /* marge extérieure */
        padding: 10px; /* marge intérieure */
        top: 5px; /* positionné à 5px du haut */
        left: 10px; /* positionné à 70px du bord gauche */
        list-style: none; /* pas de style pour la liste */
        z-index: 999; /* place les boutons au dessus de tout le reste */
     background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
       url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
       url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
       url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
       url(http://img4.hostingpics.net/pics/947525forumline03.png),
       url(http://img4.hostingpics.net/pics/158730forumline13.png),
       url(http://img4.hostingpics.net/pics/300218forumline18.png),
       url(http://img4.hostingpics.net/pics/782072forumline09.png),
       url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
   background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
   background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
        border: 1px solid #000000;
     box-shadow: 1px 1px 12px #000;
   -moz-box shadow: 1px 1px 12px #000;
   -webkit-box-shadow: 1px 1px 12px #000;
   -o-box-shadow: 1px 1px 12px #000;
     padding: 30px;
   }
     
        ul#bouton li {
        margin-bottom: 0px; /* marge inférieure */
        }
     
        ul#bouton li a {
        display: block; /* défini en bloc */
        left: -5px; /* marge extérieure négative gauche */
        width: 30px; /* largeur */
        height: 30px; /* hauteur */
        border: 1px dotted #000000!important; /* bordure */
        -moz-box-shadow: 1px 1px 10px #000000; /* ombre portée */
        -webkit-box-shadow: 1px 1px 10px #000000; /* ombre portée */
        -o-box-shadow: 1px 1px 10px #000000; /* ombre portée */
        box-shadow: 1px 1px 10px #000000; /* ombre portée */
        opacity: 0.9; /* opacité */
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* opacité pour IE */
        }
     
         
   ul#bouton li.M14_Item1 a{
        background: url(http://i56.servimg.com/u/f56/17/99/16/25/les_po11.jpg);
       margin-bottom: 5px!important;
        }
        ul#bouton li.M14_Item2 a{
        background: url(http://i56.servimg.com/u/f56/17/99/16/25/au_coe12.jpg);
       margin-bottom: 5px!important;
        }
        ul#bouton li.M14_Item3 a{
        background: url(http://i56.servimg.com/u/f56/17/99/16/25/commun12.jpg);
     margin-bottom: 5px!important;     
     }
        ul#bouton li.M14_Item4 a{
        background: url(http://i56.servimg.com/u/f56/17/99/16/25/module11.jpg);
     margin-bottom: 5px!important;     
     }
        ul#bouton li.M14_Item5 a{
        background: url(http://i56.servimg.com/u/f56/17/99/16/25/les_ai11.jpg);
     margin-bottom: 5px!important;     
     }
        ul#bouton li.M14_Item6 a{
        background: url(http://i56.servimg.com/u/f56/17/99/16/25/repert11.jpg);
     margin-bottom: 5px!important;     
     }
        ul#bouton li.M14_Item7 a{
        background: url(http://i56.servimg.com/u/f56/17/99/16/25/papota11.jpg);
     margin-bottom: 5px!important;     
     }
        ul#bouton li.M14_Item8 a{
        background: url(http://i56.servimg.com/u/f56/17/99/16/25/les_se11.jpg);
     margin-bottom: 5px!important;     
     }
        ul#bouton li.M14_Item9 a{
        background: url(http://i56.servimg.com/u/f56/17/99/16/25/le_boi11.jpg);
     margin-bottom: 5px!important;     
     }
/*______________________________ FIN NAVIGATION COULISSANTE QUIERY OVERAL_HEADER ____________________ */
/* ___________________________________CADRE DE MODERATION ____________________________________________*/

.cadre_ok {
max-height: 120px;
min-height: 120px;
max-width: 350px;
min-width: 350px;
overflow: auto!important;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/fond_c12.jpg);
color: #669900;
text-shadow: 3px 3px 10px #ffffff;
font-size: 8px;
text-transform: uppercase!important;
border: 1px dotted #000000;
padding: 15px;
}


.cadre_explication {
max-height: 120px;
min-height: 120px;
max-width: 350px;
min-width: 350px;
overflow: auto!important;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/fond_c11.jpg);
color: #CC9900;
text-shadow: 3px 3px 10px #ffffff;
font-size: 8px;
text-transform: uppercase!important;
border: 1px dotted #000000;
padding: 15px;
}

.cadre_avertissement {
max-height: 120px;
min-height: 120px;
max-width: 350px;
min-width: 350px;
overflow: auto!important;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/fond_c10.jpg);
color: #CC0000;
text-shadow: 3px 3px 10px #ffffff;
font-size: 8px;
text-transform: uppercase!important;
border: 1px dotted #000000;
padding: 15px;
}

.cadre_staff_image {
float: left!important;
clear: both;
top: 0px!important;
right: 0px!important;
padding: 7px!important;
}

/*____________________________________FIN CADRE DE MODERATION_________________________________________*/ 
  /*____________________________________________FICHE HAVRE______________________________________________*/

/* TITRE FICHE HAVRE */
.titre_fiche {
font-size: 30px!important;
font-family: "Niconne"!important;
font-color: #000000;
text-shadow: 0px 1px 1px #dad97d;
}

/* TEXTE FICHE HAVRE */
.fiche_texte {
margin-left: 35px!important;
margin-right: 35px!important;
text-align: justify;
}

/* PARAGRAPHE FICHE HAVRE */
.paragraphe_havre {
background-color: #B0CC99;
margin-left: 35px!important;
margin-right: 35px!important;
text-align: justify;
border-radius: 30px;
border-top: 4px solid #000000;
border-bottom: 4px solid #000000;
border-right: none;
border-left: none;
padding: 10px;
}


/* FICHE BASIC HAVRE */
.fiche_havre {
max-width: 540px;
height: auto;
overflow: auto!important;
color: #000000;
font-size: 12px;
font-family: auto;
border: 1px solid #000000;
background-image: url('http://i56.servimg.com/u/f56/17/99/16/25/grand_10.gif');
background-repeat: repeat-y,repeat-x;
background-position: center;!important;
box-shadow:        -10px -10px 0px rgba(0, 0, 0, 1);
-webkit-box-shadow: -10px -10px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    -10px -10px 0px rgba(0, 0, 0, 1);
-o-box-shadow: -10px -10px 0px rgba(0, 0, 0, 1);
font-style: none!important;
font-decoration: none!important;
}

.lierre1 {
float: right!important;
clear: both;
top: 0px!important;
right: 0px!important;
}

/*______________________________ PIED DE PAGE8 ______________________________________________________ */

body {
height: 100%;
margin: 0px;
}

html{
height: 100%;
}

.bodylinewidth {
position: relative;
min-height: 100%;
height:100%;
margin:0 auto;
}

#pied_de_page{
position: relative;
width: 100%;
margin-bottom: 0px;
margin-top: 290px; /* POUR EVITER QU IL SOIT SUR FORMLINE */
}

.contenu{
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/fond_p12.jpg);
position: absolute;
bottom: 0px;
max-height: 100px; /* hauteur du pied de page */
width: 100%;
padding: 20px;
padding-top: 15px; /* espace intérieur entre le contenu et le bord */
overflow: auto!important;
}

/* CELLULE */
.cellules{
height: 150px;
}

/* TITRE CELLULE */
.cellules h1, .cellule2 h1{
width: 90%
margin: 10px auto;
font-family: "Niconne";
text-align: center!important;
font-size: 28px;
color: #000000;
text-shadow: 1px 1px 8px #dad97d;
border-bottom: 1px dotted #000000;
font-style: none!important;
font-decoration: none!important;
}

/* DIV DANS CELLULE */
.cellules div, .cellule2 div{
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
font-size: 11px!important;
text-align: justify;
font-family: auto;
color: #000000;
text-shadow: 1px 1px 24px #000000;
padding: 15px;
min-height: 150px;
}

/* BLOC SOCIAL */
.social{
margin-top: 15px;
}
/* TITRE SOCIAL */
.titre{
font-family: "Niconne";
text-shadow: 1px 1px 12px #000000;
font-size: 25px;
color: #DAD97D;
border-bottom: 1px dotted #000000;
}

/* FON DU PROFIL MESSAGE ET SUJET */
.post {
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/light-10.jpg)!important;
}
/*________________________________________ FIN PIED DE PAGE _________________________________________ */
/*___________________________________________________________________________________________________*/
 
/* Bordure image et interieur du cadre du forum */
.bodyline {
position: center;
box-shadow: 3px 3px 43px  #000000;
border: 1px solid #000000;
padding: 0px!important;
margin-left: 0px!important;
margin-right: 0px!importat;
_background-image: url(http://illiweb.com/fa/subsilver/back_title.gif),
                  url(http://illiweb.com/fa/subsilver/back_title.gif)!important;
_background-repeat: repeat-y, repeat-y!important;
_background-position: left, right!important;
}


/* CONFIGURATION DE FORUMLINE */
.forumline {
margin: 0px;
padding: 0px;
margin-bottom: 10px;
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
}

table.forumline {}

/* padding du logo */
td.bodyline {
  padding: 0px!important;
  background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/light-10.jpg);
}



/* TEXTE */
a {
font-style: none;
color: #000000;
}


/* LIEN */
a link {}
a visited {}



/* LOGO DU FORUM */
img#i_logo {
width: 100%!important;
margin-left: 0px!important;
margin-right: 0px!important;
margin-top: -10px!important;
}


/* FIN LOGO DU FORUM */

 
/*JUSTIFIER LE TEXTE DU FORUM */
.forumline {
position: center;
font-style: none;
}

/* SUPRESSION DES BARRES */
hr {
display: none;
}
/* FIN SUPRESSION DES BARRES */

/*______________________________ IMAGE DE VOTE DES MESSAGE MESSAGES _________________________________ */

/* IMAGE DES VOTES */
.vote_pos {
height: 16px; /* hauteur de toutes vos images à adapter selon les vôtres */
margin-top: 10px; /* petite marge pour éviter que les votes se collent trop prêt du message */
text-align: right!important; /* positionne le bouton de vote et le bouton de vote cliqué sur la droite du message */
margin-right: 15px!important;
}

/* FOND ET NOMBRE DE VOTE */
.vote_count /* personnalise le nombre des votes */ {
  float: left; /* oblige le total des votes à bien s'afficher à gauche des messages, aligné avec le bouton de vote cliquable */
  width: 30px; /* largueur de l'image de fond qui s'affiche sous le total des votes */
  height: 16px; /* hauteur de toutes vos images à adapter selon les vôtres, doit être identique au height du vote_pos */
  padding-top: 6px; /* à modifier selon votre image de fond afin de bien positionner vos chiffres sur la dite image */
  color: #000000; /* la couleur des chiffres du total des votes d'un message */
  font-size: 10px; /* la taille des chiffres du total des votes d'un message */
  font-weight: bold; /* met en gras les chiffres du total des votes d'un message */
  text-align: center; /* centre les chiffres du total des votes d'un message par rapport à l'image de fond si tant est que vous l'ayez bien centrée lors de sa création */
  background-image: url("ADRESSE URL DE VOTRE IMAGE DE FOND DES CHIFFRES DU TOTAL DES VOTES");
  background-repeat: no-repeat; /* empêche que l'image de fond se répète */
}

/*______________________________ FIN IMAGE DE VOTE DES MESSAGE MESSAGES ______________________________ */

/*______________________________ MISE EN FORME LISTE DE SUJET ________________________________________ */

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets{
  width: 950px!important;
  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 dotted #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 UNE FORME LISTE DES SUJETS ______________________ */


/* ALIGNEMENT COMMENTAIRES BLOGS */
#blog_comments table {
width: 100%;
margin-bottom: 2px;padding-right: 40px;
}


/* RETIRE SOULIGNEMENT DES MEMBRES */
a:visited {
text-decoration: none;
}
a:link {
text-decoration: none;
}
 


/* CSS DES ZONES DEROULANTES   */
select , .select {
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/light-10.jpg);
color: #000;
padding:1px 3px 1px 3px;
border: 1px solid #000000;
}

/* - - - - - - - - - - - - - - - - - - - - -ZONE DE TEXTE - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
textarea, .textarea.post, input.post {
    color: #000!important;
    font-style: italic!important;
    font-size: 11px!important;
    background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/light-10.jpg)!important;
    padding: 5px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-o-border-radius: 10px 10px 10px 10px;
padding-left: 15px!important;
box-shadow: 1px 1px 16px #000;
-moz-box shadow: 1px 1px 16px #000;
-webkit-box-shadow: 1px 1px 16px #000;
-o-box-shadow: 1px 1px 16px #000;
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - PROFIL - - - - - - - - - - - - - - - -- - */
/* CADRE DANS LE PROFIL DES MESSAGES */
 /* ELEMENTS PROFIL */
#intprofil {
  background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
  background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
  border-top: 3px solid black;
  border-bottom: 3px solid black;
  padding:5px;

}
 /* ELEMENT PROFIL */
#intprofil2 {
  background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
  background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
  border-top: 3px solid black;
  border-bottom: 3px solid black;
  padding:5px;
  padding-top:3px;
  text-align:center;


}
 /* TITRE DU PROFIL */
.nomrang {
  text-align:right;
  margin-top: -19px;
  font-size: 25px;
  color: #B0CC99;
  letter-spacing : 6px;
  text-shadow : 1px 1px 1px #000000;
  font-weight: none!important;
  font-family: "Niconne"!important;
}
/* PSEUDO */
.nameprofil {
  font-size: 28px!important;
  font-family: "Niconne";
  text-shadow : 1px 1px 1px #000000!important;
  margin-bottom: -35px;
  margin-top: 5px;
  text-align:center;
  color: auto;
  text-decoration: none!important;
  text-style: none!important
}
/* AVATAR */
.imgavatar {
  max-width: 200px;
  max-height: 200px;
  min-width: 200px;
  min-height: 200px;
}
/* DECORATION AVATAR */
.postdetails.poster-profile a img {
background: none;
padding: 2px;
border-radius: 12px;
-o-border-radius: 12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: none;
}



/* - - - - - - - - - - - - - - - - - - - - - - - ONGLET ONLINE / OFFLINE - - - - - - - - - - - - - - - - -*/
#post_onlin {
background: url('http://i56.servimg.com/u/f56/17/99/16/25/image_11.png') no-repeat;
position: absolute;
float: left;
width: 47px;
height: 112px;
margin-left: -50px;
margin-top: 20px;
padding: 0;
border: 0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - -- CITATION - SPOILER - CODE - HIDE - AUTRE - - - - - - - */
/* LES CITATIONS */
.quote {
width: 400px!important;
height: auto !important;
font-family: Time;
font-size: 11px;
padding: 5px;
color: #000000;
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
  background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
border-radius: 0px 20px 0px 20px;
border-top: 6px double #000000;
border-bottom: 6px double #000000;
}
   

/* LES CODE */
.selectCode {
float: right ;
text-transform: uppercase!important;
font-color: #000000;
text-shadow: 1px 1px 1px #ffffff;
font-size: 9px;
font-family: Time new roman!important;
}

.selectCode:hover {
float: right ;
text-transform: uppercase!important;
font-color: #000000;
text-shadow: 1px 1px 1px #000000;
font-size: 9px;
font-family: Time new roman!important;

 
div.cont_code {
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
  background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
color: #000000!important;
padding: 15px!important;
border: none !important;
text-align: left!important;
}


/* SPOILER FERMER */
.spoiler_closed {
width: 300px;
min-height: 15px;
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
border-radius: 20px 0px 20px 0px;
margin-bottom: 3px;
border: 1px solid #000000;
box-shadow: 1px 1px 24px #000;
-moz-box shadow: 1px 1px 24px #000;
-webkit-box-shadow: 1px 1px 24px #000;
-o-box-shadow: 1px 1px 24px #000;
}
 

/* SPOILER OUVRET */
.spoiler_content {
width: auto;
font-family: Time;
font-size: 12px;
padding: 20px;
color: #000000;
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
border-radius: 20px 0px 20px 0px;
border: 1px solid #000000;
box-shadow: 1px 1px 24px #000;
-moz-box shadow: 1px 1px 24px #000;
-webkit-box-shadow: 1px 1px 24px #000;
-o-box-shadow: 1px 1px 24px #000;
}




/* - - - - - - - - - - - - - - - - - - - CSS DES FLeCHES HAUTS ET BAS - - - - - - - - - - - - - - - - - - - - - */
/* bloc contenant les boutons */
.top_bottom{
position: fixed;
bottom: 110px;
right: 0px;   
background: url(http://i34.servimg.com/u/f34/17/99/16/25/back210.jpg)) #212121;   
z-index: 999;
padding: 8px;
}

/* bouton haut */
.haut{
display: block;
width: 28px;
height:28px;
background:url(http://hitskin.com/themes/14/65/47/i_up_arrow.png) no-repeat 0 0;
}

/* bouton bas */
.bas{
display: block;
width: 28px;
height: 28px;
background:url(http://hitskin.com/themes/14/65/47/i_down_arrow.png) no-repeat 0 0;
}



/* class inconnus */
.new_form {
background-color:#DAE3F5;
border:1px solid #ccc;
padding:10px 20px;
margin-bottom:15px;
font-size:1.2em;
width:95%;
}






/* - -  - - - - - - - - - - - - - - - - -CSS DES BOUTON PREVISUALISER ET ENVOYER ETC .- - - - - - - - - - - - - . */
/* premier bouton normal */
input.mainoption {
background-image: url(http://i34.servimg.com/u/f34/17/99/16/25/back2210.jpg);
color: #000000;
text-shadow: 1px 1px 1px #ffffff;
padding: 4px;
border-right: 3px solid #000000;
border-left: 0px solid #000000!important;
border-radius: 14px 0px  14px 0px;
}

input.mainoption:hover {
text-shadow: 1px 1px 1px #000000;
}

/* 2eme bouton normal */
input.liteoption {
background-image: url(http://i34.servimg.com/u/f34/17/99/16/25/back2210.jpg);
color: #000000;
text-shadow: 1px 1px 1px #ffffff;
padding: 4px;
border-right: 3px solid #000000;
border-left: 0px solid #000000!important;
border-radius: 14px 0px 14px 0px;
}

input.liteoption:hover {
text-shadow: 1px 1px 1px #000000;
}






   
/* BARRE DE NAVIGUATION */
div#navig {
float: center;
width:100%;
height: auto;
}
/* FIN BARRE DE NAVIGATION */

/* couleur des boutons */
a.mainmenu:link, a.mainmenu:visited {
color: #000000;
font-size: 12px;
text-align: center;
display: inline-block;
background-image : url(http://i34.servimg.com/u/f34/17/99/16/25/back2210.jpg);
padding: 5px;
text-shadow: 1px 1px 1px #FFFFFFF;
border-right: 3px solid #000000!important;
border-left: 0px solid #000000!important;
border-top: 1px solid #000000!important;
border-bottom: 1px solid #000000!important;
border-radius: 14px 0px 14px 0px;
-webkit-transition-property: border-radius;
-webkit-transition-duration: 1s;
}

a.mainmenu:hover, a.mainmenu:visited:hover { 
border-radius: 0px 14px 0px 14px;
}

/* FIN */
   
   



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -NOM DU SUJET */
/* cellules fleches navigation */
.t-title {
height: 66px;
vertical-align: middle;
padding-top: 5px;
}
/* titre du sujet dans les messages */
.t-title .cattitle {
text-shadow: 1px 1px 1px #dad97d;
color: #000000;
letter-spacing: 2px;
font-family: "Niconne";
font-size: 30px;
}





/* Code pour retire les cadre noir */
td.catLeft {
  border-width:0 0 0 0px !important;
}
td.catBottom {
  border-width:0 0px 0px !important;
}
td.catHead {
  border-width:0px 0px none !important;
}
.row3Right {
border:none!important;
}
.thHead {
border:none!important;
}
.thCornerL, .thCornerR, .thTop {
border:none!important;
}
.thLeft, .thRight {
border-left:none!important;
border-right:none!important;
}



/* titre bandeau liste des membres */
.list_membre {
color: #000000;
text-shadow: 1px 1px 1px #dad97d;
font-size: 36px;
margin-left: 270px;
font-family: "Niconne";
}


/* effacement cadre pointille au clic */
a:link {
outline: none !important;
border: none !important;
text-decoration: none !important;
}
a:visited {
outline: none !important;
border: none !important;
text-decoration: none !important;
}








/* - - - - - - - - - - - - - - - - Avatar en transparence et Cadre "SUR LE DOMAINE" - - - - - - - - - - - - */
 
div.info_profil em {
display:none;
}

div.info_profil:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info_profil:hover em {
padding: 3px;
display: block;
position: absolute;
top:0px;
left: -5px;
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/light-10.jpg);
border: 1px solid #000000;
max-width: 500px;
height: 100px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-o-border-radius: 10px 10px 10px 10px;
}









/* retrait des contours */
th.thHead,td.catHead {
    border-width: 0 0 0 0;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0 0;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0 0 0 0;
    }
th.thLeft,td.catLeft {
    border-width: 0 0 0 0;
    }
th.thBottom,td.catBottom {
    border-width: 0 0 0 0;
    }

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Sam 9 Nov 2013 - 5:44

et voila la deuxième partis Smile :

Code:
/* - - - - - changement de formulaire - - - -- */
.new_form
{
background-color:#DAE3F5;
border:1px solid #ccc;
padding:10px 20px;
margin-bottom:15px;
font-size:1.2em;
width:95%;
}












/*- - - - - - - - - - - - - - - - - - - - - - Fiche principal 1 - - - - - - - - - - - - - - - - - - - - - - - */
.fiche1 {
  border-top: 1px dotted #400000;
  border-bottom: 1px dotted #400000;
  border-left: 8px solid #400000;
  border-right: 8px solid #400000;
  background-color: maroon;
  width: 500px;
  height: auto;
-webkit-transition-property: background-color;
-webkit-transition-duration: 2s;
/* Firefox */
-webkit-transition-property: background-color;
-webkit-transition-duration: 2s;
}

.fiche1:hover {
  background-color: #400000;
}
 
.intro1 {
  color: #DAD97D;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 2px;
  line-height: 10px;
}
 
.contenu1 {
    font-family:Time new roman;
    font-size:13px;
    margin-left:30px;
    margin-right:30px;
    margin-top: 20px;
    text-align:justify;
    color:#DAD97D;
}
 
.tf1 {
  font-size: 14px;
  margin-left:60px;
  text-align: center;
  text-transform: small-caps;
  letter-spacing: 3px;
  color: #FFFFFF;
  background-color: maroon;
  border-top: 1px dotted #000000;
  border-bottom : 1px dotted #000000;
  text-shadow: 4px 4px 4px #000000;
  border-left: 4px solid #000000;
}
 


/* suppression jumpbox */
form[name="jumpbox"] {
display: none !important;
}
 

/* - - - - - - - - - - - - - - - - - - - - - - MESSAGES - - - - - - - - - - - - - - - - - - - - - - - - - */


/* interieur des message et sujets apres envoi et ou creations  */
div.postbody {
  color: #000000!important;
  font-weight: none!important;
  font-size: 12px;
  font-familly: "Time new Roman";
}




/* - - - - - - - - les petit cadre et bloc - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* cadre rapports */
.cadre_clair {
width: 400px;
height: auto;
border: 2px solid #000000;
-moz-box shadow: 10px 10px 5px #000;
-webkit-box-shadow: 10px 10px 5px #000;
box-shadow: 10px 10px 5px #000;
background-color: #DAD97D;
padding: 15px;
color: #000000!important;

}

.titre_2 {
color: maroon;
text-shadow: 1px 1px 1px #000;
font-size: 18px;
width: 90%;
height: auto;
border: 1px dotted #000000;
background-color: #e3e28d;
padding: 3px;
border-radius : 4px 4px 4px 4px;
}




/* _______________________________________________________ PA ______________________________________________ */
/* CONFIGURATION DE LA TABLE */


#tfa_table{
  width: 100%;
  color: black;
  font: 11px Time;
  background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/fondb110.jpg);
  background-repeat: repeat-y repeat-x;
  margin: 0px auto;
  border-right: 0;
  border-left: 0;
}

/* CELLULES */
#tfa_table td{
  background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
border: 2px solid #000000;
margin: 3px;
padding: 5px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow:  2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
border-radius: 12px 3px 12px 3px ;
-webkit-transition-property: border-radius;
-webkit-transition-duration: 1s;
cellspacing: 10px!important;
}

#tfa_table td:hover {
border-radius: 3px 12px 3px 12px;
}

/* LES LIENS */
#tfa_table a{
  color:#000000;
}

/* TITRES */
#tfa_table h1{
  font-size: 20px;
  font-family: "Niconne";
  margin: 3px auto;
  padding: 0;
  color:  #000000;
  border-bottom: 1px solid #000000;
  text-shadow: 1px 1px 12px #ffffff;


/* CELLULE AVEC FOND DECO DE GAUCHE */
#igauche{
  background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
  border: 2px solid #000000;
  padding: 4px;
  border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow:  2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
  -webkit-transition-property: border-radius;
  -webkit-transition-duration: 1s;
}

#igauche:hover {
border-radius: 3px 12px 3px 12px;
}

/* CELLULE AVEC FOND DECO DE DROITE */
#idroite{
  background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
  border: 2px solid #000000;
  padding: 4px;
  border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow:  2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
  -webkit-transition-property: border-radius;
  -webkit-transition-duration: 1s;
}

#idroite:hover {
border-radius: 3px 12px 3px 12px;
}


/* INFOBULLES */
.tfabulle{
  position: relative;
  float: left;
  margin: 3px;
  padding: 5;
}
/* PARTIE MASQUEE DE L INFOBULLE */
.in_bulle {
  display: none;
  margin: 0;
  padding: 0;
}
/* CONFIGURATION-PARAMÈTRES DE L INFOBULLE VISIBLE AU SURVOL */
.tfabulle:hover .in_bulle{
  background-image: url(http://i34.servimg.com/u/f34/17/99/16/25/back2210.jpg);
  border: 1px solid #000000;
  position: absolute;
  z-index: 999;
  display: block;
  width: auto;
  margin: 0;
  padding:3px;
  top: 0;
  left: 0;
  text-align: center;
  -moz-border-radius: 7px ;
  -webkit-border-radius: 7px ;
  border-radius:7px ;
  -moz-box-shadow: 0px 0px 4px #000;
  -webkit-box-shadow: 0px 0px 4px #000;
  box-shadow: 0px 0px 4px #000;
}
/* PARAGRAPHE DE L INFOBULLE */
.in_bulle p{
  color: #000000;
  margin: 0;
  padding: 0;
}
/* TITRE DANS L INFOBULLE */
.in_bulle h2{
  font: 11px Time;
  color:#000000;
  border-bottom: 1px solid #000000;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* LOGO MEMBRES DU STAFF */
.imgstaff:hover {
-webkit-transform: matrix(0.970,0.241,-0.241,0.970,0,0);
-moz-transform: matrix(0.970,0.241,-0.241,0.970,0px,0px);
-ms-transform: matrix(0.970,0.241,-0.241,0.970,0,0);
-o-transform: matrix(0.970,0.241,-0.241,0.970,0,0);
transform: matrix(0.970,0.241,-0.241,0.970,0,0);
}


/* PORTE COULLISSANTE PARTENAIRE ET ACCUEIL */
/* LE BLOC PRINCIPAL */
.bloc-tfa {
background: #DAD97D;
position: relative;
overflow: hidden;
height: 233px;
width: 179px;
padding: 0;
margin: 0;
border: none;
}
/* PARAGRAPHE */
.bloc-tfa p {
height: 233px;
width: 179px;
margin: 0 auto;
padding: 0;
color: #0000000;
}
/* POSITION DE L IMAGE */
.bloc-tfa img {
position: absolute;
top: 0;
left: 0;
}

/* - - - LES BLOCS DU PA - - - */
.bloc-actu-pa  {
overflow: auto!important;
max-height: 490px!important;
min-height: 490px!important;
}

.image-actu-pa {
float: left!important;
clear: both;
top: 0px!important;
right: 0px!important;
}

.cadre_contexte {
  text-size: 11px;
  text-align: justify;
  margin-left: 10px;
  margin-right: 20px;
  color: #000000;
  text-shadow: 1px 1px 12px #ffffff;
  font-weight: bold;
}
 
.pa_staff{
height: 280px;
overflow-y: auto!important;
overflow-x: none!important;
}

.titrestaff {
font-size: 20px;
font-family: "Niconne";
color: #000000;
text-shadow: 2px 2px 10px #ffffff;
text-align: center!important;
}
 
.image-staff_pa {
float: left!important;
clear: both;
top: 0px!important;
right: 0px!important;
}

.image-staff_modo {
float: left!important;
clear: both;
top: 0px!important;
right: 0px!important;
}

.image-staff_correctrice {
float: left!important;
clear: both;
top: 0px!important;
right: 0px!important;
}

.img-pa_contexte {
float: right!important;
clear: both;
top: 0px!important;
right: 0px!important;
}

/* ___________________________________ RUBAN MARRON DES PAGE _________________________________________ */
/* THEME FA RUBAN FACON SITE WEB */
.top_cat {
position: relative;
width: 100%;
height: 66px;
vertical-align: bottom;
margin: 0;
padding: 0;
margin-top: 20px;
}
.tfa_cat_gauche {
position: absolute;
left: -24px;
_background: url('http://i25.servimg.com/u/f25/11/95/30/70/157.png') no-repeat transparent;
width: 24px;
height: 66px;
margin: 0;
padding: 0;
}
.tfa_cat_droite {
position: absolute;
right: -24px;
_background: url('http://i34.servimg.com/u/f34/17/99/16/25/ribbon10.gif') no-repeat transparent;
width: 76px;
height: 66px;
padding: 0;
margin: 0;
}
.tfa_cat_center {
background: url("http://i34.servimg.com/u/f34/17/99/16/25/ribbon10.jpg") repeat-x scroll center bottom transparent;
bottom: 0;
height: 76px;
line-height: 66px;
margin: 0;
padding: 0;
}




/* POUR SUPPRIMER LES BORDURES DE LA BARRE DE TITRE */
td.catLeft, th.thLeft {
border-width: 0 0 0 0px;
}

/* CADRE DE REPONSE */
#text_editor_textarea.post {
width: 700px!important;
height: 480px!important;
border: 2px solid #000000!important;
padding: 15px!important;
background: none!important;
}






/* ___________________________________ SCROLLBAR ________________________________________________ */
/*SCROLL BAR*/
::-webkit-scrollbar{
  width: 12px; /*largeur de la scrollbar verticale*/
  height: 12px; /*hauteur de la scrollbar horizontale*/
}
::-webkit-scrollbar-track {
  background-color: #000000; /*couleur du fond de la scrollbar*/
  border: 1px solid #000000;  /*bordure*/
}
::-webkit-scrollbar-thumb {
  background-color: #261A00 /*couleur de l'ascenseur*/;
  border-radius: 7px 7px 7px 7px; /*arrondi des coins de l’ascenseur*/
  border: 1px solid #C0AC42;  /*bordure de l'ascenseur*/
  box-shadow: 1px 1px 12px #FFFFCE; /*ombre sur la bordure*/
}
/*__________________________________________________________________________________FIN SCROLLBAR___*/


/* ||||||||||||||||||||||||||||Categories en bloc du forum |||||||||||||||||||||| */

/* ---- BLOC CONTENANT LE TITRE DES CATÉGORIES ---- */
.tfa_cattitle{
position: center;
width: 100%;
clear: both;
}



/* TITRE CATÉGORIE */
.tfa_cattitle h2{
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/test10.gif);
height: 150px!important;
width: 100%;
margin: 0 auto;
margin-bottom: -20px!important;
paddign: 0;
text-align: center;
font-family: "Playball";
font-size: 34px; 
color: #000;
text-shadow: 0 1px 1px #ffffff;
}
/* 1ERE LETTRE DU TITRE DE CATÉGORIE */
.tfa_cattitle h2:first-letter{
font-size: 40px;
color: black;
text-shadow: 2px 2px 2px #ffffff;
}

/* ---- BLOC CONTENANT LES FORUMS ---- */
.tfa_container_forum {
position: relative;
width: 100%;
margin: 10px auto;
padding: 0;
}


/* BLOC CONTENANT UN FORUM */
.tfa_contenu_forum{
width: 50%;
float: left;
margin: 10px auto 30px;
padding: 0;
}

/* CONTENU DES FORUMS */
.in_forum{
position: relative;
width: 90%;
margin: 10px auto;
padding: 0;
background-image: url(http://i34.servimg.com/u/f34/17/99/16/25/back10.jpg);
background-repeat: repeat-x, repeat-y;
margin: 0 auto;
padding: 0px;
border: 1px solid #000000;
box-shadow: 2px 2px 30px #000;
_-moz-border-radius: 20px;
_-webkit-border-radius: 20px;
_border-radius: 20px;
}

/* ----- BLOC SUJETS-MESSAGES ------ */
.sujets-messages{
_background: url(http://i34.servimg.com/u/f34/17/99/16/25/textur13.jpg);
position: relative;
width: 190px;
height: 16px;
margin: 0 auto;
padding:0;
text-align: center;
}
/* SUJETS-MESSAGES */
.sujets-messages .gensmall{
font: 10px Arial;
color: #000000;
text-shadow: 1px 0 1px #cccccc;
margin: 2px auto 0;
padding:0;
text-align: center;
}
/* CHIFFRES */
.chiffres{
color: #ffffff;
}

/* ------- BLOC TITRE FORUM ------- */
.block_titre{
background: url(http://i71.servimg.com/u/f71/17/99/16/25/clair_10.jpg) top left repeat-x;
position:relative;
width: 100%;
height: 33px;
margin: 10px 0 0 0;
padding: 0;
box-shadow: 1px 1px 18px #FFFFCE;
}
.block_titre .hierarchy{
display: block;
width: 100%;
height: 33px;
margin: 0;
padding: 0;
}
/* LIEN FORUM */
.block_titre a.forumlink{
display: block;
font-size: 20px;
font-family: "Niconne";
color: #000000;
text-shadow: 0 1px 0 #cccccc;
text-align: center;
padding-top: 6px;
text-decoration: none!important;
-webkit-transition: all 0.8s ease 0.2s, 1s ease; /* pour navigateur webkit */
-moz-transition: all 0.8s ease 0.2s, 1s ease; /* pour navigateur mozilla */
-o-transition: all 0.8s ease 0.2s, 1s ease; /* pour navigateur opera */
transition: all 0.8s ease 0.2s, 1s ease; /* pour les navigateurs récents */
}
/* LIEN FORUM AU SURVOL */
.block_titre a.forumlink:hover {
font-size: 20px;
color: #E3E28D;
margin-left: 50px;
text-decoration: none !important;
}
/* IMAGE DE GAUCHE */
.titre-deco{
background-image: url(http://i45.servimg.com/u/f45/11/95/30/70/barre_43.jpg);
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 33px;
margin: 0;
padding: 0;
}


/* ------- BLOC DESCRIPTION -------- */
.tfa_description{
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
border: 1px solid black;
width: 94%;
height: 80px;
margin: 12px auto 0;
padding: 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
/* BLOC TRANSITION */
.bloc-trans{
position: relative;
height: 80px;
margin: auto;
overflow: hidden;
max-width: 100%;
margin: 0;
padding: 0;
}
/* CONTENU BLOC DESCRIPTION */
.bloc-texte {
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
width: 100%;
height: 80px;
position: absolute;
top: 0;
left: 0;
color: black;
opacity: 0.1;
filter : alpha(opacity=1);
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #000;
}
/* DESCRIPTION AU SURVOL */
.bloc-texte:hover {
opacity: 0.8;
filter : alpha(opacity=80);
}
/* IMAGE DESCRIPTION */
.descr-img img {
vertical-align: middle;
}
/* TEXTE DESCRIPTION */
.in-tfa_cont{
font-size: 11px;
font-style: small-caps!important;
color: #000000;
text-align: justify;
max-width: 96%;
margin: 5px auto 0;
max-height: 68px;
overflow-y: auto;
}

/* ------ BLOC MODERATEURS -------- */
.modo{
position: relative;
width:90%;
margin: 0 auto;
padding: 0;
}
.modo-transtion{
position: absolute;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 3;
}
/* CONTENU MODERATEURS */
.modo_content{
background-color: #C0AC42;
position: relative;
height: 0;
overflow: hidden;
color: #ffffff!important;
-moz-border-radius: 0 0 9px 9px;
-webkit-border-radius: 0 0 9px 9px;
border-radius: 0 0 9px 9px;
-webkit-transition: all 1.2s ease; /* pour navigateur webkit */
-moz-transition: all 1.2s ease; /* pour navigateur mozilla */
-o-transition: all 1.2s ease; /* pour navigateur opera */
transition: all 1.2s ease; /* pour les navigateurs récents */
overflow: auto!important;
}
/* OUVERTURE MODERATEURS */
.open_modo{
background: url(http://i71.servimg.com/u/f71/17/99/16/25/b211.png) no-repeat transparent;
position: relative;
width: 140px;
height: 13px;
display: block;
margin: 0 auto;
padding: 0;
font: 10px Time new roman;
color: #ffffff;
text-shadow: 1px 0 1px #000;
text-align: center;
}
/* MODERATEURS AU SURVOL */
.modo-transtion:hover .modo_content{
height: 25px;
padding: 3px;
}

/* TEXTE MODO */
.modo span{
font: 10px Time new roman;
color: #ffffff;
}

/* --- PARTIE DERNIERS SUJETS ET ICONES */
.derniers_sujets_and_icone{
width: 100%;
position: relative;
margin: 0;
padding: 0;
overflow: auto!important;
}
/* ---------- DERNIERS SUJETS -------- */
.tfa_last_post{
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
width: 55%;
height: 60px;
float: left;
margin: 16px 0 10px 10px;
padding: 5px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #000;
overflow: auto!important;
}

/* ICONES NEW-NO NEW-CLOS */
.tfa_icone{
width: 45%;
float: center;
margin: 10px auto;
padding: 0;
text-align: center;
}


/* ------ BLOC SOUS-FORUMS -------- */
 
.bloc_sous_forums{
float:right;
width: 100px;
height: 130px;
margin: 2px;
padding: 3px;
overflow: auto;
border:1px solid black;
border-radius:3px;
background-image: url('adressedelimage');
color: #ffffff;
}
 
/*test cadre autour du nom de chaque sous forum*/
a#subforums {
border:1px solid black;
border-radius:3px;
}
/* ||||||||||||||||||||||||| Fin Categories en bloc du forum |||||||||||||||||||||| */

/* MODIFICATION */
/* espace entre chaque message */
td.row1.messaging.gensmall, td.row1.browse-arrows,
td.row2.messaging.gensmall, td.row2.browse-arrows {
background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/light-10.jpg)!important;
}


/* TEXTE DES MESSAGE MARGE + JUSTIFIER */
div.postbody {
text-align: justify;
margin-left: 40px;
margin-right: 40px;
margin-top: 20px;
margin-bottom: 20px;
background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px #000000;
}

/* cadre du texte des message */
.postbody {
padding: 20px!important;
}

/* _________________________________________ QEEL _________________________________________________ */

.qeel_titre {
  color: #000000;
  font-size: 42px;
  font-family: "Niconne";
  text-shadow: 1px 1px 24px #ffffff;
  text-align: center!important;
  width: 890px;
  height: 100px;
}

.qeel {
  width: 890px;
  height: 400px;
  background: url(http://i56.servimg.com/u/f56/17/99/16/25/entrer11.jpg);
}

.qeel_table {
  width: 612px;
  margin: auto;
}

.colonne {
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 300px;
  overflow: auto!important;
  margin-top: 0px;
  margin-left: 0px;
  background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
  border: 1px solid #000000;
  box-shadow: 10px 10px 10px 10px #000000;
  -moz-box-shadow: 10px 10px 10px 10px #000000;
  -o-box-shadow: 10px 10px 10px 10px #000000;
  -htm-box-shadow: 10px 10px 10px 10px #000000;
  -webkit-box-shadow: 10px 10px 10px 10px #000000;
  font-size: 11px!important;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}

.colonne:hover {
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg),
    url(http://img4.hostingpics.net/pics/153172forumline03.jpg),
    url(http://img4.hostingpics.net/pics/440794forumline11.jpg),
    url(http://img4.hostingpics.net/pics/902555forumline10.jpg),
    url(http://img4.hostingpics.net/pics/947525forumline03.png),
    url(http://img4.hostingpics.net/pics/158730forumline13.png),
    url(http://img4.hostingpics.net/pics/300218forumline18.png),
    url(http://img4.hostingpics.net/pics/782072forumline09.png),
    url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
  border: 1px solid #3f4d55;
  box-shadow: 0px 0px 5px #0d1418;
  -moz-box-shadow: 0px 0px 5px #0d1418;
  -o-box-shadow: 0px 0px 5px #0d1418;
  -htm-box-shadow: 0px 0px 5px #0d1418;
  -webkit-box-shadow: 0px 0px 5px #0d1418;
  font-size: 11px!important;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}

.qeel_contenu {
  position: absolute;
  font-size: 11px!important;
  text-align: justify!important;
  padding: 15px!important;
}


/*_______________________________________ FIN QEEL __________________________________________________ */
/*_______________________________________TCHATBOX_____________________________________________________*/
/* COULEUR DU TEXTE */
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a {
    color: #000000;
}
/* IMAGE DE FOND */
body.chatbox {
    background-image: url(http://i56.servimg.com/u/f56/17/99/16/25/fond10.jpg)!important;
    background-repeat: repeat!important;
}

/*_______________________________________FIN TCHATBOX_________________________________________________*/


Je te remercier beaucoup beaucoup de ton aide Milouze ! <3

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Milouze14 le Sam 9 Nov 2013 - 6:59

Re,

dans ta css
recherches :
Code:

.sujets
{
background: #ececec;
border: 1px dotted #ffffff;
padding: 3px;
}
ajoutes lui un width:100%; Wink  .

Puis recherches et supprimes qui ne sert à rien :
Code:
table.forumline {}


a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Sam 9 Nov 2013 - 7:23

Génial!
Merci beaucoup Milouze, les sujets se sont correctement afficher!
Reste juste un dernier petit soucis, le cadre qui ne contient rien au dessus des icône (nouveaux/répondre):

Mise en Forme

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Milouze14 le Sam 9 Nov 2013 - 7:47

Re,

oui en fait il manquait encore des fermetures de balises Rolling Eyes .

Il ne faut pas supprimer n'importe quoi ma tite Offrande Wink .

Dans le template viewforum_body:
Affichage/Templates/Général/viewforum_body

supprimes tout le contenu et remplaces par:
Code:

        {BOARD_INDEX}
        <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
              <td align="left" valign="middle" width="50">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
                <!-- END switch_user_authpost -->
       
             
              </td><td class="nav" valign="middle" width="100%"><div class="nav">
            <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
            </td>
          </tr>
</table>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
          <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
              <tr>
                <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
                <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
              </tr>
             
                </table>
        </div>
       
       
       
       
       
       
       
       
       
       
        <div id="info_close" style="display:none">
          <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
              <tr>
                <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
              </tr>
              <tr>
                <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
              </tr>
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</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>
          </table>
        </div>
          <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
        <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
       
                <td align="left" valign="middle" width="50">
                    <!-- BEGIN switch_user_logged_in -->
                    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
                    <!-- END switch_user_logged_in -->
                </td>
       
       
          </tr>
       
        </table>
              </form>
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Mar 12 Nov 2013 - 4:24

Haaaaa! Merci merci beaucoup Milouze <3 !
Tu m'as vraiment bien aider sur ce coup là, comme toujours en faite Smile ! 

Le cadre qui ne contenez rien, contenez en faite des flèches quand il y avais plusieurs page de sujets, j'ai pus remarquer cela en aller voir dans un autre forum !

Par contre à présent, et, comme il le devait ce cadre entour toute la liste des sujets =) 
Serais t'il possible de le retiré et de placer le petit module de page "1,2,3..." à droite en haut de la liste des sujets et non a gauche comme elle l'est par défauts ? ::fleur:: 

Je t'embrasse et te souhaite une très bonne journée

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Milouze14 le Mar 12 Nov 2013 - 5:46

Salut Offrande,
il faut juste changer ceci dans:
Dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box


Code:
 
<!-- BEGIN pagination -->
      <span align="right"><span class="gensmall">{PAGINATION}</span></span>
  <!-- END pagination -->
Par :
Code:

<!-- BEGIN pagination -->
  <span style="float:right;"><span class="gensmall">{PAGINATION}</span></span>
<!-- END pagination -->
Penses a enregistrer les modifications en cliquant respectivement sur et

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en formes de la liste des sujets

Message par Offrande le Jeu 14 Nov 2013 - 21:11

Bonjour, 

Merci beaucoup Milouze ::fleur:: thumright 
Encore une fois ! 

Je met le sujets en résolus .
Bonne continuation à toi cher Ami.

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum