C'est pas centrer ?! & estétique.

[© Summers]

Re bonjour !!

Voilà j'ai un autre petit soucis niveau code, sur mon autre forum ^^ Je sais pas trop comment expliquer alors voici l'image.

Spoiler:

la partie des message et celle des réponses rapide est bien centrer mais ce petit truc là non ! Voici les code CSS que j'ai mis :

Code:

body
{
background color: #ECE6D8;
background-repeat: repeat-y;
background-position: top center;
}

.bodylinewidth
{ width: 800px;}

a
{ outiline: none; }

#page-body
{
width: 820px;
background-image: url(http://host.image.files.free.fr/host/4c4c6ff952740skin_04.png);
background-repeat: repeat-y;
margin-top: 20px; padding-bottom: 30px; }

.forumline
{
max-width: 800px;
margin: auto;
background-color: #F9DDBC;
border-radius: 10px;
-moz-border-radius: 10px;
border: 2px solid #F9DDBC;
padding: 2px; }

table
{ max-width: 800px;
margin: auto; }

.cattitle
{ display: block;
font-variant: small-caps;
text-align: center; }

a.forumlink
{
display: block;
text-align: center;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 5px; margin-top: -2px;
padding-left: 10px; padding-right: 10px; padding-bottom: 5px;
background-color: #F9DDBC;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius: 0px 0px 10px 10px;
border-bottom: 3px solid #E8A16E;
font-style: italic;
}

a.forumlink:hover
{
text-decoration: none !important;
letter-spacing: 1px;
font-variant: small-caps;
font-weight: bold;}

ET j'aurais également une autre questions pour ce forum !

Spoiler:

Donc voilà je trouve que les case réponse et autres ne font pas esthétique, j'aimerais les supprimer ou les mettre d'une autre façon, es-ce possible si oui comment ?! ET aussi les deux petit traits (sur la gauche) es-ce ausi possible de n'en mettre qu'un ?!

Merci d'avance !

[Matriochka]

Bonjour,

Quel est le forum concerné ?

Pour vos deux autres soucis, voici un topic qui répondra à votre demande concernant les "deux petits traits" :
► Supprimer les bordures

Ensuite, pour les autres cases : désirez-vous les supprimer ? Si non, comment voulez-vous les modifier ?

[© Summers]

Il s'agit de http://bloodysunnydale.forumactif.com/
Merci pour le lien ! EUh les supprimer, je pense que c'est mieux, car j'ai pas d'exemple... Si peut-être si je pouvais juste passer l'auteur du poste sous le titre du sujet...

Merci !

[Matriochka]

Oui, pas de souci, on peut parfaitement le supprimer et mettre l’auteur du sujet sous le titre du sujet

Pour ce faire, allez dans PA ► Affichage ► Templates ► Général. Ouvrez le template intitulé topics_list_box à l’aide de l’outil "Éditer", représenté par un rouage orange.

Trouvez cette partie :

Code:

      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>

Et supprimez-la. Il s’agit des titres des colonnes "Réponses", "Auteur" et "Vues".

Supprimez également cette partie :

Code:

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>

Autrement dit, celle qui génère, cette fois-ci, le contenu des colonnes "Réponses", "Auteur" et "Vues".

Là, nous venons de supprimez intégralement les éléments que vous désiriez supprimer. Il nous faut désormais déplacer le nom de l’auteur d’un sujet sous le titre d’un sujet. Pour ce faire, on va récupérer la variable suivante, que l’on a supprimé auparavant : {topics_list_box.row.TOPIC_AUTHOR}. Cette variable génère automatiquement le nom de l’utilisateur ayant posté le topic.

Trouvez cette partie :

Code:

         <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="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>

C’est elle qui affiche le titre de vos sujets dans la liste. À partir de là, c’est tout simple, il nous suffit de positionner la variable citée plus haut par rapport à ce titre, c’est à dire : en-dessous (donc après).

Exemple :

Code:

         <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="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
<b>Écrit par : {topics_list_box.row.TOPIC_AUTHOR}</b>

Là, j’ai ajouté "Écrit par : Utilisateur", juste en-dessous du titre du message. J’ai cerné ma modification par les balises b, afin de le mettre en gras, mais évidemment, vous pouvez changer cela comme bon vous semble.

[© Summers]

Oh merci infiniment, juste une dernière question du coup :

Spoiler:

Est-il juste possible de passer le "poster par" après la decsription du titre (ashley tisdale par exemple.)

Encore merci de votre aide !

[Matriochka]

Oui, parfaitement. Pour ce faire, il suffit de positionner votre variable après :

Code:

         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->

Qui génère la description de vos sujets

[© Summers]

Ah merci beaucoup, et encore uen chose, je sais je suis pénible XD

Es t-il possible de pas tout mettre en gras, car c'est tout en gras là !

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 -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <!-- BEGIN multi_selection -->
      <th 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" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <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 class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><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}" /></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="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
                          </h2>
                          <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
                          <br><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>
         </div>
         <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="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{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>
   <!-- END topic --><!-- BEGIN no_topics -->
   <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>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Merci encore !

[Matriochka]

Il n’y a pas de souci, voyons.

Ajoutez ceci dans votre feuille de styles (PA ► Affichage ► Couleurs ► Onglet "Feuille de styles CSS") :

Code:

.topictitle {font-weight:200px;}
a.topictitle {font-weight:bold;}

Me prévenir si rien ne change

[© Summers]

Cela ne marche pas...

[Matriochka]

Code:

                          <br><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>
        </div>

Remplacez cette partie par :

Code:

        </div>
                          <br /><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>

[© Summers]

Merci (ça marche ♥), mais es-ce aussi possible de ne pas avoir le titre et la description en MAJ.

Spoiler:

Est-il juste possible de passer le "poster par" après la decsription du titre (ashley tisdale et le titre par exemple.)

Encore merci de votre aide !
Ah et aussi comment j'enlève le mot "annonce" et "Note" devant ^^ Je suis une quiche désoler !

[Matriochka]

Ne pas avoir le titre et la description en MAJ, c’est à dire ? Que le tout soit en minuscules ?

Avez-vous effectué la modification que je vous ai notée plus haut ?

[© Summers]

Euh pardon, pas en MAJ, mais en gras, u_U désoler je suis fatiguer ^^
Oui, oui je l'es effectuer et cela marche bien, mais le titre et la description sont toujours en gras !

[Matriochka]

Je ne le vois pas en gras…

[© Summers]

http://bloodysunnydale.forumactif.com/f19-welcome-to-sunnydale

Ashley Tisdale est bien en gras, non ?! Ou c'est peut-être moi qui débloque XD

[Matriochka]

Ah, ici, oui. Effectivement !
Vous ne débloquez pas, rassurez-vous

Essayez en remplaçant cette partie :

Code:

<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="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
                          </h2>
                          <!-- BEGIN switch_description -->
        <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
        </span>
        <!-- END switch_description -->
                          <br><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>
        </div>

Par :

Code:

<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="topictitle" 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 -->
                          <br /><font size=1px>Posté par : {topics_list_box.row.TOPIC_AUTHOR}</font>


[© Summers]

Ah merci cela marche ♥ Merci beaucoup.

Du coup pour enlever le "annonce:" et Note:" devant le titre, ou du moi es-ce que je peux le personnaliser ?!

[Matriochka]

Je vous déconseille de l’enlever, personnellement. C’est une mention importante

Vous pouvez ceci dit la personnaliser en vous rendant dans PA ► Général ► Messages et Emails ► "Personnaliser le libellé d'un Note" ainsi que "Personnaliser le libellé d'une Annonce".

[© Summers]

Merci, oui c'est ce que je me disais, ne pas l'enlever mais que cela soit plus esthétique. ET bien merci beaucoup, vous m'avez bien aider !

Sujet clos !