Forum gratuit : Le forum des forums actifs
Bienvenue sur le forum de support de ForumActif.

Afin de profiter pleinement de tout ce que vous offre notre forum, merci de vous identifier si vous êtes déjà membre ou de rejoindre notre communauté si vous ne l'êtes pas encore.

Créer un forum gratuit semblable à ce forum

Créer un forum

Rechercher
Magic FDFRechercher parmi les tutoriels...
Pensez à effectuer une recherche parmi les tutoriels existants avant d'ouvrir un sujet dans l'Entraide !



Afficher sous forme de :


Les posteurs les plus actifs de la semaine
lombrix
 

Le meilleur forum
le meilleur forum
Thèmes du mois
Derniers sujets
Qui est en ligne ?
Il y a en tout 226 utilisateurs en ligne :: 12 Enregistrés, 0 Invisible et 214 Invités :: 2 Moteurs de recherche

-Tancrède-, Denh 33, dida-59, dollhouse, Green Apple, Keta28 ZEF, ludoloveisa, Nesquik, risa, SeLfde4Th7, Sinavlia, yoyolebg

Le record du nombre d'utilisateurs en ligne est de 1877 le Jeu 19 Mai 2011 - 15:00

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

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

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

Message par © Summers le Dim 8 Avr 2012 - 14:09

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 !


Dernière édition par © Summers le Dim 8 Avr 2012 - 17:21, édité 1 fois

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par Matriochka le Dim 8 Avr 2012 - 14:23

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 ?

Matriochka
Aidactive
Aidactive

Messages: 7605
Réputation: 1603
Inscrit(e) le: 14/07/2010

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par © Summers le Dim 8 Avr 2012 - 14:40

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 !

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par Matriochka le Dim 8 Avr 2012 - 14:55

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

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.

Matriochka
Aidactive
Aidactive

Messages: 7605
Réputation: 1603
Inscrit(e) le: 14/07/2010

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par © Summers le Dim 8 Avr 2012 - 15:48

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 !

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par Matriochka le Dim 8 Avr 2012 - 15:50

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 Smile

Matriochka
Aidactive
Aidactive

Messages: 7605
Réputation: 1603
Inscrit(e) le: 14/07/2010

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par © Summers le Dim 8 Avr 2012 - 15:59

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 !

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par Matriochka le Dim 8 Avr 2012 - 16:02

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 Smile

Matriochka
Aidactive
Aidactive

Messages: 7605
Réputation: 1603
Inscrit(e) le: 14/07/2010

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par © Summers le Dim 8 Avr 2012 - 16:06

Cela ne marche pas... Smile

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par Matriochka le Dim 8 Avr 2012 - 16:15

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>

Matriochka
Aidactive
Aidactive

Messages: 7605
Réputation: 1603
Inscrit(e) le: 14/07/2010

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par © Summers le Dim 8 Avr 2012 - 16:27

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 "post it" devant ^^ Je suis une quiche désoler !

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par Matriochka le Dim 8 Avr 2012 - 16:53

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 ?

Matriochka
Aidactive
Aidactive

Messages: 7605
Réputation: 1603
Inscrit(e) le: 14/07/2010

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par © Summers le Dim 8 Avr 2012 - 17:04

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 !

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par Matriochka le Dim 8 Avr 2012 - 17:08

Je ne le vois pas en gras… scratch


Matriochka
Aidactive
Aidactive

Messages: 7605
Réputation: 1603
Inscrit(e) le: 14/07/2010

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par © Summers le Dim 8 Avr 2012 - 17:10

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


Dernière édition par © Summers le Dim 8 Avr 2012 - 17:13, édité 1 fois

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par Matriochka le Dim 8 Avr 2012 - 17:13

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

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>

Matriochka
Aidactive
Aidactive

Messages: 7605
Réputation: 1603
Inscrit(e) le: 14/07/2010

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par © Summers le Dim 8 Avr 2012 - 17:16

Ah merci cela marche ♥ Merci beaucoup.

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

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par Matriochka le Dim 8 Avr 2012 - 17:18

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

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

Matriochka
Aidactive
Aidactive

Messages: 7605
Réputation: 1603
Inscrit(e) le: 14/07/2010

Revenir en haut Aller en bas

Résolu Re: C'est pas centrer ?! & estétique.

Message par © Summers le Dim 8 Avr 2012 - 17:21

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 !

© Summers
**

Messages: 71
Réputation: 0
Inscrit(e) le: 30/03/2012

http://guiltypleasure.forumgratuit.org/

Revenir en haut Aller en bas

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

- Sujets similaires

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